:root{color-scheme:dark;--bg: #070a12;--panel: rgba(10, 16, 30, .76);--line: rgba(180, 215, 255, .18);--text: #f6f8ff;--muted: #9fb0c8;--accent: #ff9f1c;--good: #26e6a1;--danger: #ff4d6d}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.56),transparent 22%,transparent 78%,rgba(0,0,0,.56)),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}button{font:inherit}.ad-rail{position:fixed;top:50%;z-index:2;width:360px;height:min(800px,calc(100vh - 24px));overflow:hidden;transform:translateY(-50%)}.ad-rail-left{left:0}.ad-rail-right{right:0}.ad-rail .adsbygoogle{display:inline-block;width:360px;height:800px}.game-shell{position:relative;z-index:3;width:min(100vw,880px,115vh);height:100vh;min-width:320px;min-height:520px;margin:0 auto;overflow:hidden;box-shadow:0 0 80px #0000008c;background:radial-gradient(circle at 48% 112%,rgba(30,95,140,.28),transparent 34%),linear-gradient(180deg,#080b16,#0a1020 47%,#050711)}#gameCanvas{display:block;width:100%;height:100%}.copyright-link{position:absolute;right:14px;bottom:10px;z-index:4;color:#ffffff75;font:700 .68rem Inter,system-ui,sans-serif;letter-spacing:0;text-decoration:none;text-shadow:0 1px 5px rgba(0,0,0,.75);transition:color .14s ease,opacity .14s ease}.copyright-link:hover,.copyright-link:focus-visible{color:#ffffffd1;outline:0}.designer-credit{position:absolute;left:14px;bottom:10px;z-index:4;color:#ffffff6b;font:700 .68rem Inter,system-ui,sans-serif;letter-spacing:0;text-shadow:0 1px 5px rgba(0,0,0,.75);user-select:none}.hud{position:absolute;inset:14px 16px auto;display:grid;grid-template-columns:minmax(86px,1fr) minmax(168px,230px) minmax(86px,1fr);align-items:center;gap:12px;pointer-events:none;font-family:Orbitron,Inter,sans-serif;text-shadow:-1px -1px 0 rgba(2,6,23,.95),1px -1px 0 rgba(2,6,23,.95),-1px 1px 0 rgba(2,6,23,.95),1px 1px 0 rgba(2,6,23,.95),0 3px 9px rgba(0,0,0,.72)}.hud-panel{min-height:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.hud-panel-left,.hud-panel-right{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.hud-panel-left{justify-self:start}.hud-panel-right{justify-self:end;text-align:left}.label{color:#ffffffe6;font-size:.65rem;letter-spacing:0;text-transform:uppercase}.hud strong{font-size:clamp(.94rem,2vw,1.25rem);line-height:1}.hud-panel-center{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;justify-self:center;width:min(230px,38vw)}.health-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem}.health-track{width:100%;height:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;overflow:hidden}.health-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--good),#e8e85a 62%,var(--danger));transform-origin:left center;transition:transform .14s ease-out}.overlay{position:absolute;inset:0;display:none;place-items:center;padding:22px;background:#03050a9e;backdrop-filter:blur(6px)}.overlay.is-visible{display:grid}.menu{width:min(680px,100%);padding:30px;border:1px solid rgba(255,255,255,.17);background:#080c16e0;box-shadow:0 24px 80px #00000073;text-align:center}.kicker{margin:0 0 8px;color:var(--accent);font-family:Orbitron,Inter,sans-serif;font-size:.72rem;letter-spacing:0;text-transform:uppercase}.brand-logo{display:block;width:min(500px,94%);height:auto;margin:2px auto 10px;filter:drop-shadow(0 0 16px rgba(34,211,238,.28)) drop-shadow(0 10px 22px rgba(0,0,0,.35))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1{margin:0;font-family:Audiowide,Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,5rem);line-height:.95;letter-spacing:0;text-shadow:0 0 22px rgba(255,159,28,.28)}.menu-copy{width:min(430px,100%);margin:18px auto 20px;color:#cbd7ec;font-size:1rem;line-height:1.55}.name-field{display:grid;gap:8px;width:min(360px,100%);margin:0 auto 18px;text-align:left;font-family:Orbitron,Inter,sans-serif}.name-field span{color:var(--muted);font-size:.66rem;text-transform:uppercase}.name-field input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.18);color:#f8fbff;background:#ffffff13;padding:0 12px;outline:0;font:800 .95rem Orbitron,Inter,sans-serif}.name-field input:focus{border-color:#ff9f1cbf;box-shadow:0 0 0 3px #ff9f1c24}.record-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 20px}.record-pill{padding:10px 8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-family:Orbitron,Inter,sans-serif}.record-pill span{display:block;color:var(--muted);font-size:.58rem;text-transform:uppercase}.record-pill strong{display:block;margin-top:4px;font-size:.95rem}.concept-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 24px}.concept-card{display:grid;place-items:center;gap:7px;min-height:88px;border:1px solid rgba(255,255,255,.14);color:#d8e3f4;background:#ffffff0e;cursor:pointer;font-family:Orbitron,Inter,sans-serif;font-size:.74rem;font-weight:800;text-transform:uppercase;transition:border-color .14s ease,background .14s ease,transform .14s ease,color .14s ease}.concept-card:hover{transform:translateY(-2px);border-color:#ff9f1c80;background:#ff9f1c1f}.concept-card.is-selected{color:#fff9ec;border-color:#ff9f1cd9;background:linear-gradient(180deg,#ff9f1c38,#ff9f1c14),#ffffff12;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 28px #ff9f1c21}.concept-icon{display:grid;place-items:center;position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);background:#05091294;color:transparent;font-family:Audiowide,Orbitron,sans-serif;font-size:1.05rem;line-height:1;overflow:hidden}.concept-icon:before,.concept-icon:after{content:"";position:absolute;display:block}.concept-card[data-concept=deniz] .concept-icon{background:linear-gradient(180deg,#082f49,#0e7490)}.concept-card[data-concept=deniz] .concept-icon:before{inset:19px -3px auto;height:7px;border-top:2px solid rgba(236,254,255,.8);border-radius:50%}.concept-card[data-concept=deniz] .concept-icon:after{left:12px;top:7px;width:10px;height:18px;clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%);background:#cffafe}.concept-card[data-concept=uzay] .concept-icon{background:radial-gradient(circle at 55% 60%,#38bdf8,#111827 42%,#020617)}.concept-card[data-concept=uzay] .concept-icon:before{left:6px;top:6px;width:4px;height:4px;background:#fff7ed;box-shadow:17px 4px #fde68a,9px 19px #e0f2fe}.concept-card[data-concept=uzay] .concept-icon:after{left:11px;top:10px;width:13px;height:18px;clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);background:#f8fafc}.concept-card[data-concept=hava] .concept-icon{background:linear-gradient(180deg,#1e3a8a,#60a5fa)}.concept-card[data-concept=hava] .concept-icon:before{left:8px;top:15px;width:18px;height:5px;background:#ffffff73;border-radius:999px}.concept-card[data-concept=hava] .concept-icon:after{left:10px;top:7px;width:15px;height:21px;clip-path:polygon(50% 0,68% 56%,100% 100%,50% 76%,0 100%,32% 56%);background:#eff6ff}.concept-card[data-concept=kara] .concept-icon{background:linear-gradient(180deg,#1a2e05,#4d7c0f)}.concept-card[data-concept=kara] .concept-icon:before{left:7px;top:19px;width:20px;height:7px;border-radius:4px;background:#111827}.concept-card[data-concept=kara] .concept-icon:after{left:9px;top:10px;width:19px;height:12px;clip-path:polygon(0 100%,12% 20%,62% 0,100% 42%,88% 100%);background:#bef264}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0 24px;text-align:left}.stat{min-height:64px;padding:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e;font-family:Orbitron,Inter,sans-serif}.stat span{display:block;color:var(--muted);font-size:.64rem;text-transform:uppercase}.stat strong{display:block;margin-top:6px;font-size:1.15rem}.primary-button{min-width:164px;min-height:48px;border:0;color:#15100b;background:var(--accent);cursor:pointer;font-family:Orbitron,Inter,sans-serif;font-weight:900;text-transform:uppercase;box-shadow:0 12px 28px #ff9f1c38}.menu-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.pause-actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(260px,100%);margin:24px auto 0}.secondary-button{min-height:44px;border:1px solid rgba(255,255,255,.18);color:#f8fbff;background:#ffffff13;cursor:pointer;font-family:Orbitron,Inter,sans-serif;font-weight:800;text-transform:uppercase}.secondary-button:hover{border-color:#ff9f1c94;background:#ff9f1c24}.leaderboard{display:grid;gap:7px;width:min(560px,100%);margin:22px auto;font-family:Orbitron,Inter,sans-serif}.leaderboard-head,.leaderboard-row{display:grid;grid-template-columns:34px minmax(0,1fr) 64px 72px 64px;align-items:center;gap:8px;min-height:38px;text-align:left}.leaderboard-head{color:var(--muted);font-size:.62rem;text-transform:uppercase}.leaderboard-row{padding:0 8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0e;color:#f8fbff;font-size:.78rem}.leaderboard-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-button:hover{filter:brightness(1.08)}.primary-button:active{transform:translateY(1px)}@media(max-width:1640px),(max-height:820px){.ad-rail{display:none}}@media(max-width:620px){.hud{inset:10px 10px auto;grid-template-columns:minmax(54px,1fr) minmax(126px,42vw) minmax(54px,1fr);gap:6px}.hud-panel{min-height:0;padding:0}.label{font-size:.56rem}.menu{padding:24px 18px}.concept-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-card{min-height:76px}.record-strip,.stats{grid-template-columns:1fr}.leaderboard-head,.leaderboard-row{grid-template-columns:26px minmax(0,1fr) 44px 54px 44px;gap:5px;font-size:.62rem}}