/* Neon Hockey Flick — night-rink identity, 2026-08-30. Presentation only. */
:root{--rink-ice:#dceff1;--rink-blue:#235e78;--rink-red:#b73542;--rink-navy:#0b1c28;--rink-board:#f4f0df;--rink-yellow:#e5bc4a}
body{background:linear-gradient(#071521,#02080d)}
#stage{background:
  radial-gradient(ellipse at 50% 2%,rgba(255,255,255,.15),transparent 18%),
  linear-gradient(#071521 0 64%,#02080d 64%)}
.bg-glow{background:
  radial-gradient(ellipse at 20% 8%,rgba(114,206,226,.12),transparent 18%),
  radial-gradient(ellipse at 80% 8%,rgba(222,80,98,.1),transparent 18%);animation:none}.bg-vignette{opacity:.42}
#frame{border-radius:4px;border:8px solid #e4e0d2;border-top-width:38px;border-bottom-width:18px;box-shadow:0 0 0 3px #75838a,0 24px 70px rgba(0,0,0,.58)}
#frame::before{content:'NIGHT RINK • HOME vs CPU';position:absolute;left:0;right:0;top:-29px;z-index:30;text-align:center;color:#dce8ec;font:800 9px/1 'Share Tech Mono',monospace;letter-spacing:.18em;pointer-events:none}
#frame::after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:4px;z-index:30;background:repeating-linear-gradient(90deg,#b73542 0 34px,#e8e4d8 34px 68px);pointer-events:none}
canvas#game{background:#d9edf0;filter:saturate(.92) contrast(1.03)}

/* arena scoreboard */
.hud{padding:6px 8px 7px;background:linear-gradient(#101b22,#071015);border-bottom:2px solid #52636a;box-shadow:0 5px 0 rgba(0,0,0,.24)}
.hud-row{gap:6px}.scoreboard{padding:3px 10px;background:#030608;border:1px solid #4a575d;box-shadow:inset 0 0 0 1px #111b20}.sb-label{font-size:7px;letter-spacing:.16em}.sb-side.you .sb-label,.sb-side.you .sb-score{color:#73d7e8}.sb-side.cpu .sb-label,.sb-side.cpu .sb-score{color:#e16975}.sb-score{font-size:23px;text-shadow:0 0 7px currentColor}.sb-sep{font-size:16px;color:#777}
.hud-btn{width:30px;height:30px;border-radius:3px;background:#1a272e;border:1px solid #627078;box-shadow:0 3px 0 #020405;backdrop-filter:none}.hud-btn:hover{background:#283a43}
.power-wrap{margin-top:5px;padding:4px 7px;background:rgba(6,12,16,.87);border:1px solid #45545a}.power-label{font-size:7px;color:#e5bc4a;letter-spacing:.16em}.power-bar{height:6px;border-radius:0;background:#263238}.power-bar>span{background:linear-gradient(90deg,#68cadd,#e5bc4a,#c94c5a);box-shadow:none}.rally-chip{font-size:9px;color:#a9d8df}
.goal-banner{font-family:Impact,'Arial Black',sans-serif!important;letter-spacing:.08em!important;text-shadow:0 4px 0 rgba(0,0,0,.5)!important}.goal-banner.you{color:#c8f7ff}.goal-banner.cpu{color:#ffd3d8}

.screen{padding:14px;background:
  linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 48px),
  rgba(4,11,15,.92);backdrop-filter:none}
.panel{max-width:420px;border-radius:2px;background:#edf1e7;color:#15232a;border:5px solid #2c414b;box-shadow:0 0 0 3px #8d9ba0,7px 9px 0 rgba(0,0,0,.3);padding:22px 20px;text-align:left}
.tag{border-radius:0;border:0;background:#244e61;color:#eff8f6;text-shadow:none;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.17em;padding:5px 8px}
.logo{font-family:Impact,'Arial Black',sans-serif;color:#102a36;text-shadow:none;font-size:clamp(34px,9vw,52px);line-height:.78;letter-spacing:.01em;margin:10px 0 13px}.logo span{color:#b63845;text-shadow:none;display:block}.logo em{color:#2c6f86;text-shadow:none;letter-spacing:.12em;font-size:.52em}
.subtitle{color:#5d6d6d;line-height:1.45}.best-line{border-top:1px solid #aeb9b4;padding-top:8px;color:#697778}.best-line span{color:#235e78}
.btn{border-radius:2px;font:800 13px/1.2 'Share Tech Mono',monospace;letter-spacing:.12em;box-shadow:0 4px 0 #66757a}.btn.primary{background:#2d7289;color:#f2fbfa;box-shadow:0 5px 0 #164353}.btn.primary:hover{filter:brightness(1.04);box-shadow:0 5px 0 #164353}.btn.ghost{background:#d9dfd7;color:#203139;border:1px solid #9aa7a4}.btn:active{transform:translateY(3px)}
.auth-row{align-items:flex-start;border-top:1px solid #b2bbb7;padding-top:9px}.auth-status{color:#687777}.auth-link{color:#a33c47}.controls-hint{color:#657474;border-top:1px solid #b2bbb7;padding-top:8px}kbd{border-radius:2px;background:#223a44;color:#edf5f3;border:0}

/* start = rink entrance + jumbotron */
#screen-start{background:
  linear-gradient(180deg,rgba(4,11,15,.15),rgba(4,11,15,.88)),
  linear-gradient(90deg,#263b45 0 8%,#101e25 8% 92%,#263b45 92%)}
#screen-start::before{content:'';position:absolute;left:10%;right:10%;top:6%;height:24%;background:#05090b;border:7px solid #344b56;box-shadow:0 10px 0 rgba(0,0,0,.3)}
#screen-start::after{content:'HOME  0   :   0  VISITOR\A FIRST TO 7';white-space:pre;position:absolute;left:50%;top:12%;transform:translateX(-50%);text-align:center;color:#e8f5f5;font:800 clamp(10px,2.2vw,16px)/1.7 'Share Tech Mono',monospace;letter-spacing:.18em;text-shadow:0 0 7px rgba(126,220,238,.35)}
#screen-start .panel{margin-top:21%;position:relative}
#screen-start .panel::before{content:'PLAYER ENTRANCE';display:block;width:max-content;background:#b63845;color:#fff4ee;padding:5px 8px;margin-bottom:8px;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.16em}

#screen-how .panel::before{content:'COACH BOARD';display:block;width:max-content;background:#244f61;color:#f2f6ed;padding:5px 8px;margin-bottom:10px;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.16em}.screen-title{font-family:Impact,'Arial Black',sans-serif;color:#18303b;text-shadow:none;text-align:left;letter-spacing:.05em}.how-list{color:#5c6b6b}.how-list b{color:#255e74}.how-list li{border-bottom:1px solid #bcc5c0;padding-bottom:7px}.how-list li::before{color:#b63845}

#screen-pause .panel{background:#233840;color:#edf6f3;border-color:#a8b3b1}#screen-pause .screen-title{color:#edf6f3}#screen-pause .panel::before{content:'TIMEOUT • BENCH';display:block;color:#e4bd51;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.2em;margin-bottom:10px}#screen-pause .btn.ghost{background:#304952;color:#edf6f3;border-color:#71878a}

#screen-gameover .panel{max-width:440px}#screen-gameover .panel::before{content:'FINAL HORN • MATCH REPORT';display:block;background:#243f4b;color:#eef6f3;padding:5px 8px;margin-bottom:10px;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.15em}#screen-gameover .screen-title{color:#17313d;text-shadow:none}.final-score{font-family:Impact,'Arial Black',sans-serif;color:#b63845;text-shadow:none;font-size:clamp(38px,11vw,58px);letter-spacing:.1em;border-top:2px solid #9aa8a5;border-bottom:2px solid #9aa8a5;padding:7px 0}.stat-row{border-bottom:1px solid #bec5bf}.stat-row span{color:#697777}.stat-row b{color:#275f74}.new-best{color:#347b56;text-shadow:none;animation:none}.leaderboard{border-top:1px solid #a8b1ac;padding-top:9px}.lb-title{color:#6a7776}.lb-list li{border-radius:0;border-bottom:1px dotted #b3bcb7}.lb-name{color:#485757}.lb-rank{color:#26677d}.lb-pts{color:#a33a45}
.nn-score-nudge{border-radius:2px;background:#d8dfd8;border-color:#a2afaa;color:#344449}.nn-nudge-signup{border-radius:2px;background:#2e7087;color:#f0f8f6}.nn-nudge-later{border-radius:2px;border-color:#96a5a2;color:#657474}

@media(max-height:580px){#screen-start .panel{margin-top:7%}#screen-start::before,#screen-start::after{display:none}}
@media(max-width:430px){#frame{border-width:5px;border-top-width:30px;border-bottom-width:12px}#frame::before{top:-23px;font-size:7px}#screen-start::before{height:19%}#screen-start::after{top:9%;font-size:8px}#screen-start .panel{margin-top:18%}.panel{padding:17px 15px}.scoreboard{padding:2px 6px;gap:6px}.sb-score{font-size:19px}.sb-label{font-size:6px}.hud-btn{width:27px;height:27px}.power-wrap{padding:3px 5px}}
@media(prefers-reduced-motion:reduce){.screen.active,.sb-score.flash,.power-bar.full>span,.goal-banner.show{animation:none!important}}