/* =====================================================================
   "נסדר מעגל גדול" in the site's own language (disneytributecircle.pages.dev).
   Loaded after the game's inline <style>, so every rule here re-dresses a
   component the game already has; nothing about how the game plays changes.
   Night-sky violet, gold as the one accent, paper cards (no white boxes),
   hand-written headings in Playpen Sans Hebrew, gold coins for money,
   thin gold lines instead of boxy chips.
   ===================================================================== */
:root{
  --night-950:#07031a; --night-900:#0e0629; --night-800:#1a0b3d; --night-700:#2e1065;
  --violet:#7c4dff; --violet-soft:#a78bfa; --lavender:#e2dcfc; --sky:#4fa8ff; --pink:#ff7ac6;
  --gold:#ffd700; --gold-warm:#f7c948; --gold-deep:#d99a1e;
  --text:#f4f0ff; --text-soft:#c9bff0; --text-mute:#9b8fc9;
  --mint:#8ce8c2;
  --font-hand:'Playpen Sans Hebrew','Varela Round',cursive;
  --font-main:'Rubik',system-ui,sans-serif;

  /* the game's own tokens, re-pointed */
  --primary:var(--violet-soft); --accent:var(--gold); --secondary:var(--pink);
  --good:var(--mint); --bad:#ff8a9a; --bg-dark:var(--text);
  --glass:var(--paper);
  --gradient-main:linear-gradient(135deg,var(--gold),var(--gold-deep));

  --paper:linear-gradient(165deg,rgba(46,16,101,.97),rgba(20,8,48,.98) 70%);
  --paper-line:rgba(255,255,255,.1);
  --gold-line:linear-gradient(90deg,transparent,rgba(255,215,0,.75),transparent);
  --coin:radial-gradient(circle at 32% 30%,#fff5c2,var(--gold) 48%,var(--gold-deep));
  --card-shadow:0 30px 80px -24px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07);
  --btn-gold:linear-gradient(135deg,var(--gold),var(--gold-deep));
  --btn-violet:linear-gradient(135deg,#9d7bff,#5b2fd6);
}

/* ---------- the room ---------- */
body{font-family:var(--font-main);color:var(--text);
  background:
    radial-gradient(60vmax 60vmax at 85% -10%,rgba(124,77,255,.35),transparent 60%),
    radial-gradient(50vmax 50vmax at 0% 110%,rgba(255,215,0,.12),transparent 60%),
    linear-gradient(180deg,var(--night-900),var(--night-950));
  background-size:auto;animation:none}
body::before{opacity:.13;mix-blend-mode:screen;filter:grayscale(1) brightness(1.4)}
::selection{background:var(--gold);color:var(--night-900)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--gold);outline-offset:3px}

/* ---------- header ---------- */
.stage-display{font-family:var(--font-hand);font-weight:700;color:var(--gold);
  text-shadow:0 2px 14px rgba(0,0,0,.55)}
.stage-display small{font-family:var(--font-main);font-weight:500;color:var(--text-soft);opacity:.85}
.lvl-badge{font-family:var(--font-main);background:none;border:0;border-bottom:1px solid rgba(255,215,0,.6);
  border-radius:0;color:var(--gold);padding:0 2px 1px}
.stat-card{background:rgba(26,11,61,.8);border:1px solid rgba(255,215,0,.35);color:var(--text);
  box-shadow:0 8px 20px -10px rgba(0,0,0,.8);backdrop-filter:blur(8px)}
.menu-btn{background:rgba(26,11,61,.86);color:var(--gold);border:1px solid rgba(255,215,0,.45);
  box-shadow:0 10px 24px -10px rgba(0,0,0,.9);backdrop-filter:blur(8px)}
.menu-btn:hover{transform:scale(1.08);background:rgba(46,16,101,.95)}

/* ---------- the venue ---------- */
.venue{background-color:var(--night-800);border:1px solid rgba(255,215,0,.3);border-radius:22px;
  box-shadow:inset 0 0 50px rgba(7,3,26,.45),0 26px 60px -26px rgba(0,0,0,.9),0 0 60px -24px rgba(124,77,255,.6)}
#rhythm-circle.active{border-color:var(--gold);
  background:radial-gradient(circle,rgba(255,215,0,.14) 0%,rgba(124,77,255,.12) 45%,transparent 70%)}
