/* Longshot visual system, carried over from the prototype unchanged. */
:root{
  --night:#0a0a1c; --slate:#151533; --panel:#1e1e45; --ridge:#3a3a72;
  --chalk:#ece9ff; --dim:#8b88c4;
  --moss:#6ee06a; --ice:#54c8f5; --iris:#b072ff; --ember:#ff6b6b; --gold:#ffce3d;
  --ink:#08081a; --px:4px;
  --head:'Press Start 2P','Courier New',monospace;
  --body:'VT323','Courier New',monospace;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{background:var(--night);color:var(--chalk);font-family:var(--body);font-size:22px;line-height:1.25;display:flex;justify-content:center;overflow-x:hidden;}
#frame{width:100%;max-width:440px;min-height:100%;display:flex;flex-direction:column;background:var(--slate);border-left:var(--px) solid var(--ridge);border-right:var(--px) solid var(--ridge);}
#sky{background:var(--night);border-bottom:var(--px) solid var(--ridge);padding:10px 12px 6px;flex:0 0 auto;}
#sky svg{display:block;width:100%;height:auto;}
#skybar{display:flex;justify-content:space-between;align-items:baseline;}
#stage{flex:1;min-width:0;padding:16px 14px 28px;display:flex;flex-direction:column;}
.eyebrow{font-family:var(--head);font-size:8px;color:var(--dim);line-height:1.8;}
.title{font-family:var(--head);font-size:19px;line-height:1.5;}
.big{font-family:var(--head);font-size:24px;color:var(--gold);line-height:1.4;}
.mid{font-family:var(--head);font-size:12px;line-height:1.7;}
.small{font-family:var(--head);font-size:9px;line-height:1.8;}
.body{font-family:var(--body);font-size:22px;line-height:1.3;}
.muted{color:var(--dim);}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.seg{display:flex;gap:3px;height:12px;margin:8px 0 18px;}
.seg i{flex:1;background:var(--ridge);}
.seg i.on{background:var(--gold);}
.seg i.hot{background:var(--ember);}
.prompt{background:var(--panel);border:var(--px) solid var(--ridge);padding:14px 12px;font-size:27px;line-height:1.2;margin-bottom:14px;min-height:88px;display:flex;align-items:center;}
.tiers{display:flex;flex-direction:column;gap:8px;}
button{font-family:var(--head);color:var(--chalk);background:var(--panel);border:var(--px) solid var(--ridge);padding:13px 12px;font-size:10px;line-height:1.7;text-align:left;cursor:pointer;min-height:48px;width:100%;display:block;transition:transform 60ms steps(2,end);}
button:active{transform:translateY(3px);}
button:focus-visible{outline:var(--px) solid var(--gold);outline-offset:2px;}
button .pay{float:right;color:var(--gold);}
button .note{display:block;font-family:var(--body);font-size:18px;color:var(--dim);margin-top:5px;line-height:1.1;}
.t0{border-color:var(--moss);} .t0 .nm{color:var(--moss);}
.t1{border-color:var(--ice);}  .t1 .nm{color:var(--ice);}
.t2{border-color:var(--iris);} .t2 .nm{color:var(--iris);}
.t3{border-color:var(--ember);}.t3 .nm{color:var(--ember);}
.ghost{background:transparent;border-color:var(--ridge);color:var(--dim);font-size:9px;min-height:44px;text-align:center;}
.go{background:var(--gold);color:var(--ink);border-color:var(--chalk);text-align:center;font-size:11px;}
input[type=text]{width:100%;font-family:var(--body);font-size:28px;padding:12px 10px;background:var(--night);color:var(--chalk);border:var(--px) solid var(--ridge);outline:none;}
input[type=text]:focus{border-color:var(--gold);}
input::placeholder{color:#4a4a70;}
.badge{display:inline-block;font-family:var(--head);font-size:9px;padding:7px 9px;border:var(--px) solid;line-height:1.4;}
.err{font-size:20px;color:var(--ember);min-height:24px;margin-top:6px;}
.spacer{flex:1;}
.stack>*+*{margin-top:12px;}
.hr{height:var(--px);background:var(--ridge);margin:16px 0;}
.card{background:var(--panel);border:var(--px) solid var(--ridge);padding:12px;}
.line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:2px solid var(--ridge);align-items:flex-start;}
.line .l{font-size:21px;line-height:1.15;min-width:0;}
.line .r{font-family:var(--head);font-size:11px;white-space:nowrap;}
.line .q{color:var(--dim);font-size:18px;display:block;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;}}

/* --- additions for the deployed build --- */
.notice{font-family:var(--head);font-size:8px;color:var(--dim);line-height:1.8;text-align:center;margin-top:14px;}
.turnstile{display:flex;justify-content:center;margin-top:14px;min-height:0;}
.fatal{border-color:var(--ember);}
.fatal .nm{color:var(--ember);}
#countdown{font-family:var(--head);font-size:12px;color:var(--gold);}
button[disabled]{opacity:.45;cursor:default;}
button[disabled]:active{transform:none;}
.tier-glyph{display:inline-block;width:1.2em;color:inherit;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}