@keyframes leaderboardGlow{0%,to{background-color:rgba(144,255,207,.35)}50%{background-color:rgba(144,255,207,.7)}}:root{--grid-size:64px;--line-thickness:1px;--grid-bg:#111;--grid-line:#111;--max-content-width:1200px;--space-unit:4px;--space-xs:calc(var(--space-unit) * 1.5);--space-sm:calc(var(--space-unit) * 2);--space-md:calc(var(--space-unit) * 3);--space-lg:calc(var(--space-unit) * 3.5);--space-xl:calc(var(--space-unit) * 4);--space-2xl:calc(var(--space-unit) * 4.5);--space-3xl:calc(var(--space-unit) * 5);--space-4xl:calc(var(--space-unit) * 5.5);--space-5xl:calc(var(--space-unit) * 6);--space-6xl:calc(var(--space-unit) * 7);--space-7xl:calc(var(--space-unit) * 8);--space-8xl:calc(var(--space-unit) * 10);--leaderboard-row-height:calc(var(--space-unit) * 12)}body,html{height:100%}*,::after,::before{box-sizing:border-box}body,main.game-shell{display:flex;align-items:stretch;padding:0}body{margin:0;min-height:100dvh;flex-direction:column;background-color:var(--grid-bg);background-image:linear-gradient(to right,var(--grid-line)0 var(--line-thickness),transparent 0),linear-gradient(to bottom,var(--grid-line)0 var(--line-thickness),transparent 0);background-size:var(--grid-size) var(--grid-size);background-attachment:fixed;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Fugaz One",system-ui,sans-serif;letter-spacing:1.2px;color:#e5ecff;text-shadow:0 2px 4px rgba(0,0,0,.6);margin:0}.site-header,.site-header__inner{width:100%;display:flex;align-items:center}.site-header{flex:0 0 auto;height:72px;max-height:100px;background:#0c0e12d9;backdrop-filter:blur(6px);border-bottom:1px solid #1c2026;box-shadow:0 4px 12px -6px rgba(0,0,0,.6),0 0 0 1px #121417 inset}.site-header__inner{max-width:var(--max-content-width, 808px);margin:0 auto;padding:0 var(--space-6xl);justify-content:space-between;gap:var(--space-7xl)}.site-title{font-family:"Fugaz One",system-ui,sans-serif;font-size:28px;letter-spacing:1px;margin:0;background:linear-gradient(90deg,#fff,#9fb4ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;display:inline-flex;overflow:hidden}.site-tagline{font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.5px;color:#b5bcc8;max-width:170px}main.game-shell{flex:1 0 auto;width:100%;justify-content:center}.page{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.game-layout,.game-stage{display:flex;align-items:flex-start}.game-layout{width:100%;max-width:var(--max-content-width);gap:var(--space-2xl);flex-wrap:wrap}.game-stage{flex:1 1 800px;min-width:0;justify-content:center;position:relative}header{text-align:center;font-size:3rem}#game{display:block;max-width:900px;width:100%;height:auto;border:2px solid #272a33;background:#0e0f14;box-shadow:0 0 0 4px #111,0 0 40px -10px #000 inset;border-radius:8px}.hud{font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e6e6e6;margin:var(--space-sm)0;display:flex;gap:var(--space-md);align-items:normal;flex-wrap:wrap}.panel{position:relative;border:1px solid #272a33;border-radius:10px;padding:calc(var(--space-unit)*2.5) var(--space-lg) var(--space-md) var(--space-lg);background:#101218;box-shadow:0 4px 14px -6px rgba(0,0,0,.6),0 0 0 1px #1d2026 inset;display:flex;flex-direction:column;gap:var(--space-unit);min-width:180px;justify-content:space-between}.panel-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#9aa0aa;font-weight:600}.panel-value{font-family:"Fugaz One",system-ui,sans-serif;font-size:1rem;letter-spacing:.5px;background:linear-gradient(90deg,#dbe2ec,#b9c2cc);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.action-panel,.panel-button{justify-content:center}.panel-button{all:unset;font:600 13px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding:var(--space-sm) var(--space-lg);background:linear-gradient(#21262e,#181c22);color:#e6e6e6;border:1px solid #343b46;border-radius:6px;cursor:pointer;position:relative;text-align:center;box-sizing:border-box;display:block;align-items:center;box-shadow:0 2px 4px -2px #000,0 0 0 1px #121519 inset;transition:background 160ms ease,transform 120ms ease}.panel-button:disabled{cursor:not-allowed;opacity:.5;background:linear-gradient(#1a1d24,#15181e)}.panel-button:hover:not(:disabled){background:linear-gradient(#262d37,#1b2027)}.panel-button:active:not(:disabled){background:linear-gradient(#161a1f,#14171b);transform:translateY(1px)}.panel-button:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.round-bar{flex:1 1 auto;width:100%;margin:0;padding:var(--space-2xl) var(--space-3xl);border:1px solid #242933;border-radius:12px;background:#10141dcc;box-shadow:0 10px 30px -18px rgba(0,0,0,.7);backdrop-filter:blur(6px);gap:var(--space-2xl)}.leaderboard-panel,.round-bar,.sidebar{display:flex;flex-direction:column}.leaderboard-panel{flex:0 0 300px;width:300px;margin:0;align-items:stretch}.sidebar{flex:1 1 300px;gap:var(--space-5xl)}.round-bar__metrics{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.round-metric{display:flex;flex-direction:column;gap:var(--space-unit)}.round-difficulty legend,.round-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#99a3b5;font-weight:600}.round-value{font-family:"Fugaz One",system-ui,sans-serif;font-size:1.4rem;letter-spacing:1.2px;color:#e5ecff;text-shadow:0 2px 4px rgba(0,0,0,.6)}.round-difficulty{border:1px solid #262b35;border-radius:10px;padding:calc(var(--space-unit)*2.5) var(--space-lg) var(--space-md) var(--space-lg);background:rgba(16,20,29,.75);box-shadow:0 4px 16px -8px rgba(0,0,0,.6);width:100%;margin:0}.round-difficulty legend{padding:0 var(--space-unit);font-size:10px;letter-spacing:.6px;color:#8f97aa}.round-difficulty__options{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.round-radio{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:12px;letter-spacing:.4px;color:#c8cedd;font-weight:600;position:relative;cursor:pointer;padding:var(--space-unit) calc(var(--space-unit)*2.5) var(--space-unit) var(--space-xs);border-radius:10px;transition:color 160ms ease,background 160ms ease,box-shadow 160ms ease}.round-radio span{transition:color 160ms ease,text-shadow 160ms ease}.round-radio:hover{color:#e7ecff;background:rgba(42,47,61,.25);box-shadow:0 0 0 1px rgba(90,110,160,.25) inset}.round-radio:focus-within{color:#f1f4ff;background:rgba(54,62,82,.35);box-shadow:0 0 0 1px rgba(110,142,255,.35) inset,0 0 10px -4px rgba(110,142,255,.6)}.round-radio input[type=radio]{appearance:none;-webkit-appearance:none;accent-color:#6a8cff;width:18px;height:18px;border-radius:50%;margin:0;border:1px solid #303745;background:linear-gradient(180deg,#151922,#0f1219);box-shadow:0 0 0 1px #090b10,0 3px 4px rgba(0,0,0,.45) inset;transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease;position:relative;cursor:pointer}.round-radio input[type=radio]::after{content:"";position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e0e9ff,#7f9dff 55%,#3d4faf);box-shadow:0 0 6px rgba(93,130,255,.6);opacity:0;transform:scale(.4);transition:opacity 160ms ease,transform 160ms ease}.round-radio input[type=radio]:checked{border-color:#5d74ff;box-shadow:0 0 0 1px #10162c,0 0 8px rgba(94,123,255,.5)}.round-radio input[type=radio]:checked::after{opacity:1;transform:scale(1)}.round-radio input[type=radio]:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.round-radio input[type=radio]:disabled{opacity:.4;cursor:not-allowed}.round-radio input[type=radio]:disabled+span{color:#545b66}.round-radio input[type=radio]:checked+span{color:#f1f4ff;text-shadow:0 0 6px rgba(96,124,255,.4)}.leaderboard-form{display:flex;flex-direction:column;gap:var(--space-xs)}.leaderboard-form[hidden],.round-overlay__status[hidden]{display:none}.leaderboard-form__row{display:flex;gap:var(--space-sm)}.leaderboard-form__row button{flex:0 0 auto}.leaderboard-form__row input{flex:1 1 auto;padding:var(--space-sm) calc(var(--space-unit)*2.5);border-radius:6px;border:1px solid #2a2e35;background:#0f1117;color:#f4f6ff;text-transform:uppercase;letter-spacing:2px;font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.leaderboard-form__row input::placeholder{color:#3f4652}.leaderboard-form__row input:focus{outline:0;border-color:#586bff;box-shadow:0 0 0 1px rgba(120,152,255,.3)}.leaderboard-hint{margin:0;font-size:11px;color:#7c8391;letter-spacing:.4px}.round-overlay__status{margin:var(--space-unit)0 0;font-size:12px;color:#9aa6ff;letter-spacing:.4px}.round-overlay__status[data-tone=error]{color:#ff9c9c}.round-overlay__status[data-tone=success]{color:#90ffcf}.round-overlay__status[data-tone=info]{color:#9aa6ff}@media (max-width:1080px){.game-layout{max-width:1000px}.leaderboard-panel,.round-bar{flex-basis:260px;width:260px}}@media (max-width:960px){.game-shell{padding:var(--space-2xl) var(--space-lg)}.game-layout{flex-direction:column;align-items:center}.game-layout,.sidebar{gap:var(--space-3xl)}.leaderboard-panel,.round-bar,.sidebar{width:100%;max-width:520px}}@media (max-width:600px){.round-bar__metrics{grid-template-columns:1fr}.round-bar{padding:var(--space-xl)}.leaderboard-panel{width:100%}}.leaderboard-card{width:100%;margin:0;padding:var(--space-3xl) var(--space-4xl);background:#0f1219cc;border:1px solid #1f242c;border-radius:12px;box-shadow:0 12px 30px -18px rgba(0,0,0,.8);backdrop-filter:blur(4px)}.leaderboard-card h2{margin:0 0 var(--space-md);font:600 18px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:1px;color:#d3d8e5;text-transform:uppercase}.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed;background:rgba(15,18,25,.65);border-radius:10px;overflow:hidden;font:600 14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e6ecff}.leaderboard-table thead{background:rgba(40,46,60,.85)}.leaderboard-table tbody tr,.leaderboard-table thead,.leaderboard-table thead tr{display:table;width:100%;table-layout:fixed}.leaderboard-table td,.leaderboard-table th{padding:calc(var(--space-unit)*2.5) var(--space-lg);text-align:left}.leaderboard-table tbody{display:block;max-height:calc(var(--leaderboard-row-height)*5);overflow-y:auto;background:inherit;scrollbar-width:none}.leaderboard-table tbody::-webkit-scrollbar{display:none}.leaderboard-table th{font-size:.6rem;letter-spacing:.6px;text-transform:uppercase;color:#9ea8c1;border-bottom:1px solid rgba(120,130,150,.25)}.leaderboard-table tbody tr:nth-child(odd){background:rgba(24,28,38,.7)}.round-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(9,11,16,.78);backdrop-filter:blur(6px);padding:var(--space-3xl);text-align:center;z-index:2}.round-overlay[hidden]{display:none}.round-overlay__panel{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-3xl) var(--space-4xl);border:1px solid rgba(72,88,122,.45);border-radius:16px;background:rgba(18,24,36,.85);box-shadow:0 20px 35px -18px rgba(0,0,0,.8)}.round-overlay__form,.round-overlay__start{display:none;flex-direction:column;gap:var(--space-md)}.round-overlay__start{align-items:center}.round-overlay__form{align-items:stretch;text-align:left}.round-overlay[data-mode=start] .round-overlay__start{display:flex}.round-overlay[data-mode=start] .round-overlay__form,.round-overlay[data-mode=submit] .round-overlay__start{display:none}.round-overlay[data-mode=submit] .round-overlay__form{display:flex}.round-overlay__title{margin:0;font:600 20px/1.2"Fugaz One",system-ui,sans-serif;letter-spacing:1.2px;color:#e9f1ff}.round-overlay__hint{margin:0;font:500 13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#9aa4b8}.round-overlay__button{min-width:160px;font-size:15px;letter-spacing:.6px;display:block}.round-overlay__button:hover{transform:translateY(-1px)}.round-overlay__button:active{transform:translateY(0)}.round-overlay__link{all:unset;font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#9aa6ff;cursor:pointer;text-decoration:underline;padding:0}.round-overlay__link:hover{color:#c4d1ff}.round-overlay__link:focus-visible{outline:2px solid #6aa0ff;outline-offset:2px}.round-overlay__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.round-overlay__label .round-label{margin:0}.round-overlay__label .round-overlay__link{padding:0}.floating-end-button{position:absolute;right:var(--space-2xl);bottom:var(--space-2xl);z-index:1;min-width:160px;text-transform:uppercase;letter-spacing:.6px}.floating-end-button[hidden],.leaderboard-empty[hidden]{display:none}.leaderboard-table tbody tr:nth-child(even){background:rgba(18,22,30,.7)}.leaderboard-table tbody tr.leaderboard-highlight{background:rgba(90,230,190,.2)!important;box-shadow:inset 0 0 0 1px rgba(120,255,220,.35)}.leaderboard-table tbody tr.leaderboard-highlight--flash{animation:leaderboardGlow 1.6s ease-in-out}.leaderboard-table tbody tr:hover{background:rgba(70,80,110,.4)}.leaderboard-table th:last-child{text-align:right}.leaderboard-table td:last-child{font-family:"Fugaz One",system-ui,sans-serif;letter-spacing:1px;text-align:right}.leaderboard-table td:first-child,.leaderboard-table th:first-child{color:#9aa6ff;width:80px}.leaderboard-table tbody tr:first-child td:nth-child(2)::after{content:" 🏆";margin-left:var(--space-unit);display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:calc(100% - 80px - 120px)}.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(3){width:120px}.leaderboard-empty{margin:var(--space-md)0 0;font-size:13px;color:#6e7482;letter-spacing:.5px}