@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f7f3e9;background:#071d17;font-synthesis:none;--lime: #d7ff3f;--orange: #ff5a36;--ink: #071d17;--cream: #f7f3e9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(215,255,63,.12),transparent 25rem),#071d17}body.besiktas-theme{background:radial-gradient(circle at 78% 8%,rgba(255,255,255,.12),transparent 23rem),radial-gradient(circle at 15% 75%,rgba(196,21,39,.13),transparent 18rem),#080808}button{font:inherit}.app-shell{width:min(1380px,100%);margin:0 auto;padding:24px clamp(16px,4vw,56px) 30px}.masthead{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;min-height:78px;margin-bottom:20px}.brand-mark{display:grid;place-items:center;width:70px;height:70px;flex:0 0 70px;box-sizing:border-box;aspect-ratio:1;color:var(--ink);background:var(--lime);border-radius:50%;font:22px/1 Archivo Black,sans-serif;transform:rotate(-6deg)}.brand-mark small{display:none}.app-shell.is-besiktas{--lime: #f4f1eb;--orange: #c41527;--ink: #090909;--cream: #f4f1eb}.app-shell.is-besiktas .brand-mark{position:relative;width:70px;height:70px;flex-basis:70px;padding:10px 6px 8px;color:#090909;background:#f4f1eb;border:0;border-radius:0;aspect-ratio:1;clip-path:polygon(12% 0,88% 0,100% 16%,88% 88%,50% 100%,12% 88%,0 16%);transform:none}.app-shell.is-besiktas .brand-mark:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:#c41527}.app-shell.is-besiktas .brand-mark span{position:relative;z-index:1;font-size:22px}.app-shell.is-besiktas .brand-mark small{position:absolute;z-index:1;right:0;bottom:8px;left:0;display:block;margin:0;color:#090909;font-size:5px;font-weight:800;letter-spacing:.05em}.app-shell.is-besiktas .eyebrow{color:#e33443}.eyebrow,.step-label{margin:0 0 7px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:clamp(23px,3.5vw,48px)/.98 "Archivo Black",sans-serif;letter-spacing:-.04em;text-transform:uppercase}.round-count{display:flex;align-items:baseline}.round-count strong{font:38px/1 Archivo Black,sans-serif}.round-count span{color:#8da39b;font-weight:700}.round-progress{display:grid;gap:5px;min-width:94px}.progress-track{height:5px;overflow:hidden;background:#8da39b47;border-radius:99px}.progress-track span{display:block;height:100%;background:var(--lime);border-radius:inherit;transition:width .35s ease}.position-progress{display:flex;gap:7px;color:#8da39b;font-size:9px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.position-progress span.is-complete{color:var(--lime)}.position-progress strong{color:inherit}.masthead-actions{display:grid;justify-items:end;gap:8px}.header-tools{display:flex;align-items:center;gap:20px}.social-links{display:flex;align-items:center;gap:10px}.social-links a{display:inline-flex;align-items:center;min-height:34px;gap:8px;padding:5px 2px;color:#d3ded9;font-size:13px;font-weight:900;letter-spacing:.01em;text-decoration:none}.social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}.social-links .social-icon-fill{fill:currentColor;stroke:none}.social-links .social-icon-cutout{fill:var(--ink);stroke:none}.social-links a:hover,.social-links a:focus-visible{color:var(--lime);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.language-switch{display:flex;align-items:center;gap:5px;color:#8da39b;font-size:11px;font-weight:800}.language-switch button{padding:2px 0;color:#8da39b;background:transparent;border:0;cursor:pointer;font-weight:800}.language-switch button.is-selected{color:var(--lime)}.install-button{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:4px 8px;color:var(--ink);background:var(--lime);border:1px solid var(--lime);border-radius:999px;cursor:pointer;font-size:10px;font-weight:900}.install-button:hover,.install-button:focus-visible{color:var(--lime);background:transparent}@media(max-width:620px){.masthead{grid-template-columns:auto 1fr}.masthead-actions{grid-column:1 / -1;justify-items:start}.header-tools{gap:14px}.local-stats-grid{grid-template-columns:repeat(2,1fr)}}.setup-card{max-width:860px;margin:4vh auto 0;padding:clamp(28px,6vw,64px);background:#0b2a20;border:1px solid rgba(255,255,255,.14);border-top:7px solid var(--lime)}.app-shell.is-besiktas .setup-card,.app-shell.is-besiktas .result-page,.app-shell.is-besiktas .game-layout{background:#111;border-color:#fff3}.app-shell.is-besiktas .setup-copy>p:not(.eyebrow),.app-shell.is-besiktas .result-intro>p:not(.eyebrow){color:#bdb9b3}.setup-card h2{margin-bottom:10px;font:clamp(28px,4vw,50px)/.98 "Archivo Black",sans-serif;letter-spacing:-.05em;text-transform:uppercase}.setup-copy>p:not(.eyebrow){color:#a9bbb4;line-height:1.6}.setup-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:18px}.setup-intro-spacer{aspect-ratio:3 / 2}.setup-card fieldset{margin:32px 0 0;padding:0;border:0}.setup-card legend{margin-bottom:11px;color:var(--cream);font-weight:800}.setup-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.setup-option{min-height:106px;padding:18px;color:var(--cream);text-align:left;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:5px;cursor:pointer}.setup-option:hover{border-color:var(--lime)}.setup-option.is-selected{color:var(--ink);background:var(--lime);border-color:var(--lime)}.setup-option strong{display:block;font:23px/1 Archivo Black,sans-serif;letter-spacing:-.04em}.setup-option span{display:block;margin-top:8px;font-size:11px;line-height:1.35}.setup-ready,.setup-warning{margin:28px 0 20px!important;padding:13px 15px;font-size:13px}.setup-ready{color:var(--lime)!important;border-left:4px solid var(--lime);background:#d7ff3f14}.setup-warning{color:#ffd2c7!important;border-left:4px solid var(--orange);background:#ff5a361f}.besiktas-eagle{align-self:center;width:100%;aspect-ratio:3 / 2}.besiktas-eagle img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.scoreboard{display:grid;grid-template-columns:1fr auto;align-items:end;padding:15px 20px;color:var(--ink);background:var(--cream);border-radius:12px 12px 0 0}.scoreboard>span{align-self:center;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.scoreboard strong{grid-row:span 2;font:clamp(52px,8vw,100px)/.75 "Archivo Black",sans-serif;letter-spacing:-.07em}.scoreboard strong.is-negative{color:var(--orange)}.scoreboard small{margin-top:5px;color:#577067;font-size:15px;font-weight:700}.game-layout{display:grid;grid-template-columns:minmax(450px,.9fr) minmax(400px,1.1fr);min-height:670px;background:#0b2a20;border:1px solid rgba(255,255,255,.12)}.pitch{position:relative;min-height:670px;overflow:hidden;background-color:#147448;background-image:repeating-linear-gradient(90deg,#ffffff06 0 12.5%,#00000006 12.5% 25%);border:10px solid #f7f3e9}.pitch.is-besiktas{background-color:#202020;background-image:repeating-linear-gradient(90deg,#ffffff0f 0 12.5%,#0000001c 12.5% 25%);border-color:#f4f1eb}.pitch:after{content:"";position:absolute;inset:12px;border:2px solid rgba(255,255,255,.6);pointer-events:none}.pitch-line,.center-circle,.penalty-box{position:absolute;z-index:0;border:2px solid rgba(255,255,255,.6)}.center-line{top:50%;left:12px;right:12px;border-width:2px 0 0}.center-circle{top:50%;left:50%;width:100px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.penalty-box{left:27%;width:46%;height:86px}.penalty-top{top:12px;border-top:0}.penalty-bottom{bottom:12px;border-bottom:0}.formation{position:absolute;inset:34px 28px;z-index:1}.formation-slot{position:absolute;width:84px;min-height:68px;padding:5px;color:#ffffffb8;background:#071d1740;border:2px dashed rgba(255,255,255,.44);border-radius:10px;transform:translate(-50%,-50%)}.formation-slot:disabled{opacity:1}.formation-slot.is-target{color:var(--ink);background:var(--lime);border:0;cursor:default;animation:pulse 1s infinite alternate}.formation-slot.is-filled{color:var(--cream);background:#071d17;border:2px solid var(--lime)}.app-shell.is-besiktas .formation-slot{background:#00000038;border-color:#ffffff75}.app-shell.is-besiktas .formation-slot.is-target{color:#fff;background:#c41527;border-color:#c41527;animation-name:pulse-red}.app-shell.is-besiktas .formation-slot.is-filled{color:#f4f1eb;background:#080808;border-color:#f4f1eb}.formation-slot strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.formation-slot small{font-size:9px;text-transform:uppercase}.shirt{position:relative;display:block;width:34px;height:32px;margin:0 auto 3px;background:var(--lime);clip-path:polygon(22% 0,38% 12%,62% 12%,78% 0,100% 19%,85% 37%,78% 28%,78% 100%,22% 100%,22% 28%,15% 37%,0 19%)}.shirt b{position:absolute;inset:9px 0 auto;color:var(--ink);font:10px/1 Archivo Black,sans-serif;text-align:center}.shirt.is-besiktas{background:repeating-linear-gradient(90deg,#f4f1eb 0 31%,#090909 31% 62%)}.shirt.is-besiktas b{color:#fff;text-shadow:0 1px 1px #090909}.slot-plus{display:block;height:28px;font-size:27px;font-weight:800}.formation .slot-gk-1{left:50%;top:91%}.formation-352 .slot-fwd-1{left:36%;top:8%}.formation-352 .slot-fwd-2{left:64%;top:8%}.formation-352 .slot-mid-1{left:12%;top:35%}.formation-352 .slot-mid-2{left:31%;top:29%}.formation-352 .slot-mid-3{left:50%;top:39%}.formation-352 .slot-mid-4{left:69%;top:29%}.formation-352 .slot-mid-5{left:88%;top:35%}.formation-352 .slot-def-1{left:24%;top:66%}.formation-352 .slot-def-2{left:50%;top:72%}.formation-352 .slot-def-3{left:76%;top:66%}.control-panel{display:grid;align-items:center;padding:clamp(24px,5vw,70px)}.restart-button{justify-self:start;align-self:end;margin-top:34px;padding:0;color:#8da39b;background:transparent;border:0;border-bottom:1px solid currentColor;cursor:pointer;font-size:12px;font-weight:700}.restart-button:hover{color:var(--cream)}.callout{max-width:560px}.callout h2,.result-card h2{margin-bottom:14px;font:clamp(28px,4vw,54px)/.98 "Archivo Black",sans-serif;letter-spacing:-.04em;text-transform:uppercase}.callout>p:not(.step-label),.result-card>p{color:#a9bbb4;line-height:1.6}.primary-button,.secondary-button{min-height:54px;padding:0 22px;border-radius:5px;border:0;font-weight:800;cursor:pointer}.primary-button{color:var(--ink);background:var(--lime);box-shadow:5px 5px 0 var(--orange)}.primary-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--orange)}.primary-button:disabled{color:#65805b;background:#9aad96;box-shadow:none;cursor:not-allowed}.primary-button:disabled:hover{transform:none;box-shadow:none}.secondary-button{color:var(--cream);background:transparent;border:1px solid rgba(255,255,255,.3)}.player-grid{display:grid;gap:10px;width:min(100%,620px)}.selection-count{display:flex;align-items:baseline;gap:8px;margin:4px 0 32px;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.05em}.selection-count strong{font:25px/1 Archivo Black,sans-serif;letter-spacing:-.04em}.pick-timer{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,620px);min-height:58px;margin:-20px 0 12px;padding:7px 11px;color:var(--ink);border-left:3px solid var(--lime);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:background .35s linear,border-color .2s ease}.pick-timer>*{position:relative;z-index:1}.pick-timer-label{position:absolute!important;left:11px;padding:5px 7px;color:var(--cream);background:#071d17b8;border-radius:4px}.pick-timer-count{display:flex;align-items:baseline;justify-content:center;min-width:52px;padding:4px 10px;color:var(--cream);background:#071d17b8;border-radius:999px}.pick-timer-count strong{font:26px/1 Archivo Black,sans-serif;letter-spacing:-.04em}.pick-timer-count small{margin-left:2px;font-size:10px;font-weight:800}.pick-timer.is-warning{border-left-color:var(--orange);animation:timer-pulse .8s ease-in-out infinite alternate}.player-card{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;width:100%;padding:11px 13px;color:var(--ink);text-align:left;background:var(--cream);border:0;border-left:7px solid var(--lime);border-radius:6px;cursor:pointer;transition:transform .15s ease;animation:card-in .28s both}.player-card:hover{transform:translate(6px)}.player-card:nth-child(2){animation-delay:.06s}.player-card:nth-child(3){animation-delay:.12s}.player-card.is-besiktas{border-left-color:#090909;box-shadow:4px 4px #c41527}.player-card.is-besiktas:hover{box-shadow:7px 4px #c41527}.card-position{grid-column:2;color:#64756f;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.player-avatar{grid-row:1 / 3;position:relative;display:block;width:48px;aspect-ratio:1;overflow:hidden;background:var(--ink);border-radius:50%}.player-avatar:before{content:"";position:absolute;top:10px;left:50%;width:15px;height:15px;background:var(--cream);border-radius:50%;transform:translate(-50%)}.player-avatar:after{content:"";position:absolute;bottom:-6px;left:50%;width:33px;height:25px;background:var(--cream);border-radius:50% 50% 0 0;transform:translate(-50%)}.player-card strong{grid-column:2;font-size:14px}.selected-summary{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding:18px;color:var(--ink);background:var(--cream);border-left:7px solid var(--lime)}.selected-summary>span{color:#64756f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.selected-summary>div{display:grid;text-align:right}.selected-summary strong{font-size:18px}.selected-summary small{margin-top:3px;color:#64756f;font-size:10px}.result-page{width:min(920px,100%);margin:2vh auto 0;padding:clamp(26px,5vw,56px);background:#0b2a20;border:1px solid rgba(255,255,255,.14);border-top:7px solid var(--lime)}.result-intro h2{margin:0 0 12px;font:clamp(34px,6vw,72px)/.94 "Archivo Black",sans-serif;letter-spacing:-.05em;text-transform:uppercase}.result-intro>p:not(.eyebrow){color:#a9bbb4;line-height:1.55}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0 18px}.result-stats>div{min-height:0;padding:9px 12px;color:var(--ink);background:var(--cream)}.result-stats span{display:block;color:#64756f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-stats strong{display:block;margin-top:2px;font:clamp(26px,4vw,44px)/.92 "Archivo Black",sans-serif;letter-spacing:-.05em}.result-stats strong.is-negative{color:var(--orange)}.result-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:8px 0 24px}.result-progress-bar{height:9px;overflow:hidden;background:#8da39b40;border-radius:99px}.result-progress-bar span{display:block;height:100%;background:var(--lime);border-radius:inherit;transition:width .65s ease}.result-progress small{color:#8da39b;font-size:11px;font-weight:800}.result-formation{margin:24px 0 28px}.result-formation .pitch{height:clamp(420px,62vw,620px);min-height:0}.result-formation .formation-slot{min-height:72px}.result-formation .formation-slot strong{overflow:visible;font-size:9px;line-height:1.05;white-space:normal;overflow-wrap:anywhere}.local-stats{margin:24px 0 30px;padding:18px 20px;background:#ffffff0a;border:1px solid rgba(141,163,155,.2)}.local-stats h3{margin:0 0 14px;color:var(--lime);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.local-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.local-stats-grid div{display:grid;gap:3px}.local-stats-grid span{color:#8da39b;font-size:10px;font-weight:800}.local-stats-grid strong{color:var(--lime);font:22px/1 Archivo Black,sans-serif}.result-table-wrap{margin-bottom:24px;overflow-x:auto}.result-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.result-table-wrap th{padding:10px;color:#8da39b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.result-table-wrap td{padding:11px 10px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}.result-table-wrap td:first-child{font-weight:800}.result-table-wrap td:nth-child(3){color:var(--lime);font-weight:800}.result-number{color:var(--lime);font:clamp(90px,13vw,180px)/.8 "Archivo Black",sans-serif;letter-spacing:-.08em}.result-difference{color:var(--lime)!important;font-weight:800}.result-card .secondary-button{margin-top:20px}.result-list{display:grid;gap:5px;margin:16px 0 0;padding:0;list-style:none}.result-list li{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12)}.result-list span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.result-list strong{font-size:12px}.result-list b{color:var(--lime);font:18px/1 Archivo Black,sans-serif}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 2px;color:#7f968d;font-size:11px}@keyframes pulse{0%{box-shadow:0 0 #d7ff3f66}to{box-shadow:0 0 0 12px #d7ff3f00}}@keyframes pulse-red{0%{box-shadow:0 0 #c4152780}to{box-shadow:0 0 0 12px #c4152700}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes timer-pulse{0%{opacity:.72}to{opacity:1}}@media(max-width:880px){.game-layout{grid-template-columns:1fr}.pitch{min-height:650px}.control-panel{min-height:390px}.setup-card,.result-page{margin-top:0}}@media(max-width:560px){.app-shell{padding:14px 10px}.masthead{gap:10px}.masthead{min-height:60px}.brand-mark{width:51px;height:51px;flex-basis:51px;font-size:16px}.app-shell.is-besiktas .brand-mark{width:51px;height:51px;flex-basis:51px;padding:7px 4px 5px}.app-shell.is-besiktas .brand-mark:before{height:5px}.app-shell.is-besiktas .brand-mark span{font-size:17px}.app-shell.is-besiktas .brand-mark small{font-size:4px}h1{font-size:20px}.round-count strong{font-size:28px}.round-progress{min-width:72px}.scoreboard{padding:13px 14px}.scoreboard strong{font-size:58px}.scoreboard>span{font-size:11px}.scoreboard small{font-size:13px}.setup-card{padding:28px 20px}.setup-intro{grid-template-columns:minmax(0,1fr) 108px;gap:6px}.result-page{padding:28px 18px}.setup-options{grid-template-columns:1fr}.setup-option{min-height:76px}.result-stats{grid-template-columns:1fr}.result-table-wrap th,.result-table-wrap td{padding:9px 6px;font-size:11px}.game-layout{min-height:0}.pitch{height:clamp(440px,130vw,520px);min-height:0;border-width:6px}.formation{inset:26px 8px}.formation-slot{width:62px;min-height:56px}.control-panel{min-height:0;padding:26px 14px 30px}.player-card{grid-template-columns:48px 1fr;gap:3px 9px;padding:12px 10px}.player-avatar{width:44px}.player-avatar:before{top:9px;width:14px;height:14px}.player-avatar:after{bottom:-6px;width:31px;height:23px}.player-card strong{font-size:14px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}