:root{--font-display: "Bungee", cursive;--font-body: "Barlow", sans-serif;--ink: #f8fafc;--ink-soft: rgba(248, 250, 252, .7);--field: #0f6c3f;--field-dark: #0b4c2b;--field-line: rgba(234, 255, 238, .25);--accent: #f8c45e;--accent-strong: #f97316;--card: rgba(9, 18, 24, .85);--card-border: rgba(248, 250, 252, .12);--shadow: 0 30px 70px rgba(5, 12, 18, .55);--radius-lg: 26px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.16),transparent 45%),radial-gradient(circle at 85% 15%,rgba(248,196,94,.2),transparent 45%),linear-gradient(160deg,#050b12,#0b1a1f 30%,#0a2a1d,#0f3a22);min-height:100vh;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(0deg,#ffffff08,#fff0);background-size:26px 26px,100% 180px;opacity:.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.page{max-width:1200px;margin:0 auto;padding:24px clamp(16px,3vw,40px) 48px;min-height:100svh;display:flex;flex-direction:column;position:relative;z-index:1;gap:20px}.top-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:#0a1218a6;border:1px solid rgba(248,250,252,.16);box-shadow:0 12px 30px #04080c8c;font-weight:700}.brand img{width:44px;height:44px}.title-block{text-align:center;display:grid;gap:6px}.title-block h1{margin:0;font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(28px,3vw,44px)}.title-block p{margin:0;color:var(--ink-soft);font-size:.95rem}.sponsor-slot{width:160px;height:44px;border-radius:999px;border:1px dashed rgba(248,250,252,.25);opacity:.55}.sponsor-slot.is-hidden{display:none}.game-shell{display:grid;gap:20px;flex:1;min-height:0;grid-template-columns:1fr;align-items:stretch}.canvas-card{position:relative;background:linear-gradient(160deg,#091218f2,#0b2215f2);border-radius:var(--radius-lg);border:1px solid rgba(248,250,252,.14);box-shadow:var(--shadow);padding:12px;overflow:hidden;min-height:520px}.canvas-card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:calc(var(--radius-lg) - 12px);border:1px solid rgba(255,255,255,.08);pointer-events:none}#gameCanvas{width:100%;height:100%;display:block;border-radius:calc(var(--radius-lg) - 16px);background:linear-gradient(180deg,#0d472b73,#07291b99)}.hud{position:absolute;top:18px;left:18px;display:flex;gap:12px;z-index:2}.hud-block{background:#070e14bf;border:1px solid rgba(248,250,252,.15);border-radius:14px;padding:8px 12px;min-width:86px;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.55rem;color:var(--ink-soft);margin-bottom:4px}.hud-value{font-weight:700;font-size:1.1rem}.message-pop{position:absolute;top:20px;left:50%;transform:translate(-50%,-8px);max-width:min(360px,80%);padding:10px 14px;border-radius:12px;background:#f8c45eeb;color:#1a0f05;font-weight:700;opacity:0;text-align:center;transition:opacity .2s ease,transform .2s ease;z-index:2}.message-pop.is-visible{opacity:1;transform:translate(-50%)}.glass-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#050a0fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .25s ease;z-index:3}.glass-overlay.is-hidden{opacity:0;pointer-events:none}.overlay-card{width:min(420px,88%);background:#0b161ef2;border-radius:22px;padding:26px 24px;text-align:center;border:1px solid rgba(248,250,252,.2);box-shadow:0 18px 40px #00000073}.overlay-label{margin:0 0 8px;text-transform:uppercase;letter-spacing:.3em;font-size:.55rem;color:var(--ink-soft)}.overlay-card h2{margin:0 0 12px;font-family:var(--font-display);font-size:1.6rem}.overlay-card p{margin:0 0 18px;color:var(--ink-soft)}.overlay-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.overlay-stats div{background:#050c12a6;border-radius:14px;padding:12px 10px;border:1px solid rgba(248,250,252,.12)}.overlay-stats.is-hidden{display:none}.stat-label{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:.55rem;color:var(--ink-soft);margin-bottom:6px}.stat-value{font-size:1.25rem;font-weight:700}.primary-btn{border:none;border-radius:999px;padding:12px 20px;font-weight:700;font-size:1rem;color:#181208;background:linear-gradient(120deg,var(--accent),var(--accent-strong));cursor:pointer;box-shadow:0 12px 24px #f8c45e59}.primary-btn:hover{transform:translateY(-1px)}.overlay-hint{margin-top:16px;font-size:.85rem;color:var(--ink-soft)}@media (max-width: 720px){.top-bar{grid-template-columns:1fr;justify-items:center;text-align:center}.brand{justify-self:start}.sponsor-slot{display:none}.hud{flex-direction:column}}