*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.invisible{visibility:hidden}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:dark;--ink:#f7f8f3;--muted:#aeb8b1;--yellow:#ffd43b;--green:#35d07f;--red:#ff4d5f;--surface:rgba(17,28,24,.92)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#07110e;color:var(--ink)}body{font-family:Arial,Noto Sans TC,Noto Sans JP,sans-serif;background:radial-gradient(circle at 14% -10%,rgba(255,212,59,.12),transparent 34rem),radial-gradient(circle at 96% 45%,rgba(53,208,127,.08),transparent 30rem),#07110e}button,select{font:inherit}button{touch-action:manipulation}.app-frame{min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.shell{width:min(100%,1080px);margin:0 auto}.topbar{justify-content:space-between;min-height:48px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:950;letter-spacing:.02em}.brand-link{color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:10px;-o-object-fit:cover;object-fit:cover}.top-actions{display:flex;align-items:center;gap:8px}.top-actions-floating{justify-content:flex-end;margin-top:-48px;margin-bottom:14px}.locale-select{min-width:74px;height:44px;border:1px solid #31423c;background:#10201b;color:var(--ink);border-radius:12px;padding:0 10px}.home-loading{min-height:60dvh;display:grid;place-items:center;color:var(--muted)}.turnstile-invisible{position:fixed;width:1px;height:1px;overflow:hidden;pointer-events:none}.home-grid{display:grid;gap:14px;margin-top:12px}.home-card,.panel{border:1px solid #273b34;background:var(--surface);border-radius:20px;padding:18px;backdrop-filter:blur(16px)}.hero-card{padding:22px;background:linear-gradient(145deg,rgba(22,39,32,.97),rgba(10,20,17,.94))}.hero-banner{margin:-10px -10px 18px;overflow:hidden;border:1px solid rgba(255,212,59,.3);border-radius:14px;background:#07110e}.hero-banner img{display:block;width:100%;height:auto;aspect-ratio:1200/630;-o-object-fit:cover;object-fit:cover}.eyebrow{color:var(--yellow);text-transform:uppercase;font-size:11px;letter-spacing:.14em;font-weight:900}h1,h2,p{margin-top:0}h1{margin:8px 0 10px;font-size:clamp(36px,10vw,58px);line-height:.96;letter-spacing:-.05em}h2{margin:7px 0 10px;font-size:21px}.lede{color:var(--muted);line-height:1.65}.hero-copy{font-size:16px;margin-bottom:18px}.rule{color:var(--muted);line-height:1.6;margin-bottom:14px}.small-copy{font-size:12px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.stat{padding:11px 10px;background:#0a1713;border-radius:12px}.stat strong{display:block;font-size:21px}.stat span{color:var(--muted);font-size:11px}.primary-btn{width:100%;min-height:58px;border:0;border-radius:15px;background:var(--yellow);color:#11150c;font-weight:950;box-shadow:0 8px 24px rgba(255,212,59,.14)}.primary-btn:disabled{opacity:.48;cursor:not-allowed}.secondary-btn{min-height:44px;border:1px solid #3a5047;background:transparent;color:var(--ink);border-radius:11px;padding:0 13px}.text-btn{margin-top:14px;padding:0;border:0;background:none;color:var(--muted);text-decoration:underline;min-height:44px}.queue-note{color:var(--muted);font-size:12px;margin:10px 0 0}.more-trigger{display:block;width:100%;margin-top:10px}.notice{padding:10px 12px;border-radius:10px;background:#412326;color:#ffd9dc;font-size:13px;margin-bottom:10px}.local-mode-badge{display:inline-flex;margin-bottom:8px;padding:6px 9px;border:1px solid rgba(53,208,127,.34);border-radius:999px;color:#77eaae;background:rgba(53,208,127,.08);font-size:11px;font-weight:800}.ranked-start-btn{width:100%;margin-top:10px;border-color:rgba(255,212,59,.7);color:var(--yellow);font-weight:900}.ranked-requirement{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.leaderboard-notice{background:#243c32;color:#c6f4d9}.player-name-card{display:grid;gap:3px;margin:14px 0;padding:11px 12px;border:1px solid #34493f;border-radius:12px;background:#0a1713}.player-name-card span{color:var(--muted);font-size:11px;font-weight:800}.player-name-card strong{color:var(--yellow);font-size:18px}.player-name-card .text-btn{width:-moz-max-content;width:max-content;margin:0;color:var(--yellow)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin-bottom:0}.section-heading>strong{color:var(--muted);font-size:12px;white-space:nowrap}.history-list{display:grid;gap:8px;margin-top:16px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#0a1713;border-radius:11px;font-size:14px}.history-choice{font-weight:800}.history-time{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.history-correct,.history-wrong{padding:5px 9px;border-radius:999px;font-size:12px;white-space:nowrap}.history-correct{background:rgba(53,208,127,.17);color:#68efa6}.history-wrong{background:rgba(255,77,95,.16);color:#ff7d89}.game-stage{width:min(100%,720px);height:calc(100dvh - 82px);margin:12px auto 0}.pitch-card{position:relative;height:clamp(410px,67dvh,650px);overflow:hidden;border-radius:24px;background:#11261f;border:1px solid #2c453b;box-shadow:0 22px 70px rgba(0,0,0,.4)}.game-pitch{height:100%}.pitch-card canvas{display:block}.pitch-interaction{position:relative;width:100%;height:100%;touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pitch-interaction:active{cursor:grabbing}.pitch-gesture-layer{position:absolute;inset:0;z-index:1;touch-action:none}.pitch-skeleton{width:100%;height:100%;background:repeating-linear-gradient(90deg,#183a2f 0 12.5%,#1e4739 12.5% 25%);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.7}}.pitch-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.status-pill{display:inline-flex;padding:7px 11px;background:rgba(3,12,9,.76);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.round-start-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(4,11,9,.48);backdrop-filter:blur(2px)}.round-start-btn{min-width:180px;min-height:64px;border:2px solid #fff3a6;border-radius:999px;background:var(--yellow);color:#11150c;font-size:19px;font-weight:950;box-shadow:0 12px 40px rgba(0,0,0,.4)}.ready-panel{display:grid;justify-items:center;gap:12px;padding:22px;text-align:center}.ready-panel p{max-width:280px;margin:0;color:#d0ddd7;font-size:13px}.ready-panel .ready-ranked-hint{color:#fff0a2;font-weight:800}.ready-label{padding:6px 10px;border-radius:999px;background:rgba(4,12,9,.75);color:#a9bcb4;font:700 11px/1 monospace}.team-kit-indicator{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(3,12,9,.78);color:white;font-size:12px;font-weight:900;backdrop-filter:blur(8px)}.team-kit-indicator i{width:15px;height:15px;border:2px solid white;border-radius:4px}.team-kit-indicator .attack-kit-swatch{background:linear-gradient(180deg,#f3d126 0 60%,#174aa3 60%)}.ready-kit{position:absolute;top:14px;right:14px;z-index:2}.decision-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(58,61,60,.9);backdrop-filter:blur(8px);padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.decision-sheet{width:min(100%,620px);background:#151b19;border:1px solid #56615d;border-radius:22px;padding:22px 18px;box-shadow:0 18px 70px rgba(0,0,0,.45)}.decision-sheet h2{font-size:clamp(25px,7vw,36px)}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision-btn{min-height:68px;border-radius:15px;border:0;color:#11150c;font-size:18px;font-weight:950}.decision-btn.offside{background:var(--yellow)}.decision-btn.onside{background:var(--green)}.decision-btn:disabled{opacity:.55}.submitting-copy{margin:12px 0 0;color:var(--muted)}.var-verdict{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:stretch;min-width:230px;border:3px solid white;box-shadow:0 8px 28px rgba(0,0,0,.55)}.var-verdict span{display:grid;place-items:center;padding:10px 12px;background:white;color:#111;font-weight:950;font-size:12px}.var-verdict strong{flex:1;text-align:center;padding:10px 18px;color:white;font-size:20px;letter-spacing:.08em}.var-verdict.onside strong{background:#12a85e}.var-verdict.offside strong{background:#e22739}.decoy-note{position:absolute;z-index:3;left:14px;right:14px;bottom:82px;padding:9px 12px;border:1px solid rgba(166,121,255,.55);border-radius:12px;background:rgba(24,12,47,.82);color:#ded0ff;font-size:12px;text-align:center;backdrop-filter:blur(8px)}.result-panel{margin-top:12px}.result-banner{border-left:5px solid var(--green);padding-left:13px;margin-bottom:16px}.result-banner.wrong{border-color:var(--red)}.result-banner.correct h2{color:#68efa6}.result-banner.wrong h2{color:#ff7d89}.result-overlay{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px;background:rgba(58,61,60,.72);backdrop-filter:blur(5px)}.result-modal{width:min(100%,460px);padding:22px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(14,22,19,.91);box-shadow:0 22px 70px rgba(0,0,0,.5)}.home-result-btn{margin-top:10px;display:grid;place-items:center;text-decoration:none}.home-modal-overlay{display:grid;position:fixed;inset:0;z-index:120;place-items:center;padding:16px;background:rgba(45,49,47,.78);backdrop-filter:blur(8px)}.home-modal{width:min(100%,440px);max-height:82dvh;overflow:auto;padding:18px;border:1px solid #59645f;border-radius:22px;background:#111a17;box-shadow:0 24px 80px rgba(0,0,0,.55)}.home-modal-nav{display:flex;justify-content:space-between;min-height:44px}.modal-nav-btn{min-width:64px;min-height:40px;border:0;background:transparent;color:var(--yellow);font-weight:800}.settings-menu{display:grid;gap:10px}.settings-menu button{min-height:58px;border:1px solid #40534b;border-radius:14px;background:#17251f;color:white;font-weight:900;text-align:left;padding:0 16px}.history-desktop,.leaderboard-desktop{grid-column:1/-1}.leaderboard-card{padding-bottom:14px}.leaderboard-meta{margin:5px 0 14px;color:var(--muted);font-size:12px;line-height:1.55}.leaderboard-list{display:grid;gap:6px}.leaderboard-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:7px 9px;border-radius:10px;background:#0a1713;font-size:13px}.leaderboard-row>strong{color:var(--yellow);text-align:center}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.leaderboard-name small,.leaderboard-row small{color:#7f8d86;font-size:10px;font-weight:700}.leaderboard-row>span:last-child{display:grid;justify-items:end;color:#d4e0d9;font-variant-numeric:tabular-nums}.leaderboard-player{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding:10px;border-top:1px solid #31423c;color:var(--muted);font-size:12px}.leaderboard-player strong{color:var(--ink)}.name-select-label{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:12px;font-weight:800}.name-select-label select{width:100%;min-height:48px;border:1px solid #40534b;border-radius:11px;padding:0 10px;background:#0a1713;color:var(--ink)}.name-preview{margin:18px 0;color:var(--yellow);font-size:24px;font-weight:950;text-align:center}.name-random-btn{width:100%;margin-bottom:10px}.abandon-sheet{width:min(100%,460px)}.abandon-overlay{z-index:130}.confirmation-actions{display:grid;gap:10px}@media (min-width:760px){.home-grid{height:calc(100dvh - 76px);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:18px;overflow:hidden}.hero-card{grid-column:1;grid-row:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.hero-banner{flex:0 0 auto;height:clamp(140px,28dvh,280px);margin-bottom:14px}.hero-banner img{height:100%}.leaderboard-desktop{display:block;grid-column:2;grid-row:1;min-height:0}.leaderboard-desktop .leaderboard-card{display:flex;height:100%;flex-direction:column;overflow:hidden}.leaderboard-desktop .leaderboard-list{min-height:0;overflow:auto;padding-right:3px}.leaderboard-trigger{display:none}.hero-card .more-trigger{margin-top:auto}}@media (max-width:420px){.app-frame{height:100dvh;overflow:hidden;padding-left:10px;padding-right:10px}.home-card{padding:16px}.hero-card{padding:18px 16px}.game-stage{height:calc(100dvh - 76px);margin-top:8px}.pitch-card{height:100%;border-radius:18px}.decision-sheet{padding:18px 14px}}@media (max-width:759px){.app-frame{height:100dvh;overflow:hidden}.home-grid{height:calc(100dvh - 76px);overflow:hidden;align-content:start}.desktop-home-card{display:none}.more-trigger{display:block}.hero-card{max-height:100%}.hero-copy{margin-bottom:10px}.stats-row{margin:10px 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}