@keyframes pulseCircle{
  from{box-shadow:0 0 20px rgba(255,215,0,.35);border-color:var(--gold)}
  to{box-shadow:0 0 55px rgba(124,77,255,.6);border-color:var(--violet-soft)}}
.person.catchable .avatar{box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 20px 5px rgba(255,215,0,.8),0 5px 12px rgba(0,0,0,.45)}
.person.catchable .avatar::before{border-color:rgba(255,215,0,.95)}
.chat-bubble{background:#fbf8ff;color:var(--night-800);box-shadow:0 6px 16px rgba(7,3,26,.45),0 0 0 1.5px rgba(255,215,0,.45)}
.chat-bubble::after{border-top-color:#fbf8ff}
.chat-bubble.good{background:#fff3b0;color:#5a3a00}
.chat-bubble.good::after{border-top-color:#fff3b0}
.cb-combo{background:rgba(90,58,0,.14);color:#5a3a00}
.float-plus{color:var(--gold)}
.float-fan{color:var(--lavender)}

/* HUD: two quiet plates in the corners, gold figures */
.hud-stat{background:rgba(14,6,41,.78);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 12px 26px -12px rgba(0,0,0,.9);backdrop-filter:blur(10px)}
.hud-line b{color:var(--text);font-family:var(--font-main)}
.hud-line small{color:var(--text-mute)}
.hud-line em{color:var(--gold)}
.hud-money{background:rgba(14,6,41,.78);border-color:rgba(255,215,0,.55)}
.hud-money .hud-line b{color:var(--gold)}
.goal-bar{background:rgba(255,255,255,.12)}
.goal-bar>i{background:linear-gradient(90deg,var(--violet-soft),var(--gold))}
.goal-bar.met>i{background:linear-gradient(90deg,var(--gold),#fff3b0)}
@keyframes cardFlash{50%{transform:scale(1.08);box-shadow:0 0 22px rgba(255,215,0,.7)}}

/* the pill that takes you onward: a gold coin, not an orange candy */
.act-upgrade{background:var(--btn-gold);color:#2a1400;font-family:var(--font-main);
  box-shadow:0 14px 34px -10px rgba(255,190,40,.7),inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,255,255,.35)}
.act-upgrade .act-name{font-family:var(--font-hand);text-shadow:none}
.act-upgrade .act-note{color:rgba(42,20,0,.78)}
.act-upgrade .c-cash{background:var(--night-800);color:var(--gold)}
.act-upgrade.final{background:linear-gradient(135deg,#9d7bff,#5b2fd6);color:#fff;
  box-shadow:0 14px 34px -10px rgba(124,77,255,.8),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 2px rgba(255,215,0,.8)}
.act-upgrade.final .act-note{color:rgba(255,255,255,.9)}
.act-upgrade.final .c-cash{background:var(--gold);color:#2a1400}

/* combo + milestone */
.combo-tag b{font-family:var(--font-hand);background:var(--btn-gold);color:#2a1400;text-shadow:none;
  box-shadow:0 8px 20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.combo-bar>i{background:linear-gradient(90deg,var(--gold),var(--violet-soft))}
.milestone b{font-family:var(--font-hand);color:var(--gold);text-shadow:0 3px 0 var(--night-700),0 10px 26px rgba(0,0,0,.7)}

/* ---------- messages ---------- */
.coach-bar,.beat{background:rgba(14,6,41,.9);border:1px solid rgba(255,215,0,.3);color:var(--text)}
.coach-bar img,.hint-face{background:var(--lavender)}
.coach-bar.warn{background:rgba(60,12,40,.93);border-color:rgba(255,122,198,.6);
  box-shadow:0 10px 26px rgba(0,0,0,.55),0 0 0 2px rgba(255,122,198,.25)}
.notification{background:rgba(26,11,61,.96);border:1px solid rgba(255,215,0,.4);color:var(--text)}

/* the strip that always says what to do next */
.nextstep{background:rgba(26,11,61,.72);border:1px solid rgba(255,255,255,.14);color:var(--text);font-weight:700}
.nextstep.talk{background:linear-gradient(135deg,rgba(14,6,41,.95),rgba(46,16,101,.9));border-color:rgba(255,215,0,.28)}
.nextstep.teach{background:linear-gradient(135deg,rgba(124,77,255,.5),rgba(46,16,101,.85));border-color:rgba(167,139,250,.6)}
.nextstep.warn{background:linear-gradient(135deg,rgba(150,30,90,.6),rgba(46,16,101,.85));border-color:rgba(255,122,198,.6)}
.nextstep.go{background:linear-gradient(135deg,rgba(255,215,0,.28),rgba(46,16,101,.85));border-color:rgba(255,215,0,.75)}
@keyframes nextPulse{from{box-shadow:0 0 0 rgba(255,215,0,0)}to{box-shadow:0 0 18px rgba(255,215,0,.45)}}

/* ---------- energy + atmosphere ---------- */
.gauge{background:rgba(26,11,61,.62);border:1px solid rgba(255,255,255,.1);color:var(--text)}
.gauge .track{background:rgba(0,0,0,.35)}
#g-stamina .track>i{background:linear-gradient(90deg,#5b8cff,var(--sky),#bfe1ff)}
#g-vibe .track>i{background:linear-gradient(90deg,var(--pink),#ffb3d9,var(--gold))}
.g-say{border-inline-start-color:rgba(255,215,0,.35)}
.gauge.low .g-say{color:#ffc2cc}
@keyframes gaugeWarn{from{box-shadow:0 0 0 rgba(255,122,198,0)}
  to{box-shadow:0 0 16px rgba(255,122,198,.75);border-color:rgba(255,122,198,.9)}}

/* ---------- action bar ---------- */
.actionbar{background:rgba(14,6,41,.55);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 20px 40px -24px rgba(0,0,0,.9);backdrop-filter:blur(14px)}
.act{background:linear-gradient(170deg,rgba(62,26,130,.95),rgba(30,12,72,.98));color:var(--text);
  border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 0 #120530;font-family:var(--font-main)}
.act:hover:not(:disabled){box-shadow:0 7px 0 #120530;border-color:rgba(255,215,0,.45)}
.act:active:not(:disabled){box-shadow:0 1px 0 #120530}
.act:disabled{box-shadow:0 2px 0 #120530;filter:grayscale(.6);opacity:.5}
.act-name{font-weight:700}
.act-note{color:var(--text-mute)}
.act.cant .act-note{color:#ffb3c0}
.act.capped .act-note{color:var(--gold-warm)}
.act-key{color:rgba(255,215,0,.55)}
/* costs: open words, not candy pills */
.act-cost i{background:none!important;border-radius:0;padding:0 4px!important}
.act-cost i+i{border-inline-start:1px solid rgba(255,215,0,.35)}
.c-stam{color:#9ecbff}
.c-cash{color:var(--gold)}
.c-free{color:var(--mint)}
/* the one free engine of the game: gold, and clearly the first thing to press */
.act-primary{background:linear-gradient(170deg,rgba(90,50,170,.98),rgba(40,16,92,.98));
  border:1.5px solid var(--gold);box-shadow:0 5px 0 #7a5200,0 0 30px -10px rgba(255,215,0,.6)}
.act-primary .act-name{font-family:var(--font-hand);color:var(--gold);font-size:1.05rem}
.act-primary:hover:not(:disabled){box-shadow:0 8px 0 #7a5200,0 0 36px -8px rgba(255,215,0,.7)}
.act-primary:active:not(:disabled){box-shadow:0 1px 0 #7a5200}
@keyframes coachPulse{from{box-shadow:0 4px 0 #120530,0 0 0 0 rgba(255,215,0,.7)}
  to{box-shadow:0 4px 0 #120530,0 0 0 13px rgba(255,215,0,0)}}
@keyframes coachPulsePrimary{from{box-shadow:0 5px 0 #7a5200,0 0 0 0 rgba(255,215,0,.75)}
  to{box-shadow:0 5px 0 #7a5200,0 0 0 15px rgba(255,215,0,0)}}
.act-badge{background:var(--pink);color:#fff}

/* ---------- every panel is paper ---------- */
.overlay{background:rgba(7,3,26,.82);backdrop-filter:blur(12px) saturate(1.1)}
.menu-content,.shop,.merchandise-game{background:var(--paper);color:var(--text);
  border:1px solid var(--paper-line);border-radius:24px;box-shadow:var(--card-shadow)}
.menu-content{position:relative;overflow:auto}
/* a thin gold line across the top of every card: the site's signature edge */
.menu-content::before,.shop::before,.merchandise-game::before{content:'';position:absolute;inset:0 18px auto;height:1px;
  background:var(--gold-line);pointer-events:none;z-index:3}
.shop,.merchandise-game{position:relative}
.merchandise-game{position:fixed}
.menu-content h2,.fb-title,.crew-name,.fin-card h2{font-family:var(--font-hand);font-weight:700;color:var(--gold);letter-spacing:0}
.panel-x,.shop-x{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.14)}
.panel-x:hover,.shop-x:hover{background:rgba(255,215,0,.18);color:var(--gold)}

/* buttons: the site's gold pill, with the violet and quiet variants beside it */
.next-btn{font-family:var(--font-main);font-weight:700;color:#2a1400;background:var(--btn-gold);
  box-shadow:0 12px 30px -10px rgba(255,190,40,.65),inset 0 1px 0 rgba(255,255,255,.5);animation:none}
.next-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 18px 38px -12px rgba(255,190,40,.8),inset 0 1px 0 rgba(255,255,255,.5)}
.next-btn:active{transform:scale(.97)}
.next-btn.b-violet,.win-go.b-violet{background:var(--btn-violet);color:#fff;box-shadow:0 12px 30px -12px rgba(124,77,255,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.next-btn.b-ghost,.b-ghost{background:rgba(255,255,255,.07)!important;color:var(--text)!important;
  border:1px solid rgba(255,255,255,.16)!important;box-shadow:none!important}
.next-btn.b-ghost:hover,.b-ghost:hover{background:rgba(255,255,255,.13)!important}
.b-danger{background:none!important;color:#ffb3c0!important;border:1px solid rgba(255,138,154,.45)!important;box-shadow:none!important}
.b-danger:hover{background:rgba(255,138,154,.12)!important}
.finish-btn{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.18);font-family:var(--font-main)}
.finish-btn:hover{background:rgba(255,215,0,.16);border-color:rgba(255,215,0,.5)}

/* switches: gold when on */
.switch span{background:rgba(255,255,255,.18)}
.switch input:checked+span{background:var(--gold-deep)}
.switch span::before{background:#fff}
.menu-row{color:var(--text)}

/* ---------- title screen ---------- */
.title-card{padding:26px 22px 20px;overflow:hidden}
.title-card::after{content:'';position:absolute;inset:-30% -20% auto;height:70%;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(255,215,0,.16),transparent)}
.title-card>*{position:relative;z-index:1}
.title-logo{width:96px;height:96px;border-radius:50%;box-shadow:0 0 0 6px rgba(255,215,0,.15),0 14px 34px rgba(0,0,0,.55)}
.title-name{font-family:var(--font-hand);font-weight:700;font-size:2rem;line-height:1.2;margin:4px 0 6px;
  background:linear-gradient(100deg,#fff6c9 0%,var(--gold) 30%,var(--gold-deep) 55%,#fff6c9 80%);
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4))}
.title-sub{font-family:var(--font-hand);color:var(--text-soft);font-weight:400;font-size:1rem}
.title-play{font-size:1.15rem}
.title-fresh{background:none;color:var(--text-mute);text-decoration:underline;text-decoration-color:rgba(255,215,0,.4);text-underline-offset:4px}
.title-set{background:none;border-top:1px solid rgba(255,215,0,.22);border-bottom:1px solid rgba(255,215,0,.22);border-radius:0;padding:4px 4px}
.title-link{background:none;color:var(--gold);font-family:var(--font-hand);font-weight:600;
  border:1px solid rgba(255,215,0,.35);border-radius:999px}

/* ---------- pause menu ---------- */
.paused-flag{font-family:var(--font-hand);font-weight:700;color:var(--gold);background:none;border:0;
  border-bottom:1px solid rgba(255,215,0,.25);border-radius:0;padding:4px 10px 10px}
.paused-flag em{font-family:var(--font-main);color:var(--text-mute);opacity:1}
.map-wrap{border-radius:16px;box-shadow:0 0 0 1px rgba(255,215,0,.35),0 14px 30px -14px rgba(0,0,0,.9)}
.journey{background:none;border:0;border-bottom:1px solid rgba(255,215,0,.22);border-radius:0}
.journey-stop{color:var(--text-mute)}
.journey-stop.done{color:var(--text-soft)}
.journey-stop.done .dot{background:rgba(140,232,194,.25)}
.journey-stop.current{color:var(--gold)}
.journey-stop.current .dot{background:var(--coin);border-color:#fff6c9}
.how-wrap>summary{background:none;border:0;color:var(--gold);font-family:var(--font-hand);font-weight:600}
.how-to{background:rgba(7,3,26,.35);color:var(--text-soft);border-radius:14px}
.how-to b{color:var(--gold)}

/* ---------- dialogue ---------- */
.dlg-panel{background:var(--paper);color:var(--text);border:1px solid var(--paper-line);box-shadow:var(--card-shadow)}
.dlg-panel::before{height:2px;inset:0 18px auto;background:var(--tone,var(--gold-line))}
.dlg-panel::after{background:#2a0f5e;border-top:1px solid var(--paper-line);border-right:1px solid var(--paper-line)}
.dlg-name{color:var(--text-mute);font-family:var(--font-hand);font-weight:600;font-size:.8rem}
.dlg-name::after{background:rgba(255,215,0,.45)}
.dlg-head{font-family:var(--font-hand);font-weight:700;color:var(--tone-ink,var(--gold))}
.dlg-head .dot{background:var(--tone-ink,var(--gold));box-shadow:0 0 0 4px rgba(255,215,0,.15)}
.dlg-tag{background:none;border-bottom:1px solid currentColor;border-radius:0;padding:0 2px;color:var(--tone-ink,var(--gold))}
.dlg-lines p{color:var(--text-soft)}
.dlg-lines p:first-child{color:var(--text)}
.dlg-lines b,.dlg-lines strong{color:var(--gold)}
.dlg-dots i{background:rgba(255,255,255,.2)}
.dlg-dots i.on{background:var(--gold)}
.dlg-journey{background:none;border-top:1px solid rgba(255,215,0,.22);border-bottom:1px solid rgba(255,215,0,.22);border-radius:0}
.djs-dot{background:rgba(255,255,255,.08);box-shadow:none}
.djs.now .djs-dot{background:var(--coin);box-shadow:0 0 0 4px rgba(255,215,0,.18)}
.djs span{color:var(--text-soft)}
.djs b{color:var(--gold)}
.djs-arrow{color:rgba(255,215,0,.5)}
.win-big{color:var(--gold);font-family:var(--font-hand)}
.win-quote{color:var(--lavender);font-family:var(--font-hand);font-style:normal;font-weight:400;border-top-color:rgba(255,215,0,.25)}
.win-src{color:var(--text-mute);border-bottom-color:rgba(255,215,0,.25)}
@media(max-width:620px){ .dlg-panel::after{border:0;border-top:1px solid var(--paper-line);border-left:1px solid var(--paper-line)} }

/* ---------- the shift at the stand ---------- */
.merch-backdrop{background:rgba(7,3,26,.8)}
.merchandise-game{border:1px solid var(--paper-line)}
.merch-header{background:none;color:var(--text);padding:6px 6px 10px;border-radius:0;border-bottom:1px solid rgba(255,215,0,.25)}
.merch-header h2{font-family:var(--font-hand);color:var(--gold)}
.merch-header .sub{color:var(--text-soft)}
#hearts::after{color:var(--text-mute)}
.merch-how{background:none;color:var(--text-soft);font-family:var(--font-hand);font-weight:600}
.merch-stage{box-shadow:inset 0 -30px 44px -18px rgba(60,24,12,.55),0 0 0 1px rgba(255,215,0,.25)}
.merch-item{background:rgba(251,248,255,.94);color:var(--night-800)}
.merch-item:hover{border-color:var(--gold)}
.mi-name{color:var(--night-800)}
.merch-item .price{color:var(--gold-deep)}
.customer-bubble{border-color:var(--violet);color:var(--night-800)}
.customer-bubble::after{border-top-color:var(--violet)}
.cust-pips{color:var(--violet)}
.merch-customer.multi .customer-bubble{border-color:var(--violet)}
.merch-customer.over .customer-bubble{border-color:var(--gold-deep);background:#fff8d6;box-shadow:0 0 0 4px rgba(255,215,0,.35)}
.customer-timer>i{background:var(--gold-deep)}
.merch-foot{background:none;box-shadow:none;border-top:1px solid rgba(255,215,0,.25);border-radius:0;padding:10px 4px 2px}
.merch-foot b{color:var(--text)}
.mf small{color:var(--text-mute)}
.merch-empty{color:var(--text-mute)}

/* ---------- the gear shop ---------- */
.shop-head{background:none;color:var(--text);border-bottom:1px solid rgba(255,215,0,.25)}
.shop-title h2{font-family:var(--font-hand);color:var(--gold)}
.shop-title p{color:var(--text-soft)}
.shop-wallet{background:none;border:1px solid rgba(255,215,0,.45);border-radius:999px}
.shop-wallet b{color:var(--gold)}
.shop-list{background:rgba(7,3,26,.3)}
.shop-focus,.req-block{background:linear-gradient(160deg,rgba(255,215,0,.1),rgba(124,77,255,.12));
  border:1px solid rgba(255,215,0,.55);box-shadow:0 14px 30px -18px rgba(255,190,40,.45)}
.req-block.complete{background:linear-gradient(160deg,rgba(140,232,194,.1),rgba(124,77,255,.1));border-color:rgba(140,232,194,.5)}
.sf-why{color:var(--gold);font-family:var(--font-hand);font-weight:600}
.req-block.complete .sf-why,.req-block.complete .sf-foot{color:var(--mint)}
.sf-thumb,.si-thumb{background:rgba(251,248,255,.94);box-shadow:none}
.sf-body b{color:var(--text)}
.sf-body span{color:var(--text-soft)}
.sf-buy,.si-btn{background:var(--btn-gold);color:#2a1400;box-shadow:0 4px 0 #7a5200}
.sf-buy:hover,.si-btn:hover:not(:disabled){box-shadow:0 6px 0 #7a5200}
.sf-buy:active,.si-btn:active:not(:disabled){box-shadow:0 1px 0 #7a5200}
.req-block .sf-buy:disabled,.si-btn:disabled{background:rgba(255,255,255,.1);color:var(--text-mute);box-shadow:0 3px 0 rgba(0,0,0,.35)}
.req-block .sf-row+.sf-row{border-top-color:rgba(255,215,0,.2)}
.req-block .sf-done{background:none;color:var(--mint)}
.req-block .sf-foot{color:var(--text-mute)}
.ss-head b{color:var(--text);font-family:var(--font-hand);font-weight:600}
.ss-count{background:none;color:var(--pink);border:1px solid rgba(255,122,198,.5)}
.ss-count.done{color:var(--mint);border-color:rgba(140,232,194,.5);background:none}
.ss-note{color:var(--text-mute)}
.shop-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.shop-item.afford{border-color:rgba(255,215,0,.6);box-shadow:0 10px 24px -14px rgba(255,190,40,.55)}
.shop-item.owned{background:rgba(140,232,194,.06);border-color:rgba(140,232,194,.28)}
.si-name,.si-top b{color:var(--text)}
.si-what{color:var(--text-soft)}
.si-owned,.si-check,.si-done{color:var(--mint)}
.si-tag{background:none;color:var(--mint);border:1px solid rgba(140,232,194,.5)}
@keyframes buyPulse{from{box-shadow:0 4px 0 #7a5200}to{box-shadow:0 4px 0 #7a5200,0 0 0 7px rgba(255,215,0,.2)}}
.shop-foot{background:none;border-top:1px solid rgba(255,215,0,.25)}
.shop-foot span{color:var(--text-mute)}

/* ---------- quiz ---------- */
.quiz-top{opacity:1;color:var(--text-mute)}
.quiz-badge{background:none;color:var(--gold);font-family:var(--font-hand);font-weight:600;padding:0}
.quiz-q{color:var(--text)}
.quiz-opt{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:var(--text);box-shadow:none}
.quiz-opt:not(:disabled):hover{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.6)}
.quiz-opt.right{background:rgba(140,232,194,.16);border-color:var(--mint);color:#d8fff0}
.quiz-opt.wrong{background:rgba(255,138,154,.14);border-color:#ff8a9a;color:#ffd6dc}
.quiz-x{background:none;border-radius:0;border-inline-start:2px solid var(--gold);color:var(--text-soft)}
.quiz-x .ok{color:var(--mint)}
.quiz-x .no{color:#ffb3c0}
.quiz-x em{color:var(--gold)}

/* ---------- hall of fame (the list, as open lines) ---------- */
.bd-head{font-family:var(--font-hand);font-weight:600;color:var(--gold);font-size:1rem;margin-bottom:6px}
.bd-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(255,215,0,.14);text-align:start}
.bd-row:last-of-type{border-bottom:0}
.bd-rank{width:26px;flex:none;text-align:center;color:var(--text-mute);font-weight:700;font-variant-numeric:tabular-nums}
.bd-row:nth-child(-n+4) .bd-rank{font-size:1.1rem}
.bd-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-pts{font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.bd-sub{font-size:.75rem;color:var(--text-mute);margin-inline-start:auto}
.bd-row.me{color:var(--gold)}
.bd-row.me .bd-name{font-weight:800}
.bd-note{font-size:.76rem;color:var(--text-mute);margin-top:9px}
.bd-empty{font-size:.88rem;color:var(--text-mute);padding:6px 0}

/* ---------- feedback, crew, finish ---------- */
.fb-sub,.fb-note,.fb-foot{color:var(--text-mute)}
.fb-ctx{color:var(--gold)}
#fb-text{background:rgba(7,3,26,.45);color:var(--text);border:1px solid rgba(255,255,255,.16)}
#fb-text:focus{border-color:var(--gold)}
#fb-text::placeholder{color:var(--text-mute)}
.crew-kicker{color:var(--pink);font-family:var(--font-hand);letter-spacing:.04em}
.crew-line{color:var(--text-soft)}
.crew-line b{color:var(--text)}
.crew-how{background:none;border:0;border-top:1px solid rgba(255,122,198,.4);border-bottom:1px solid rgba(255,122,198,.4);border-radius:0;color:var(--text)}
.fin-lead,.fin-note{color:var(--text-soft)}
.fin-lead b,.fin-note b{color:var(--text)}
.fin-worth{background:none;border:0;border-top:1px solid rgba(255,215,0,.25);border-bottom:1px solid rgba(255,215,0,.25);border-radius:0}
.fin-worth b{color:var(--gold);font-family:var(--font-hand)}
.fin-worth em{color:var(--gold-warm)}
.fin-stay{background:rgba(255,255,255,.07);color:var(--text);border:1px solid rgba(255,255,255,.16);font-family:var(--font-main)}
.fin-stay:hover{background:rgba(255,255,255,.13)}

/* ---------- level-up curtain ---------- */
.cel-sky{background:radial-gradient(ellipse at 50% 55%,rgba(91,47,214,.9),rgba(14,6,41,.97) 68%)}
.cel-rays{background:repeating-conic-gradient(from 0deg,rgba(255,215,0,.35) 0deg 5deg,transparent 5deg 18deg);opacity:.3}
.cel-kicker{font-family:var(--font-hand);letter-spacing:.06em;color:var(--gold)}
.cel-title{font-family:var(--font-hand);font-weight:700;text-shadow:0 4px 0 var(--night-700),0 14px 40px rgba(0,0,0,.6)}
.cel-sub{color:var(--text-soft)}
.cel-unlock{background:none;border:1px solid rgba(255,215,0,.6);color:var(--gold)}
.cel-goal b{color:var(--gold)}
.cel-ring.r3{border-color:rgba(167,139,250,.85)}

/* ---------- the ending ---------- */
.win-wrap{background:radial-gradient(ellipse at 50% 20%,#3a1c86 0%,#1a0b3d 55%,#07031a 100%)}
.win-rays{background:repeating-conic-gradient(from 0deg at 50% 38%,rgba(255,215,0,.16) 0deg 6deg,transparent 6deg 17deg)}
.win-stage{font-family:var(--font-main)}
.win-title{font-family:var(--font-hand);font-weight:700}
.win-num{background:linear-gradient(180deg,#fff 25%,var(--gold) 70%,var(--gold-deep));-webkit-background-clip:text;background-clip:text}
.win-time{background:none;border-top:1px solid rgba(255,215,0,.35);border-bottom:1px solid rgba(255,215,0,.35);border-radius:0;box-shadow:none}
.win-time b{color:var(--gold)}
.win-chip{background:none;border:0;border-inline-start:1px solid rgba(255,215,0,.3);border-radius:0;backdrop-filter:none}
.win-strip .win-chip:first-child{border-inline-start:0}
.win-chip b{color:var(--gold)}
.win-card,.win-gear,.win-board{background:rgba(14,6,41,.6);border:1px solid rgba(255,255,255,.12)}
.win-score{background:none;border:0;border-top:1px solid rgba(255,215,0,.35);border-bottom:1px solid rgba(255,215,0,.35);border-radius:0}
.ws-total b{color:var(--gold)}
.hof-row input{background:rgba(7,3,26,.5);color:var(--text);border:1px solid rgba(255,255,255,.2);font-family:var(--font-main)}
.hof-row input:focus{outline:none;border-color:var(--gold)}
.hof-row button{background:var(--btn-gold);color:#2a1400;font-family:var(--font-main)}
.hof-skip{color:var(--text-mute);font-family:var(--font-main)}
.hof-done{background:none;border:0;color:var(--mint)}
.win-go{background:var(--btn-gold);color:#2a1400;font-family:var(--font-main);box-shadow:0 12px 30px -10px rgba(255,190,40,.65)}
.win-more{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);font-family:var(--font-main)}
.wb-head{font-family:var(--font-hand);color:var(--gold);font-weight:600}
.wb-row{border-bottom:1px solid rgba(255,215,0,.12)}
.wb-row.me{color:var(--gold)}

/* ---------- loading ---------- */
#preloader{background:
    radial-gradient(60vmax 60vmax at 85% -10%,rgba(124,77,255,.35),transparent 60%),
    linear-gradient(180deg,var(--night-900),var(--night-950))}
.pl-title{font-family:var(--font-hand);font-weight:700;color:var(--gold);font-size:1.35rem}
.pl-bar{height:6px;background:rgba(255,255,255,.12)}
.pl-bar>i{background:linear-gradient(90deg,var(--violet-soft),var(--gold))}
.pl-tip{font-family:var(--font-hand);color:var(--text-soft);opacity:.85}

/* phones: same fixes the original applies, in the new colours */
@media(max-width:768px){
  .menu-btn{border-radius:50%}
  .act-primary .act-name{font-size:1rem}
}

/* the name card at the start */
#pl-name,#hof-name{background:rgba(7,3,26,.5)!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important;
  border-radius:14px!important;font-family:var(--font-main)!important}
#pl-name:focus,#hof-name:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(255,215,0,.18)}
#pl-name::placeholder,#hof-name::placeholder,.hof-row input::placeholder{color:var(--text-mute)}
#pl-skip{color:var(--text-mute)!important;font-family:var(--font-main)!important;text-decoration-color:rgba(255,215,0,.4)!important}
.shop-head{padding-inline-start:58px}
#board-body .bd-head{display:none}
#celebrate.finale .cel-title{text-shadow:none}
/* the price inside the gold pill: dark ink on the gold, not gold on gold */
.act-upgrade .c-cash{color:#2a1400!important;font-weight:900;border-inline-start:1px solid rgba(42,20,0,.35);padding-inline-start:10px!important}
.act-upgrade.final .c-cash{color:var(--gold)!important;border-inline-start-color:rgba(255,215,0,.5)}

/* ---------- the owner's test panel, in the same paper ---------- */
.menu-content.dbg{background:var(--paper);border-color:rgba(255,215,0,.25);color:var(--text)}
.menu-content.dbg h2::after{background:none;color:var(--gold);border-color:rgba(255,215,0,.5)}
.dbg-now{background:rgba(7,3,26,.5);border-color:rgba(255,215,0,.25);color:var(--text-soft)}
.dbg-sec{color:var(--gold);font-family:var(--font-hand);font-weight:600;letter-spacing:0;font-size:.8rem}
.dbg-sec::after{background:rgba(255,215,0,.22)}
.dbg-row button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--text);font-family:var(--font-main)}
.dbg-row button:hover{background:rgba(255,215,0,.14);border-color:rgba(255,215,0,.55)}
.dbg-name{background:rgba(7,3,26,.5);border-color:rgba(255,255,255,.16);font-family:var(--font-main)}
.dbg-name:focus{border-color:var(--gold)}
.dbg-rec b{color:var(--gold)}
.dbg-note,.dbg-rank,.dbg-rec small{color:var(--text-mute)}
.dbg-foot{border-top-color:rgba(255,215,0,.22)}
.dbg-back{color:var(--text);border-color:rgba(255,255,255,.2);font-family:var(--font-main)}
.dbg-back:hover{background:rgba(255,255,255,.1)}
.dbg-note-row.unread{border-color:rgba(255,215,0,.5);background:rgba(255,215,0,.07)}
.fb-ok{background:var(--gold-deep);color:#2a1400}
.fb-rm{background:none;color:#ffb3c0;border:1px solid rgba(255,138,154,.45)!important}
.debug-badge{background:var(--btn-violet);font-family:var(--font-main)}