/* Lucky Coin Carnival — traveling fairground identity, 2026-08-30. Presentation only. */
:root{--fair-cream:#f4dfae;--fair-red:#bd382f;--fair-blue:#2f6570;--fair-gold:#e5b94a;--fair-ink:#29170e;--fair-wood:#60351e}
body{background:linear-gradient(#1b2032,#0d101a 48%,#1d1009)}
#stage{background:
  radial-gradient(circle at 18% 9%,rgba(255,221,137,.14),transparent 11%),
  radial-gradient(circle at 82% 9%,rgba(255,221,137,.14),transparent 11%),
  linear-gradient(#171d2d 0 58%,#25140b 58%)}
.bg-glow{background:radial-gradient(ellipse at 50% 8%,rgba(255,205,89,.16),transparent 35%);animation:none}.bg-vignette{opacity:.5}
#frame{border-radius:10px 10px 4px 4px;border:8px solid #5d351f;border-top-width:42px;border-bottom-width:18px;box-shadow:0 0 0 3px #a46f3e,0 25px 70px rgba(0,0,0,.55)}
#frame::before{content:'★  LUCKY COIN • TRAVELING FAIR  ★';position:absolute;left:0;right:0;top:-33px;z-index:30;color:#f5dda2;text-align:center;font:800 9px/1 'Share Tech Mono',monospace;letter-spacing:.15em;text-shadow:0 0 8px rgba(255,210,80,.32);pointer-events:none}
#frame::after{content:'';position:absolute;left:8px;right:8px;top:-16px;height:5px;z-index:31;background:repeating-linear-gradient(90deg,#f1c658 0 7px,#55271d 7px 14px);filter:drop-shadow(0 0 4px rgba(255,201,79,.35));pointer-events:none}

.hud{background:linear-gradient(#422319,#25140f);border-bottom:2px solid #9c6237;padding:7px 9px 6px;box-shadow:0 5px 0 rgba(0,0,0,.22)}
.hud-cell{padding:3px 7px;border-left:1px solid #74472f}.hud-label{color:#d0b58d;font-size:7px;letter-spacing:.15em}.hud-value{color:#f1ca61;text-shadow:none;font-size:19px}.hud-btn{width:31px;height:31px;border-radius:50%;background:#5a3424;border:2px solid #b67f48;box-shadow:inset 0 1px #d9a86d,0 3px 0 #24120b;backdrop-filter:none}.mult-chip{border-radius:2px;background:#b83b31;color:#fff0cf;box-shadow:0 3px 0 #692019;font-size:13px}
.luck-wrap{margin-top:6px;padding:5px 8px;background:#eee0b9;border:1px solid #a98a58;color:#38271b;box-shadow:2px 3px 0 rgba(0,0,0,.18)}.luck-label{color:#685138;font-size:8px;letter-spacing:.14em}.luck-bar{border-radius:0;background:#b9aa82;border:1px solid #8f7c58}.luck-bar span{background:linear-gradient(90deg,#3f7b60,#e2b74a,#b93a31);box-shadow:none}
.jackpot-banner{font-family:Georgia,serif!important;letter-spacing:.12em!important;background:#e6bd52!important;color:#2d190d!important;border:5px solid #6b3b21!important;border-radius:2px!important;box-shadow:0 7px 0 #28140b,0 0 28px rgba(240,193,79,.28)!important;text-shadow:none!important}

.screen{padding:14px;background:
  radial-gradient(circle at 12% 12%,rgba(241,198,88,.12),transparent 8%),
  radial-gradient(circle at 88% 12%,rgba(241,198,88,.12),transparent 8%),
  rgba(18,12,9,.91);backdrop-filter:none}
.panel{max-width:410px;border-radius:3px;background:#ebd8a9;color:#2e1d12;border:5px solid #704026;box-shadow:0 0 0 4px #2d190f,8px 10px 0 rgba(0,0,0,.3);padding:22px 20px;text-align:left}
.tag{display:inline-block;border-radius:1px;background:#2e6470;color:#f4ead0;border:0;text-shadow:none;padding:5px 8px;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.18em}
.logo{font-family:Georgia,'Times New Roman',serif;color:#392116;text-shadow:none;line-height:.78;font-size:clamp(32px,9vw,50px);letter-spacing:-.04em;margin:10px 0 13px}.logo span{color:#bb382f;text-shadow:none}.logo em{color:#356873;text-shadow:none;letter-spacing:.1em}
.subtitle{color:#66513c;font-family:Georgia,serif;line-height:1.45}.best-line{border-top:1px dashed #a68d62;padding-top:8px;color:#715a40}.best-line span{color:#9c342a}
.btn{border-radius:2px;font:800 13px/1.2 'Share Tech Mono',monospace;letter-spacing:.12em;box-shadow:0 4px 0 #7d6040}.btn.primary{background:#e2b84e;color:#322010;box-shadow:0 5px 0 #84651f}.btn.primary:hover{filter:brightness(1.04);box-shadow:0 5px 0 #84651f}.btn.ghost{background:#d4c091;color:#342319;border:1px solid #9e8459}.btn:active{transform:translateY(3px)}
.auth-row{align-items:flex-start;border-top:1px dashed #a88f66;padding-top:9px}.auth-status{color:#735e45}.auth-link{color:#a13a2f}.controls-hint{color:#735f48;border-top:1px dashed #a88f66;padding-top:8px}kbd{border-radius:2px;background:#55331f;color:#f2dfb1;border:0}

#screen-start{background:
  repeating-linear-gradient(90deg,#b93830 0 42px,#e6c052 42px 84px),
  #1a1010}
#screen-start::before{content:'';position:absolute;left:4%;right:4%;top:8%;height:12%;background:linear-gradient(#5d341f,#452416);border:4px solid #9b6539;box-shadow:0 7px 0 rgba(0,0,0,.25)}
#screen-start::after{content:'TICKETS • 1 RIDE • ALL SKILL • NO PRIZES OF VALUE';position:absolute;left:50%;top:12%;transform:translateX(-50%);white-space:nowrap;color:#ead79e;font:800 7px/1 'Share Tech Mono',monospace;letter-spacing:.13em}
#screen-start .panel{margin-top:14%;transform:rotate(-.3deg)}
#screen-start .panel::before{content:'ADMIT ONE';position:absolute;right:-19px;top:31px;padding:8px 9px;background:#c54a38;color:#f6e5b3;border:2px dashed #f2cb7a;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.12em;transform:rotate(4deg)}

#screen-how .panel::before{content:'RIDE RULES';display:block;width:max-content;background:#306370;color:#f0e3bd;padding:5px 8px;margin-bottom:10px;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.16em}.screen-title{font-family:Georgia,serif;color:#382316;text-shadow:none;text-align:left}.how-list{color:#66533d}.how-list b{color:#934034}.how-list li{border-bottom:1px dashed #aa9166;padding-bottom:7px}.how-list li::before{color:#2f6871}
#screen-pause .panel{background:#34555a;color:#f3ead1;border-color:#8b6037}#screen-pause .screen-title{color:#f3ead1}#screen-pause .panel::before{content:'RIDE STOPPED';display:block;color:#f0c75b;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.2em;margin-bottom:10px}#screen-pause .btn.ghost{background:#42686e;color:#f2ead5;border-color:#789397}
#screen-gameover .panel::before{content:'PRIZE BOARD • RUN COMPLETE';display:block;background:#2e6570;color:#f2e7c8;padding:5px 8px;margin-bottom:10px;font:800 8px/1 'Share Tech Mono',monospace;letter-spacing:.15em}#screen-gameover .screen-title{color:#96372e;text-shadow:none}.stat-row{border-bottom:1px dashed #a99065}.stat-row span{color:#725c43}.stat-row b{color:#96372e}.new-best{color:#356b58;text-shadow:none;animation:none}.leaderboard{border-top:1px solid #aa9168;padding-top:9px}.lb-title{color:#6e5841}.lb-list li{border-radius:0;border-bottom:1px dotted #b9a276}.lb-name{color:#4c3c2d}.lb-rank,.lb-pts{color:#9d3b30}
.nn-score-nudge{border-radius:2px;background:#d8c499;border-color:#a68a5e;color:#443424}.nn-nudge-signup{border-radius:2px;background:#dfb84d;color:#302010}.nn-nudge-later{border-radius:2px;border-color:#9e835c;color:#67543d}
@media(max-height:580px){#screen-start .panel{margin-top:4%}#screen-start::before,#screen-start::after,#screen-start .panel::before{display:none}}
@media(max-width:430px){#frame{border-width:5px;border-top-width:32px;border-bottom-width:12px}#frame::before{top:-25px;font-size:7px}#frame::after{top:-12px}.panel{padding:17px 15px}#screen-start .panel{margin-top:8%}#screen-start::after,#screen-start .panel::before{display:none}.hud-cell{padding:2px 4px}.hud-label{font-size:6px}.hud-value{font-size:16px}.hud-btn{width:28px;height:28px}.luck-wrap{padding:4px 6px}}
@media(prefers-reduced-motion:reduce){.screen.active,.hud-value.low,.jackpot-banner{animation:none!important}}