/* Layout: two views on one live map. LIVE: real-time street reports map + feed. PLAY: the street game. Bottom tab bar switches. */
/* Layout: full-bleed live map canvas; danfo-livery HUD pinned top, thumb controls pinned bottom, bottom sheet for street encounters. Single committed look: Lagos at street level, tar + danfo yellow. */
:root{
  --tabh:64px;
  --tar:#131410; --asphalt:#262820; --kerb:#3A3D34; --chalk:#F3EEE2; --dust:#A9A593;
  --danfo:#F4C20D; --lagoon:#123B45; --go:#3FB37F; --slow:#F2A93B; --jam:#E5484D;
  --police:#3D63C4; --area:#E4572E; --owambe:#C2409B;
  --display:"Bungee","Arial Black",Impact,sans-serif;
  --body:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;background:var(--tar);color:var(--chalk);font-family:var(--body);overflow:hidden}
body{overscroll-behavior:none;touch-action:none}
#app{position:fixed;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none}
#map{position:absolute;inset:0;width:100%;height:100%;display:block}
#v3d,#v3o,#l3d{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}#l3d{z-index:1}#l3d[hidden]{display:none}#l3comp i{display:inline-block;font-style:normal;color:#E5484D;transition:none}#v3d{z-index:1}#v3o{z-index:2}#v3d[hidden],#v3o[hidden]{display:none}
#adLayer{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:25;pointer-events:none}
#adHit{position:absolute;z-index:26;display:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
button:focus-visible{outline:3px solid var(--danfo);outline-offset:2px}
.stripe{height:7px;background:repeating-linear-gradient(-45deg,var(--danfo) 0 9px,var(--tar) 9px 18px)}

/* HUD */
.hud{position:absolute;top:0;left:0;right:0;z-index:5;padding-top:env(safe-area-inset-top,0px);background:var(--danfo);color:var(--tar)}
.hud-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px 6px}
.scorebox{display:flex;align-items:center;gap:10px;min-width:0}
.score{font-family:var(--display);font-size:30px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.score small{font-family:var(--body);font-weight:800;font-size:10px;letter-spacing:.14em;margin-left:3px;vertical-align:middle}
.mult{font-family:var(--mono);font-weight:600;background:var(--tar);color:var(--danfo);padding:3px 7px;border-radius:3px;font-size:13px;transition:transform .2s}
.mult.bump{transform:scale(1.25)}
.rank{text-align:right;min-width:0;display:grid;gap:3px;justify-items:end}
.rank b{font-family:var(--display);font-size:13px;font-weight:400;line-height:1}
.rank i{display:block;width:96px;height:5px;background:rgba(19,20,16,.25);border-radius:3px;overflow:hidden}
.rank i span{display:block;height:100%;background:var(--tar);width:0}
.rank em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hud-stats{display:flex;gap:6px 14px;padding:7px 16px;background:var(--tar);color:var(--chalk);font-family:var(--mono);font-size:12px;align-items:center;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.stat{display:flex;align-items:center;gap:6px;white-space:nowrap}
.stat label{font-family:var(--body);font-weight:800;font-size:10px;letter-spacing:.1em;color:var(--dust);text-transform:uppercase}
.ebar{width:58px;height:7px;background:var(--kerb);border-radius:4px;overflow:hidden}
.ebar span{display:block;height:100%;background:var(--go);width:100%;transition:width .3s,background .3s}
.clock{margin-left:auto}
.ticker{display:flex;gap:10px;align-items:center;padding:6px 16px;background:rgba(19,20,16,.88);color:var(--chalk);font-size:12px;min-height:28px}
.ticker b{font-family:var(--body);font-weight:800;font-size:10px;letter-spacing:.12em;color:var(--tar);background:var(--jam);padding:2px 6px;border-radius:2px;flex:none}
.ticker span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s}
.under{position:absolute;top:100%;left:0;right:0;padding:10px 16px;display:grid;gap:8px;justify-items:start;pointer-events:none}
.gps{pointer-events:auto;display:flex;align-items:center;gap:8px;background:rgba(19,20,16,.85);color:var(--chalk);border:1px solid var(--kerb);border-radius:3px;padding:5px 9px;font-family:var(--mono);font-size:11px;max-width:100%}
.gps .dot{width:8px;height:8px;border-radius:50%;background:var(--dust);flex:none}
.gps.live .dot{background:var(--go);box-shadow:0 0 0 0 var(--go);animation:ping 1.6s infinite}
.gps .mode{font-family:var(--body);font-weight:800;letter-spacing:.1em;font-size:10px;color:var(--danfo)}
@keyframes ping{70%{box-shadow:0 0 0 7px rgba(63,179,127,0)}100%{box-shadow:0 0 0 0 rgba(63,179,127,0)}}
.toasts{display:grid;gap:6px;width:100%;max-width:420px}
.toast{pointer-events:auto;cursor:pointer}
.scrim{cursor:pointer}.scrim > *{cursor:auto}
.sheet.nudge{animation:nudge .35s}
@keyframes nudge{20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}
.toast{background:var(--chalk);color:var(--tar);border-left:5px solid var(--danfo);padding:8px 11px;font-size:13px;font-weight:600;border-radius:2px;box-shadow:0 6px 18px rgba(0,0,0,.35);animation:tin .25s ease-out}
.toast small{display:block;font-weight:400;font-size:12px;margin-top:2px;color:#4b4a42}
.toast.good{border-color:var(--go)} .toast.bad{border-color:var(--jam)} .toast.info{border-color:var(--police)}
@keyframes tin{from{transform:translateY(-6px);opacity:0}}

/* Controls */
.controls{position:absolute;left:0;right:0;bottom:var(--tabh);z-index:6;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 16px);pointer-events:none}
.controls > *{pointer-events:auto}
.joy{width:118px;height:118px;border-radius:50%;background:rgba(19,20,16,.55);border:2px solid rgba(244,194,13,.55);position:relative;touch-action:none}
.joy .knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:var(--danfo);box-shadow:0 4px 0 #9c7c06;display:grid;place-items:center;font-family:var(--display);font-size:10px;color:var(--tar)}
.joy-ph{width:118px;height:1px}
.side{display:grid;gap:8px}
.sbtn{width:50px;height:50px;border-radius:4px;background:var(--tar);border:2px solid var(--kerb);color:var(--chalk);font-family:var(--display);font-size:18px;display:grid;place-items:center;position:relative}
.sbtn.small{font-family:var(--body);font-weight:800;font-size:10px;letter-spacing:.06em;line-height:1.1;text-align:center}
.sbtn .badge{position:absolute;top:-6px;right:-6px;background:var(--danfo);color:var(--tar);font-family:var(--mono);font-size:10px;font-weight:600;padding:1px 5px;border-radius:8px}
.action{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 150px + var(--tabh));z-index:6;background:var(--danfo);color:var(--tar);font-family:var(--display);font-size:13px;padding:8px 14px;border-radius:4px;box-shadow:0 5px 0 #9c7c06,0 10px 24px rgba(0,0,0,.4);white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}
.action small{display:block;font-family:var(--mono);font-size:11px;font-weight:600}
.action.alight{background:var(--jam);color:var(--chalk);box-shadow:0 5px 0 #8f2427,0 10px 24px rgba(0,0,0,.4)}
.action:active{transform:translateX(-50%) translateY(3px)}

/* Sheets */
.scrim{position:absolute;inset:0;z-index:35;background:rgba(19,20,16,.45);display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:520px;background:var(--chalk);color:var(--tar);border-radius:6px 6px 0 0;overflow:hidden;animation:sup .25s ease-out;max-height:88%;display:flex;flex-direction:column}
@keyframes sup{from{transform:translateY(40px);opacity:.4}}
.sheet-body{flex:1 1 auto;min-height:0;grid-auto-rows:max-content;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 18px);overflow:auto;display:grid;gap:12px}
.kicker{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.kicker .tag{background:var(--k,var(--tar));color:var(--chalk);padding:3px 7px;border-radius:2px}
.kicker .dist{font-family:var(--mono);font-weight:600;color:#5e5c52;letter-spacing:0}
.sheet h2{margin:0;font-family:var(--display);font-weight:400;font-size:22px;line-height:1.1;text-wrap:balance}
.sheet p{margin:0;font-size:15px;line-height:1.45;max-width:60ch}
.quote{font-weight:800;font-size:17px;line-height:1.3;border-left:4px solid var(--k,var(--tar));padding-left:10px}
.choices{display:grid;gap:8px}
.choice{text-align:left;background:#fff;border:2px solid var(--tar);border-radius:4px;padding:11px 12px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.choice b{font-weight:800;font-size:15px}
.tbch .choice{flex-direction:column;align-items:flex-start;gap:4px}.tbch .choice span{text-align:left;flex:1 1 auto;line-height:1.35}
.choice span{font-family:var(--mono);font-size:11px;font-weight:600;color:#4b4a42;text-align:right;flex:none}
.choice:hover{background:#fff8d6}
.choice:disabled{opacity:.4;cursor:not-allowed}
.stamp{font-family:var(--display);font-size:26px;line-height:1;color:var(--k)}
.deltas{display:flex;flex-wrap:wrap;gap:6px}
.delta{font-family:var(--mono);font-size:12px;font-weight:600;padding:3px 8px;border-radius:2px;background:#e4ddcc}
.delta.up{background:#cfeedd;color:#155c3b} .delta.down{background:#f7d3d3;color:#8f2427}
.primary{background:var(--tar);color:var(--danfo);font-family:var(--display);font-size:16px;padding:13px;border-radius:4px;width:100%}
.mission{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid #d8d0bd}
.mission:last-child{border-bottom:0}
.mission .row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.mission b{font-weight:800;font-size:15px}
.mission span{font-family:var(--mono);font-size:12px;font-weight:600;color:#4b4a42;white-space:nowrap}
.pbar{height:7px;background:#e4ddcc;border-radius:4px;overflow:hidden}
.pbar i{display:block;height:100%;background:var(--tar)}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#4b4a42}
.legend i{display:inline-block;width:18px;height:5px;border-radius:3px;vertical-align:middle;margin-right:5px}

/* Start */
.start{position:absolute;inset:0 0 var(--tabh) 0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;background:var(--tar);padding-top:env(safe-area-inset-top,0px)}
.start-in{padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 22px);overflow:auto;max-height:100%;display:grid;gap:16px;max-width:520px;width:100%;margin:0 auto}
.wordmark{font-family:Archivo,system-ui,sans-serif;font-weight:800;font-size:clamp(56px,18vw,92px);line-height:.9;color:var(--danfo);letter-spacing:-.045em}
.wordmark span{color:var(--chalk)}
.lede{font-size:16px;line-height:1.45;color:var(--chalk);max-width:46ch;margin:0}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dust);margin:0 0 6px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1.5px solid var(--kerb);background:var(--asphalt);padding:7px 11px;border-radius:3px;font-weight:600;font-size:13px}
.chip[aria-pressed="true"]{background:var(--danfo);color:var(--tar);border-color:var(--danfo)}
.go{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.go button{padding:14px 10px;border-radius:4px;font-family:var(--display);font-size:15px;text-align:center}
.go .gpsb{background:var(--danfo);color:var(--tar);box-shadow:0 5px 0 #9c7c06}
.go .simb{background:var(--asphalt);color:var(--chalk);border:2px solid var(--kerb)}
.go small{display:block;font-family:var(--body);font-weight:600;font-size:11px;margin-top:4px;letter-spacing:0}
.fine{font-size:12px;line-height:1.45;color:var(--dust);margin:0}
.fine b{color:var(--chalk)}
.flash{position:absolute;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 120px 30px rgba(229,72,77,.75);opacity:0;transition:opacity .4s}
.flash.on{opacity:1;transition:none}
.how{display:grid;gap:12px}
.how-step{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}
.how-step .n{font-family:var(--display);font-size:14px;background:var(--tar);color:var(--danfo);width:28px;height:28px;border-radius:3px;display:grid;place-items:center}
.how-step b{display:block;font-weight:800;font-size:15px;margin-bottom:2px}
.how-step p{font-size:14px;line-height:1.4}
.icons{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:6px}
.ic{display:flex;gap:8px;align-items:center;font-size:13px;line-height:1.25;min-width:0}
.ic i{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--tar);display:grid;place-items:center;font-style:normal;font-family:var(--display);font-size:10px;color:var(--chalk)}
.ic i.sq{border-radius:3px}.ic i.dm{transform:rotate(45deg);border-radius:2px;width:18px;height:18px}
.ic i.dm span{transform:rotate(-45deg);color:var(--tar)}
.sbtn.rep{background:var(--danfo);color:var(--tar);border-color:var(--tar)}
.cats{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cat{display:flex;gap:8px;align-items:center;text-align:left;background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:8px 10px;font-weight:800;font-size:14px}
.cat i{flex:none;width:24px;height:24px;border-radius:3px;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-size:10px;color:#fff}
.cat[aria-pressed="true"]{border-color:var(--tar);background:#fff3c4}
.note{min-height:64px;flex:none;width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:10px;border:2px solid #d8d0bd;border-radius:4px;background:#fff;color:var(--tar);resize:none}
.note:focus{outline:none;border-color:var(--tar)}
.warn{font-size:13px;background:#fff3c4;padding:8px 10px;border-radius:3px}
.near{display:grid;gap:4px}
.nearrow{display:flex;gap:10px;align-items:center;text-align:left;padding:8px 0;border-bottom:1px solid #d8d0bd;font-size:14px}
.nearrow:last-child{border-bottom:0}
.nearrow i{flex:none;width:22px;height:22px;border-radius:3px;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-size:9px;color:#fff}
.nearrow b{font-weight:800}
.nearrow span{margin-left:auto;font-family:var(--mono);font-size:11px;color:#5e5c52;white-space:nowrap}
.votes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.votes button{padding:12px;border-radius:4px;font-weight:800;font-size:15px;border:2px solid var(--tar)}
.votes .y{background:var(--tar);color:var(--danfo)}
.votes button:disabled{opacity:.4;cursor:not-allowed}
.timer{height:8px;background:#e4ddcc;border-radius:4px;overflow:hidden}
.timer i{display:block;height:100%;background:var(--jam);width:100%}
.timer-l{font-family:var(--mono);font-size:11px;font-weight:600;color:#8f2427;letter-spacing:.04em}
.errand{pointer-events:auto;display:flex;gap:8px;align-items:center;background:var(--danfo);color:var(--tar);border:2px solid var(--tar);border-radius:3px;padding:5px 9px;font-size:12px;font-weight:800;max-width:100%}
.errand b{font-family:var(--display);font-weight:400;font-size:11px}
.errand span{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums}
.errand.late span{color:#8f2427}
.ar{position:absolute;inset:0;z-index:0;background:var(--tar);overflow:hidden}
.ar video,.ar canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ar video{object-fit:cover}
.ar-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.ar-chip{background:rgba(19,20,16,.8);color:var(--danfo);font-family:var(--display);font-size:11px;padding:5px 9px;border-radius:3px;display:flex;align-items:center;gap:6px}
.ar-chip i{width:8px;height:8px;border-radius:50%;background:var(--dust)}
.ar-chip.live i{background:var(--jam);animation:ping 1.4s infinite}
.ar-cam{background:var(--chalk);color:var(--tar);font-weight:800;font-size:12px;padding:6px 10px;border-radius:3px}
.scrim > .sheet{position:relative;z-index:1}
.artoggle{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--asphalt);border:1.5px solid var(--kerb);border-radius:4px;padding:10px 12px;font-size:13px;font-weight:600;color:var(--chalk);text-align:left;width:100%}
.artoggle small{display:block;font-weight:400;color:var(--dust);font-size:12px;margin-top:2px}
.artoggle b{flex:none;font-family:var(--display);font-weight:400;font-size:12px;padding:4px 8px;border-radius:3px;background:var(--kerb);color:var(--chalk)}
.artoggle[aria-pressed="true"] b{background:var(--danfo);color:var(--tar)}
.tabs{position:absolute;left:0;right:0;bottom:0;z-index:8;background:var(--tar);border-top:3px solid var(--danfo);display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;align-items:end;padding:6px 8px calc(env(safe-area-inset-bottom,0px) + 6px);gap:4px}
.tab{display:grid;justify-items:center;gap:3px;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--dust);padding:5px 0;border-radius:4px;position:relative}
.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tab[aria-current="true"]{color:var(--danfo)}
.tab .cnt{position:absolute;top:0;right:calc(50% - 22px);background:var(--jam);color:var(--chalk);font-family:var(--mono);font-size:9px;padding:0 4px;border-radius:7px;letter-spacing:0}
.tab.plus{background:var(--danfo);color:var(--tar);border:3px solid var(--tar);border-radius:6px;transform:translateY(-14px);padding:8px 0 6px;box-shadow:0 4px 0 #9c7c06;font-family:var(--display);font-weight:400;font-size:11px;letter-spacing:.04em}
.tab.plus svg{stroke-width:3}
.live-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px 8px;min-width:0}
.live-head .t{min-width:0}
.live-head b{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:400;font-size:20px;line-height:1}
.live-head b i{width:9px;height:9px;border-radius:50%;background:var(--jam);animation:ping2 1.4s infinite}
@keyframes ping2{70%{box-shadow:0 0 0 7px rgba(229,72,77,0)}0%{box-shadow:0 0 0 0 rgba(229,72,77,.6)}}
.live-head span{display:block;font-size:12px;font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.loc{flex:none;background:var(--tar);color:var(--danfo);font-weight:800;font-size:12px;padding:7px 10px;border-radius:3px;display:flex;gap:6px;align-items:center;max-width:46%}
.loc svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5;flex:none}
.loc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-stats{display:flex;gap:6px 14px;padding:6px 16px;background:var(--tar);color:var(--chalk);font-family:var(--mono);font-size:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.live-stats label{font-family:var(--body);font-weight:800;font-size:10px;letter-spacing:.1em;color:var(--dust);text-transform:uppercase;margin-right:5px}
.cross{position:absolute;left:50%;top:58%;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;z-index:3}
.cross::before,.cross::after{content:"";position:absolute;background:var(--danfo);box-shadow:0 0 0 1.5px var(--tar)}
.cross::before{left:16px;top:0;width:2px;height:34px}.cross::after{top:16px;left:0;height:2px;width:34px}
.cross b{position:absolute;top:40px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--danfo);text-shadow:0 1px 2px #000}
.fchips{display:flex;gap:6px;flex-wrap:wrap}
.fchip{border:2px solid #d8d0bd;background:#fff;padding:5px 10px;border-radius:3px;font-weight:800;font-size:12px}
.fchip[aria-pressed="true"]{background:var(--tar);color:var(--danfo);border-color:var(--tar)}
.sumrow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sum{background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:8px 10px}
.sum b{display:block;font-family:var(--display);font-weight:400;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
.sum span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5e5c52}
.hot{display:flex;flex-wrap:wrap;gap:6px}
.hot button{background:#e4ddcc;border-radius:3px;padding:5px 9px;font-size:12px;font-weight:700}
.hot button b{font-family:var(--mono);margin-left:4px}
.card{display:grid;grid-template-columns:30px 1fr;gap:10px;text-align:left;background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:10px;width:100%}
.card i{width:30px;height:30px;border-radius:4px;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-size:11px;color:#fff}
.card b{font-weight:800;font-size:15px;display:block}
.card .meta{font-family:var(--mono);font-size:11px;color:#5e5c52;margin-top:2px}
.card .nt{font-size:13px;margin-top:4px;line-height:1.35}
.card .tag2{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;padding:1px 5px;border-radius:2px;margin-left:6px;vertical-align:middle}
.card .tag2.v{background:#cfeedd;color:#155c3b}.card .tag2.u{background:#e4ddcc;color:#5e5c52}
.empty{background:#fff3c4;border-radius:4px;padding:14px;font-size:14px;line-height:1.45}
.empty b{display:block;font-size:16px;margin-bottom:4px}
.grp{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5e5c52;margin:4px 0 -4px}
.small-link{background:none;color:#8f2427;font-size:12px;font-weight:700;text-decoration:underline;justify-self:start;padding:2px 0}
.areas{display:flex;flex-wrap:wrap;gap:6px}
.areas button{border:2px solid #d8d0bd;background:#fff;padding:7px 11px;border-radius:3px;font-weight:700;font-size:13px}
.spon{display:grid;gap:10px}
.sp-head{display:flex;gap:12px;align-items:center}
.sp-logo{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;font-family:var(--display);font-size:20px;color:#fff;flex:none;border:3px solid var(--tar)}
.sp-head b{display:block;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.1}
.sp-head span{font-size:12px;color:#5e5c52;font-weight:600}
.sp-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;background:var(--tar);color:var(--danfo);padding:2px 6px;border-radius:2px}
.coupon{border:2px dashed var(--tar);border-radius:6px;padding:12px;text-align:center;background:#fff}
.coupon small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#5e5c52}
.coupon b{display:block;font-family:var(--mono);font-size:24px;letter-spacing:.08em;margin-top:4px}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
@media (min-width:460px){.kpis{grid-template-columns:repeat(3,1fr)}}
.kpi{background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:9px 10px;min-width:0}
.kpi b{display:block;font-family:var(--display);font-weight:400;font-size:22px;line-height:1.05;font-variant-numeric:tabular-nums}
.kpi span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5e5c52}
.kpi em{display:block;font-style:normal;font-size:11px;color:#5e5c52;margin-top:2px}
.budget{height:10px;background:#e4ddcc;border-radius:5px;overflow:hidden}
.budget i{display:block;height:100%;background:var(--tar);border-radius:5px}
.chartbox{background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:10px;overflow-x:auto}
.chartbox svg{display:block;width:100%;min-width:300px;height:auto}
.chartbox .bar:hover{opacity:.75}
.tip{font-family:var(--mono);font-size:11px;color:#5e5c52;min-height:16px;margin-top:4px}
.proj{background:#fff3c4;border-radius:4px;padding:12px;display:grid;gap:8px}
.proj label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:600}
.proj input{width:92px;font:inherit;font-family:var(--mono);font-size:13px;padding:5px 7px;border:2px solid #d8d0bd;border-radius:3px;background:#fff;color:var(--tar)}
.proj .out{font-family:var(--mono);font-size:13px;font-weight:600;line-height:1.5}
.price{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.price div{background:#fff;border:2px solid var(--tar);border-radius:4px;padding:10px;font-size:12px;line-height:1.4}
.price b{display:block;font-family:var(--display);font-weight:400;font-size:15px}
.dealrow{display:flex;gap:10px;align-items:center;text-align:left;background:#fff;border:2px solid #d8d0bd;border-left:6px solid var(--k2,#131410);border-radius:4px;padding:9px 10px;width:100%}
.dealrow b{font-weight:800;font-size:14px;display:block}
.dealrow span{font-size:12px;color:#5e5c52}
.dealrow em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11px;white-space:nowrap}
.story{display:grid;gap:8px}
.story h3{margin:0;font-family:var(--display);font-weight:400;font-size:18px;color:var(--danfo);line-height:1.1}
.story p.sub{margin:0;font-size:13px;color:var(--dust)}
.chs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ch{text-align:left;background:var(--asphalt);border:2px solid var(--kerb);border-radius:4px;padding:10px;display:grid;gap:3px;min-width:0;color:var(--chalk)}
.ch .n{font-family:var(--display);font-size:11px;color:var(--danfo)}
.ch b{font-weight:800;font-size:14px;line-height:1.2}
.ch span{font-size:11px;color:var(--dust);line-height:1.3}
.ch .stars{font-family:var(--mono);font-size:12px;color:var(--danfo);letter-spacing:2px}
.ch:disabled{opacity:.45;cursor:not-allowed}
.ch.next{border-color:var(--danfo)}
.obj{display:grid;gap:6px;background:#fff;border:2px solid var(--tar);border-radius:4px;padding:10px 12px}
.obj div{display:flex;gap:10px;align-items:baseline;font-size:14px}
.obj div b{font-family:var(--mono);font-size:11px;font-weight:600;min-width:64px;color:#5e5c52;text-transform:uppercase}
.bigstars{font-size:40px;letter-spacing:6px;color:var(--danfo);-webkit-text-stroke:1.5px var(--tar);line-height:1}
.chars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.char .cedit{position:absolute;left:6px;top:6px;background:rgba(19,20,16,.8);color:#F4C20D;font-size:10px;font-weight:800;padding:2px 6px;border-radius:3px;cursor:pointer}
.char.cbuild{place-content:center;text-align:center;border-style:dashed;border-color:var(--danfo);min-height:120px;cursor:pointer}
.char.cbuild .plus{font-family:var(--display);font-size:40px;line-height:1;color:var(--danfo)}
.builder .lp-bar b{font-family:var(--display);font-weight:400;font-size:16px}
.bd-in{padding:14px 16px 22px;display:grid;gap:8px}
.bd-in .grp{margin:8px 0 0}
.bd-top{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center}
.bd-pv{width:130px;height:auto;aspect-ratio:9/10;border-radius:8px;background:linear-gradient(180deg,#3b4a5a,#5b4a3c);border:2px solid #131410}
.bd-id{display:grid;gap:8px}
.bd-id label{display:grid;gap:3px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5e5c52}
.bd-id input{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;font-weight:600;color:#131410;background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:8px 9px;min-width:0}
.bd-id input:focus{outline:none;border-color:#131410}
.bd-bg{display:grid;gap:6px}
.bd-bgo{text-align:left;display:grid;gap:2px;background:#fff;border:2px solid #d8d0bd;border-radius:8px;padding:9px 11px;font:inherit;color:#131410;cursor:pointer}
.bd-bgo b{font-size:14px}.bd-bgo span{font-size:12px;color:#5e5c52}
.bd-bgo[aria-pressed=true]{border-color:#131410;background:#fff3c4;box-shadow:3px 3px 0 #131410}
.bd-sw{display:flex;flex-wrap:wrap;gap:7px}
.bd-c{width:32px;height:32px;border-radius:50%;border:2px solid rgba(19,20,16,.25);cursor:pointer;padding:0}
.bd-c[aria-pressed=true]{border:3px solid #131410;box-shadow:0 0 0 2px #F4C20D}
.bd-tg{display:flex;flex-wrap:wrap;gap:6px}
.bd-tg button{font:inherit;font-size:13px;font-weight:700;background:#fff;color:#131410;border:2px solid #d8d0bd;border-radius:20px;padding:6px 12px;cursor:pointer}
.bd-tg button[aria-pressed=true]{background:#131410;color:#F4C20D;border-color:#131410}
.bd-st{display:grid;gap:6px}
.bd-sr{display:grid;grid-template-columns:1fr 34px auto 34px;align-items:center;gap:8px;font-size:14px;font-weight:700}
.bd-sr button{width:34px;height:34px;border-radius:6px;border:2px solid #131410;background:#F4C20D;color:#131410;font-size:18px;font-weight:900;cursor:pointer;padding:0}
.bd-sr button:disabled{opacity:.3;cursor:default}
.bd-sr i{display:flex;gap:3px}.bd-sr i span{width:14px;height:14px;border-radius:3px;background:#d8d0bd}.bd-sr i span.on{background:#3FB37F}
.bd-left{font-weight:700;color:#8a6d00;letter-spacing:0;text-transform:none}

.char{position:relative;text-align:left;background:var(--asphalt);border:2px solid var(--kerb);border-radius:6px;padding:8px;display:grid;gap:4px;min-width:0;color:var(--chalk)}
.char[aria-pressed="true"]{border-color:var(--danfo);background:#2f3126}
.char canvas{width:100%;height:auto;aspect-ratio:9/10;display:block;border-radius:4px;background:linear-gradient(180deg,#3b4a5a,#5b4a3c)}
.char b{font-family:var(--display);font-weight:400;font-size:14px;line-height:1.1}
.char .from{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--danfo)}
.char .tg{font-size:11px;color:var(--dust);line-height:1.3}
.char .pick{position:absolute;top:6px;right:6px;background:var(--danfo);color:var(--tar);font-family:var(--display);font-size:9px;padding:2px 5px;border-radius:2px}
.cstats{display:grid;gap:6px;background:var(--asphalt);border:1.5px solid var(--kerb);border-radius:4px;padding:10px 12px}
.cstat{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;font-size:12px;font-weight:600;color:var(--chalk)}
.cstat i{display:flex;gap:3px}
.cstat i span{flex:1;height:7px;border-radius:2px;background:var(--kerb)}
.cstat i span.on{background:var(--danfo)}
/* one Lagos: the job board */
.wj .eco-hc.wj-taken,.wj .eco-hc.wj-mine{opacity:.6}
.wj .eco-hc.wj-soon{opacity:.8}
.wj-who{color:#b0413e;font-weight:700}
.wj .eco-hc.wj-mine .wj-who{color:#2b8a5e}

/* ---------- the cast: choose who you are ---------- */
.cast{display:grid;gap:10px}
.cast-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.cast-h h3{margin:0;font-family:var(--display);font-weight:400;font-size:20px;color:var(--danfo);line-height:1.05}
.cast-h span{font-family:var(--mono);font-size:11px;color:var(--dust);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.cast-stage{--tint:#F4C20D;position:relative;height:clamp(300px,82vw,380px);border-radius:12px;overflow:hidden;background:#1b1c17;border:2px solid var(--kerb);touch-action:pan-y;cursor:grab;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 14px 30px -18px var(--tint)}
.cast-stage:active{cursor:grabbing}
.cast-stage::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;z-index:3;background:repeating-linear-gradient(-45deg,var(--danfo) 0 10px,#131410 10px 20px)}
.cast-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cast-stage canvas[hidden]{display:none}
.cast-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,rgba(19,20,16,.92),rgba(19,20,16,.55) 45%,transparent);pointer-events:none;z-index:1}
.cast-id{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;display:grid;gap:2px;pointer-events:none}
.cast-id b{font-family:var(--display);font-weight:400;font-size:clamp(36px,11vw,48px);line-height:.95;color:var(--chalk);letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.cast-age{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--danfo)}
.cast-role{font-size:14px;font-weight:600;color:var(--chalk);opacity:.9}
.cast-quote{position:absolute;left:12px;top:18px;z-index:2;max-width:min(52%,230px);margin:0;background:var(--chalk);color:var(--tar);font-weight:700;font-size:13px;line-height:1.3;padding:8px 11px;border-radius:12px 12px 12px 3px;box-shadow:0 6px 16px rgba(0,0,0,.3);pointer-events:none;animation:castq .35s ease-out}
.cast-quote[hidden]{display:none}
@keyframes castq{from{transform:translateY(6px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.cast-home{justify-self:start;margin-bottom:4px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--chalk);background:rgba(19,20,16,.62);border:1.5px solid var(--danfo);border-radius:20px;padding:3px 8px}
.cast-hint{position:absolute;right:12px;bottom:14px;z-index:2;font-family:var(--mono);font-size:10px;color:var(--dust);pointer-events:none}
.cast-roll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px;margin:0 -2px;scrollbar-width:none}
.cast-roll::-webkit-scrollbar{display:none}
.cr-ava{position:relative;flex:0 0 68px;scroll-snap-align:center;display:grid;justify-items:center;gap:5px;background:none;border:0;padding:0;color:var(--chalk);cursor:pointer}
.cr-ava canvas{width:64px;height:64px;border-radius:16px;border:2.5px solid var(--kerb);display:block;transition:transform .15s,border-color .15s}
.cr-ava b{font-size:12px;font-weight:700;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-ava[aria-pressed="true"] canvas{border-color:var(--danfo);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(244,194,13,.25)}
.cr-ava[aria-pressed="true"] b{color:var(--danfo)}
.cr-ava:focus-visible canvas{outline:2px solid var(--chalk);outline-offset:2px}
.cr-you,.cr-mine{position:absolute;top:-4px;right:-2px;font-style:normal;font-family:var(--mono);font-size:9px;font-weight:700;padding:1px 5px;border-radius:6px;background:var(--danfo);color:var(--tar)}
.cr-mine{background:var(--chalk);left:-2px;right:auto}
.cr-new span{width:64px;height:64px;border-radius:16px;border:2px dashed var(--danfo);display:grid;place-items:center;font-size:28px;color:var(--danfo)}
.cast-info{display:grid;gap:8px}
.cast-lab{margin:2px 0 -2px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dust)}
.cast-good{display:grid;gap:5px}
.cast-good span{background:rgba(244,194,13,.08);border-left:3px solid var(--danfo);border-radius:3px;padding:7px 10px;font-size:13px;font-weight:600;color:var(--chalk)}
.cast-watch{margin:0;font-size:13px;line-height:1.4;color:var(--chalk);background:rgba(229,72,77,.08);border-left:3px solid var(--jam);border-radius:3px;padding:7px 10px}
.cast-watch::before{content:"Watch out: ";font-weight:800;color:#ff8a8d}
.cast-act{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cast-act button{border:1.5px solid var(--kerb);background:var(--asphalt);color:var(--chalk);border-radius:8px;padding:10px 8px;font-weight:700;font-size:13px}
.cast-act button:hover{border-color:var(--danfo)}
.cstat{grid-template-columns:104px 1fr}
.eyehint{font-weight:600;letter-spacing:0;text-transform:none;color:var(--dust);opacity:.8;margin-left:6px}
#startChips .chip.home::before{content:"🏠 "}
.bd-restyle .bd-own{display:none!important}
.bd-pnote{margin:0;font-size:12px;line-height:1.4;color:#5c594d}
.bd-pnote:empty{display:none}
@media (min-width:700px){.cast-stage{height:400px}}

.cperk{font-size:12px;line-height:1.45;color:var(--dust)}
.cperk b{color:var(--chalk)}
.sbtn.ride{background:var(--police);border-color:var(--tar);color:var(--chalk)}
.joy,.joy-ph{display:none!important}
.controls{justify-content:flex-end}
.joyzone{position:absolute;left:0;bottom:var(--tabh);width:62%;height:46%;z-index:5;touch-action:none}
.fjoy{position:absolute;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:rgba(19,20,16,.45);border:2px solid rgba(244,194,13,.6);pointer-events:none;opacity:.55;transition:opacity .15s}
.fjoy.on{opacity:1}
.fknob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--danfo);box-shadow:0 4px 0 #9c7c06;display:grid;place-items:center;font-family:var(--display);font-size:10px;color:var(--tar)}
.fjoy.sprint{border-color:var(--jam)}
.fjoy.sprint .fknob{background:#ffd84a}
.jhint{position:absolute;left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);font-size:11px;font-weight:700;color:var(--chalk);background:rgba(19,20,16,.7);padding:4px 8px;border-radius:3px;pointer-events:none;max-width:calc(100% - 32px);transition:opacity .4s}
.goal{pointer-events:auto;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:6px 10px;align-items:center;background:var(--chalk);color:var(--tar);border:2px solid var(--tar);border-left:7px solid var(--gk,var(--danfo));border-radius:5px;padding:8px 10px;width:100%;max-width:440px;box-shadow:0 8px 22px rgba(0,0,0,.4);text-align:left}
.goal .cmp{width:46px;height:46px;border-radius:50%;background:var(--tar);display:grid;place-items:center;position:relative}
.goal .cmp svg{width:34px;height:34px;transition:transform .12s linear}
.goal .cmp em{position:absolute;bottom:-3px;right:-3px;background:var(--danfo);color:var(--tar);font-style:normal;font-family:var(--display);font-size:9px;padding:1px 4px;border-radius:2px;border:1.5px solid var(--tar)}
.goal .gt{min-width:0}
.goal .gk{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5e5c52}
.goal .gt b{display:block;font-weight:800;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goal .gt span{display:block;font-size:12px;color:#4b4a42;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.goal .gd{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.goal .gd b{display:block;font-size:17px;font-weight:600;line-height:1.1}
.goal .gd small{display:block;font-size:11px;color:#5e5c52}
.goal .gbar{grid-column:1/-1;height:6px;background:#e4ddcc;border-radius:3px;overflow:hidden}
.goal .gbar i{display:block;height:100%;background:var(--go);transition:width .3s,background .3s}
.goal .steps{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;font-size:11px;font-weight:700}
.goal .steps span{padding:2px 7px;border-radius:10px;background:#e4ddcc;color:#5e5c52}
.goal .steps span.done{background:#cfeedd;color:#155c3b}
.goal .steps span.now{background:var(--tar);color:var(--danfo)}
.goal.late{border-left-color:var(--jam);animation:gpulse 1s infinite}
@keyframes gpulse{50%{box-shadow:0 0 0 4px rgba(229,72,77,.35),0 8px 22px rgba(0,0,0,.4)}}
@media (min-width:900px){.goal{max-width:540px;padding:12px 14px;grid-template-columns:56px minmax(0,1fr) auto}.goal .cmp{width:56px;height:56px}.goal .cmp svg{width:42px;height:42px}.goal .gt b{font-size:21px}.goal .gt span{font-size:13px}.goal .gd b{font-size:24px}.goal .gd small{font-size:14px;font-weight:600;color:var(--tar)}.goal .gbar{height:8px}}
.goal .gd small{font-weight:600}
.gbanner{position:absolute;left:16px;right:16px;top:40%;z-index:9;pointer-events:none;display:grid;justify-items:center;gap:6px;text-align:center;animation:gban 2.8s ease forwards}
.gbanner small{font-family:var(--display);font-size:13px;color:var(--tar);background:var(--danfo);padding:3px 10px;border-radius:3px;border:2px solid var(--tar)}
.gbanner b{font-family:var(--display);font-weight:400;font-size:clamp(24px,7.5vw,36px);line-height:1.05;color:var(--chalk);-webkit-text-stroke:1px var(--tar);text-shadow:0 3px 0 var(--tar),0 6px 18px rgba(0,0,0,.6);text-wrap:balance}
.gbanner span{font-size:13px;font-weight:700;color:var(--chalk);background:rgba(19,20,16,.8);padding:4px 10px;border-radius:3px}
@keyframes gban{0%{opacity:0;transform:scale(.8) translateY(10px)}12%{opacity:1;transform:scale(1.04)}20%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
.promo{display:grid;gap:10px;background:linear-gradient(135deg,#1d1f19,#2b2d24);border:2px solid var(--danfo);border-radius:8px;padding:14px;color:var(--chalk)}
.promo .ph{display:flex;gap:12px;align-items:center}
.promo .ph svg{flex:none;width:34px;height:52px}
.promo b{font-family:var(--display);font-weight:400;font-size:17px;line-height:1.15;color:var(--danfo)}
.promo ul{margin:0;padding:0 0 0 18px;font-size:13px;line-height:1.5;color:var(--chalk)}
.stores{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.store{display:flex;gap:9px;align-items:center;background:#000;color:#fff;border:1.5px solid #6d6a5c;border-radius:8px;padding:7px 10px;text-align:left;text-decoration:none;min-width:0}
.store svg{flex:none;width:22px;height:22px;fill:#fff}
.store span{display:grid;line-height:1.1;min-width:0}
.store small{font-size:10px;font-weight:600;color:#cfcac0;white-space:nowrap}
.store strong{font-size:15px;font-weight:800;white-space:nowrap}
.store em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--danfo);text-transform:uppercase}
.promo.light{background:#fff;border-color:var(--tar);color:var(--tar)}
.promo.light b{color:var(--tar)}.promo.light ul{color:var(--tar)}
body.ext{--tabh:0px}
body.ext .tabs,body.ext #gps,body.ext #playGps,body.ext #arToggle,body.ext .fine{display:none!important}
body.ext .go{grid-template-columns:1fr}
.landing{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:rgba(12,12,10,.62);animation:lpfade .2s ease-out}
.lp-card{position:relative;width:min(560px,100%);max-height:calc(100% - 16px);overflow:auto;background:#F3EEE2;color:#131410;border:3px solid #131410;border-radius:14px;box-shadow:6px 6px 0 #131410;animation:lpin .3s ease-out}
.landing .lp-bar{padding:10px 14px}
@keyframes lpfade{from{opacity:0}}
.webmodal{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:16px;background:rgba(12,12,10,.62);animation:lpfade .2s ease-out}
.wm-card{width:min(720px,100%);height:min(86%,780px);display:flex;flex-direction:column;background:#F3EEE2;border:3px solid #131410;border-radius:14px;box-shadow:6px 6px 0 #131410;overflow:hidden;animation:lpin .3s ease-out}
.wm-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#131410;color:#fff}
.wm-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.wm-ext{color:#F4C20D;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.wm-x{background:#F4C20D;color:#131410;border:0;border-radius:6px;font-weight:900;width:32px;height:32px;cursor:pointer}
.webmodal iframe{flex:1;width:100%;border:0;background:#fff}
.wm-note{margin:0;padding:6px 12px;font-size:12px;color:#5e5c52}
.rushpill{pointer-events:auto;display:grid;text-align:left;gap:1px;background:#0f2a1c;color:#fff;border:2px solid #3FB37F;border-radius:6px;padding:7px 10px;max-width:440px;width:100%;cursor:pointer;font:inherit}
.rushpill b{font-family:var(--display);font-size:14px;color:#7CE0A6}
.rushpill span{font-size:12px;opacity:.85}
.rushpill.live{animation:rushp 1s infinite;background:#124a2c}
.rushpill.done{border-color:#6d6a5c}
@keyframes rushp{0%,100%{box-shadow:0 0 0 0 rgba(63,179,127,.6)}50%{box-shadow:0 0 0 7px rgba(63,179,127,0)}}
.alertbar.steal{background:#4a1416;border-color:#E5484D}
@keyframes lpin{from{transform:translateY(24px);opacity:0}}
.lp-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:var(--b);color:#fff;border-bottom:4px solid #131410}
.lp-back{background:#131410;color:#fff;font-weight:800;font-size:14px;padding:9px 12px;border-radius:4px}
.lp-spon{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.3);padding:3px 7px;border-radius:2px}
.lp-in{max-width:560px;margin:0 auto;padding:18px 16px calc(env(safe-area-inset-bottom,0px) + 28px);display:grid;gap:14px}
.lp-hero{width:100%;height:auto;aspect-ratio:45/17;display:block;border-radius:6px}
.landing h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(26px,7vw,40px);line-height:1.05;color:var(--b);text-wrap:balance}
.lp-offer{margin:0;font-size:17px;font-weight:800;line-height:1.35;border-left:6px solid var(--b);padding:6px 0 6px 12px;background:#fff}
.lp-pts{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.lp-pts li{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:10px 12px}
.lp-pts li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--b)}
.lp-cta{background:var(--b);color:#fff;font-family:var(--display);font-size:18px;padding:15px;border-radius:6px;border:3px solid #131410;box-shadow:0 5px 0 #131410}
.lp-cta:active{transform:translateY(3px);box-shadow:0 2px 0 #131410}
.lp-note{margin:0;font-size:12px;color:#5e5c52;line-height:1.45}
.lp-more{display:grid;gap:6px;border-top:2px dashed #d8d0bd;padding-top:12px}
.lp-space{background:none;color:#131410;font-weight:800;font-size:13px;text-decoration:underline;justify-self:start;padding:2px 0}
.bbcv{width:100%;height:auto;aspect-ratio:8/3;display:block;border-radius:4px}
.bbprev{height:74px;border:4px solid var(--tar);border-radius:4px;display:grid;place-items:center;align-content:center;gap:2px;color:#fff;text-align:center;padding:6px;background:#131410}
.bbprev b{font-family:var(--display);font-weight:400;font-size:20px;line-height:1}
.bbprev span{font-size:12px;font-weight:700}
.bbprev.vacant{background:repeating-linear-gradient(-45deg,var(--danfo) 0 12px,var(--tar) 12px 24px)}
.bbprev.vacant b,.bbprev.vacant span{background:var(--tar);color:var(--danfo);padding:2px 8px;border-radius:2px}
/* in-game cards pop up as centred modals; the street scene sits inside the card */
.sheet > .ar{position:relative;inset:auto;flex:none;height:clamp(190px,33vh,270px);z-index:auto}
.sheet > .ar .ar-top{top:auto;bottom:10px;left:10px;right:10px}
body.playing .scrim{align-items:center;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px calc(var(--tabh) + env(safe-area-inset-bottom,0px) + 14px);background:rgba(10,11,8,.58);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
body.playing .sheet{max-width:430px;max-height:100%;border-radius:14px;box-shadow:0 0 0 3px var(--tar),0 22px 60px rgba(0,0,0,.6);animation:popin .28s cubic-bezier(.2,1.35,.4,1)}
body.playing .sheet-body{padding-bottom:16px}
@keyframes popin{from{transform:scale(.8) translateY(12px);opacity:0}}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px}
.cbtn{display:grid;gap:1px;text-decoration:none;border:2px solid var(--tar);border-radius:4px;padding:8px 10px;color:var(--tar);background:#fff;min-width:0}
.cbtn b{font-weight:800;font-size:14px}
.cbtn small{font-family:var(--mono);font-size:10px;color:#5e5c52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cbtn.wa{background:#25D366;border-color:#128C7E}.cbtn.wa small{color:#0b3d2b}
.cbtn:focus-visible{outline:3px solid var(--danfo);outline-offset:2px}
.ltools{pointer-events:auto;display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:2px 2px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ltools::-webkit-scrollbar{display:none}
.ltool{flex:none;background:rgba(19,20,16,.9);color:var(--chalk);border:1.5px solid var(--kerb);border-radius:16px;padding:6px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.ltool[aria-pressed="true"]{background:var(--danfo);color:var(--tar);border-color:var(--tar)}
body.playing .ltools,body.playing #floodBar{display:none!important}
.rwperk{font-weight:800;font-size:16px;color:var(--tar);margin:2px 0 6px}
.rwspin{width:38px;height:38px;border:4px solid #d8d0bd;border-top-color:var(--k,#0FA3A3);border-radius:50%;animation:rwspin .8s linear infinite;margin:10px 0}
@keyframes rwspin{to{transform:rotate(360deg)}}
.rwpass{position:relative;overflow:hidden;border-radius:12px;background:var(--pc);color:#fff;padding:16px 16px 12px;margin:8px 0;border:3px solid #131410;box-shadow:4px 4px 0 #131410}
.rwpass .rp-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rwpass .rp-top em{font-style:normal;background:#fff;color:var(--pc);padding:1px 6px;border-radius:3px}
.rwpass .rp-name{display:block;font-family:var(--display);font-size:28px;line-height:1.05;margin:10px 0 6px}
.rwpass .rp-perk{font-size:16px;font-weight:800}
.rwpass .rp-clock{font-family:var(--display);font-size:44px;line-height:1;margin:12px 0 8px;letter-spacing:.04em}
.rwpass .rp-foot{display:flex;justify-content:space-between;font-size:12px;font-weight:700;opacity:.9}
.rwpass .rp-shine{position:absolute;top:-20%;left:-40%;width:30%;height:140%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:skewX(-20deg);animation:rpshine 2.2s linear infinite;pointer-events:none}
@keyframes rpshine{to{left:120%}}
.rwcoupon{border:3px dashed #131410;border-radius:10px;padding:12px;text-align:center;margin:8px 0;background:#fff}
.rwcoupon small{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5e5c52}
.rwcoupon b{display:block;font-family:var(--display);font-size:30px;color:#131410;margin:4px 0}
.rwcoupon span{font-size:12px;color:#5e5c52}
.scanbox{position:relative;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:1/1;max-height:52vh;margin:8px 0}
.scanbox video{width:100%;height:100%;object-fit:cover;display:block}
.scanbox i{position:absolute;inset:18%;border:4px solid #F4C20D;border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.qform.rwcode{margin-top:8px}
.fmbar{position:absolute;left:12px;right:74px;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px) + 34px);z-index:8;display:flex;align-items:center;gap:8px;max-width:420px;background:#1d1a14;color:#fff;border:2px solid #E5484D;border-radius:30px;padding:5px 6px 5px 5px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
body.playing .fmbar{display:none}
.fm-pp{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:#E5484D;color:#fff;font-weight:900;font-size:13px;cursor:pointer}
.fm-eq{display:flex;align-items:flex-end;gap:2px;height:18px;flex:none}
.fm-eq i{width:3px;height:30%;background:#F4C20D;border-radius:2px}
.fmbar.on .fm-eq i{animation:fmeq .9s ease-in-out infinite}
.fmbar.on .fm-eq i:nth-child(2){animation-delay:-.3s}.fmbar.on .fm-eq i:nth-child(3){animation-delay:-.6s}.fmbar.on .fm-eq i:nth-child(4){animation-delay:-.15s}
@keyframes fmeq{0%,100%{height:25%}50%{height:100%}}
.fm-info{flex:1;min-width:0;display:grid;text-align:left;background:none;border:0;color:#fff;font:inherit;cursor:pointer;padding:0}
.fm-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-info small{font-size:11px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-x{flex:none;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}
.fm-np{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;background:#1d1a14;color:#fff;border-radius:12px;padding:14px;margin:6px 0}
.fm-disc{width:96px;height:96px;border-radius:50%;background:repeating-radial-gradient(circle,#131410 0 3px,#2a2620 3px 5px);display:grid;place-items:center;box-shadow:0 0 0 3px #E5484D}
.fm-disc i{width:30px;height:30px;border-radius:50%;background:#F4C20D;box-shadow:inset 0 0 0 9px #E5484D}
.fm-np.spin .fm-disc{animation:fmspin 3s linear infinite}
@keyframes fmspin{to{transform:rotate(360deg)}}
.fm-meta{display:grid;gap:3px;min-width:0}
.fm-meta small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#F4C20D}
.fm-meta b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.05}
.fm-meta span{font-size:13px;opacity:.8}
.fm-prog{height:5px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden;margin-top:6px}.fm-prog i{display:block;height:100%;width:0;background:#E5484D}
.fm-vol{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;font-size:13px;font-weight:700;margin:8px 0}
.fm-vol input{width:100%;accent-color:#E5484D}
.fm-ck{display:flex;gap:8px;align-items:center;font-size:13px;margin:4px 0 6px}
.fm-ck input{width:18px;height:18px;accent-color:#E5484D}
.adprice div.tot b,.adprice div.tot span{font-weight:900;font-size:16px;color:#131410}
.addate{font:inherit;font-size:15px;padding:9px 10px;border:2px solid #d8d0bd;border-radius:4px;background:#fff;color:#131410;width:100%;box-sizing:border-box}
.adprev{width:100%;height:auto;aspect-ratio:8/3;border:3px solid #131410;border-radius:6px;display:block;margin:4px 0 8px}
.adup input[type=file]{font-size:13px;padding:8px;background:#fff;border:2px dashed #131410}
.adbank div span{font-family:var(--mono,monospace);font-weight:800}
.adlist{display:grid;gap:8px;margin:6px 0}
.adrow{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:start;background:#fff;border:2px solid #d8d0bd;border-radius:8px;padding:8px}
.ad-th{width:96px;aspect-ratio:8/3;border-radius:4px;overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:900}
.ad-th img{width:100%;height:100%;object-fit:cover;display:block}
.ad-tx{display:grid;gap:3px;min-width:0}.ad-tx b{font-size:14px}.ad-tx span{font-size:12px;color:#5e5c52}
.ad-st{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:3px;justify-self:start;background:#eee;color:#5e5c52}
.ad-st.live{background:#3FB37F;color:#fff}.ad-st.scheduled{background:#2F9FD0;color:#fff}.ad-st.confirming{background:#F4C20D;color:#131410}.ad-st.unpaid{background:#F2A93B;color:#131410}.ad-st.rejected{background:#E5484D;color:#fff}
.ad-act{display:flex;gap:6px;margin-top:4px}.ad-act button{font:inherit;font-size:12px;font-weight:800;padding:6px 9px;border-radius:5px;border:2px solid #131410;background:#fff;cursor:pointer}.ad-act button.y{background:#3FB37F;color:#fff;border-color:#2b8a5e}
.adprev.big{margin:8px 0 6px;cursor:pointer}
.adpts{margin:0 0 6px;padding-left:18px;font-size:14px;display:grid;gap:3px}
#startChips .chip.more{display:none}#startChips.all .chip.more{display:inline-flex}
#startChips .morechip{border-style:dashed}
.dealflash.dealpv{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none;margin:6px 0 10px;background-size:cover;background-position:right center;cursor:default;animation:none}
.ad-stats{font-size:12px;font-weight:700;color:#2b8a5e}
#tabPlay{color:#fff;background:linear-gradient(135deg,#E5484D,#C2409B 55%,#8B3DF7);border-radius:10px;box-shadow:0 0 0 2px rgba(255,255,255,.18);animation:playglow 2.2s ease-in-out infinite}
#tabPlay svg{stroke:#fff}
#tabPlay[aria-current="true"]{background:linear-gradient(135deg,#3FB37F,#0FA3A3);color:#fff;box-shadow:0 0 0 2px #F4C20D;animation:none}
@keyframes playglow{0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.18),0 0 6px rgba(229,72,77,.35)}50%{box-shadow:0 0 0 2px rgba(255,255,255,.3),0 0 18px rgba(194,64,155,.85)}}
.dealpin{display:grid;gap:6px;background:#fff;border:2px solid #d8d0bd;border-radius:8px;padding:8px 10px}
.dealpin .rwperk{margin:0}
.bd-bgo .slots{font-style:normal;font-size:11px;font-weight:800;color:#2b8a5e;letter-spacing:.02em}
.bd-bgo .slots.low{color:#b26b00}.bd-bgo .slots.out{color:#c22}
.bd-bgo:disabled{opacity:.55;cursor:not-allowed}
.pinbar{position:absolute;left:12px;right:12px;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px) + 90px);z-index:9;display:grid;gap:8px;background:#F3EEE2;color:#131410;border:3px solid #131410;border-radius:12px;padding:10px 12px;box-shadow:4px 4px 0 #131410;max-width:440px;margin:0 auto}
.pinbar div{display:flex;gap:8px}.pinbar .primary{flex:1;margin:0}
.ltool[data-k=acct]{background:#3D63C4;color:#fff;border-color:#3D63C4}
.guestline{display:flex;align-items:center;gap:10px;justify-content:space-between;background:rgba(61,99,196,.18);border:2px solid #3D63C4;border-radius:8px;padding:8px 10px;margin:6px 0 2px;color:#dfe6ff;font-size:13px;font-weight:600}
.guestline button{flex:none;background:#3D63C4;color:#fff;border:0;border-radius:6px;padding:7px 12px;font:inherit;font-weight:800;cursor:pointer}
.ac-ph{display:flex;align-items:stretch;border:2px solid #d8d0bd;border-radius:4px;background:#fff;overflow:hidden}
.ac-ph span{display:grid;place-items:center;padding:0 10px;background:#eee8d8;font-size:14px;font-weight:800;color:#131410;text-transform:none;letter-spacing:0}
.ac-ph input{border:0!important;flex:1;min-width:0}
.ac-code{font-family:var(--mono,monospace)!important;font-size:30px!important;letter-spacing:.5em!important;text-align:center;padding:12px!important}
.ac-demo{background:#131410;color:#F4C20D;border-radius:8px;padding:10px 12px;text-align:center;margin:6px 0}
.ac-demo small{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#cfc8b0}.ac-demo b{font-family:var(--mono,monospace);font-size:28px;letter-spacing:.3em}
.acnudge{z-index:7;border-color:#3D63C4;box-shadow:4px 4px 0 #3D63C4}.acnudge span{font-size:13px;color:#5e5c52}
body.playing .acnudge{bottom:auto;top:calc(env(safe-area-inset-top,0px) + 168px)}
.feedpage{position:absolute;left:0;right:0;top:0;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px));z-index:30;background:#131410;color:#F3EEE2;display:flex;flex-direction:column;animation:fpin .25s ease-out}
@keyframes fpin{from{transform:translateY(16px);opacity:0}}
.fp-top{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px;background:#131410;border-bottom:3px solid #F4C20D}
.fp-ttl{flex:1;min-width:0;display:grid;gap:2px}.fp-ttl b{font-family:var(--display);font-weight:400;font-size:18px;letter-spacing:.02em;color:#F4C20D;display:flex;align-items:center;gap:8px}
.fp-ttl small{font-size:12px;color:#cfc8b0}
.fp-dot{width:10px;height:10px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 0 rgba(229,72,77,.7);animation:fpdot 1.4s infinite}
@keyframes fpdot{70%{box-shadow:0 0 0 8px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.fp-x{width:36px;height:36px;border-radius:50%;border:0;background:#2a2822;color:#fff;font-size:16px;cursor:pointer}
.fp-scroll{flex:1;overflow:auto;padding:12px 12px 90px;display:flex;flex-direction:column;gap:12px;max-width:620px;width:100%;margin:0 auto;box-sizing:border-box}
.fp-me{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:linear-gradient(135deg,#2a2440,#1d1a14);border:2px solid #3D63C4;border-radius:12px;padding:10px}
.fp-me.done{grid-template-columns:44px 1fr;background:#fff;color:#131410;border-color:#3FB37F}
.fm-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#3D63C4;color:#fff;font-family:var(--display);font-size:20px}
.fp-me.done .fm-av{background:#3FB37F}
.fm-tx{display:grid;gap:3px;min-width:0}.fm-tx b{font-size:14px}.fm-tx small{font-size:11.5px;opacity:.8}
.fm-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}.fp-me.done .fm-bar{background:#e4ddcc}.fm-bar i{display:block;height:100%;background:linear-gradient(90deg,#F4C20D,#3FB37F);border-radius:3px}
.fp-me>button{background:#F4C20D;color:#131410;border:0;border-radius:8px;padding:9px 12px;font-family:var(--display);font-size:12px;cursor:pointer}
.fp-scroll>*{flex:none}
.fp-stories{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}.fp-stories::-webkit-scrollbar{display:none}
.fp-st{flex:none;display:grid;justify-items:center;gap:4px;background:none;border:0;color:#F3EEE2;cursor:pointer;width:64px}
.fp-st .ring{position:relative;width:56px;height:56px;border-radius:50%;padding:3px;background:conic-gradient(var(--c),#F4C20D,var(--c));display:grid}
.fp-st .ring i{display:grid;place-items:center;border-radius:50%;background:#1d1a14;font-style:normal;font-size:24px;border:2px solid #131410}
.fp-st.on .ring{box-shadow:0 0 0 2px #fff}
.fp-st .ring em{position:absolute;right:-4px;top:-4px;background:#E5484D;color:#fff;font-style:normal;font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px;border:2px solid #131410}
.fp-st small{font-size:10.5px;font-weight:700;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fp-tabs{display:flex;gap:6px;overflow-x:auto;position:sticky;top:-12px;z-index:2;background:#131410;padding:6px 0;scrollbar-width:none}
.fp-tabs button{flex:none;font:inherit;font-size:13px;font-weight:800;padding:7px 13px;border-radius:20px;border:2px solid #3a3730;background:#1d1a14;color:#cfc8b0;cursor:pointer}
.fp-tabs button[aria-pressed=true]{background:#F4C20D;border-color:#F4C20D;color:#131410}
.fp-list{display:grid;gap:12px}
.fp-filter{margin:0;font-size:12px;color:#F4C20D}
.fc{background:#F3EEE2;color:#131410;border-radius:14px;overflow:hidden;border-left:6px solid var(--c);box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:pointer;display:grid;gap:8px;padding:12px 12px 10px}
.fc.hero{border:3px solid var(--c);box-shadow:0 0 0 3px rgba(244,194,13,.3),0 10px 26px rgba(0,0,0,.45)}
.fc-kick{font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--c)}
.fc-h{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}
.fc-emo{width:44px;height:44px;border-radius:12px;background:var(--c);display:grid;place-items:center;font-size:24px}
.fc.hero .fc-emo{width:54px;height:54px;font-size:30px}
.fc-hd{display:grid;gap:2px;min-width:0}.fc-hd b{font-size:15.5px;line-height:1.2}.fc.hero .fc-hd b{font-size:18px}.fc-hd small{font-size:11.5px;color:#5e5c52}
.fc-badge{font-size:10px;font-weight:900;letter-spacing:.08em;padding:3px 7px;border-radius:4px;align-self:start}
.fc-badge.new{background:#E5484D;color:#fff;animation:gpulse 1.2s infinite}.fc-badge.v{background:#cfeedd;color:#155c3b}.fc-badge.u{background:#e4ddcc;color:#5e5c52}
.fc-chips{display:flex;flex-wrap:wrap;gap:5px}.fc-chips span{font-size:11.5px;font-weight:700;background:#e9e2d0;border-radius:12px;padding:3px 9px}
.fc-chips .sev{color:#fff;background:#E0A422}.fc-chips .sev.s2{background:#E8731C}.fc-chips .sev.s3{background:#C2261E}
.fc-note{margin:0;font-size:15px;line-height:1.4;font-weight:600}
.fc-img{width:100%;max-height:260px;object-fit:cover;border-radius:10px;display:block}
.fc-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-top:1px dashed #d8d0bd;padding-top:8px}
.fc-act>button{font:inherit;font-size:12.5px;font-weight:800;border:2px solid #d8d0bd;background:#fff;border-radius:18px;padding:5px 10px;cursor:pointer;color:#131410}
.fc-act>button b{margin-left:3px}.fc-act .yes.picked{background:#cfeedd;border-color:#3FB37F}.fc-act .no.picked{background:#f7d3d3;border-color:#E5484D}
.fc-act>button:disabled{opacity:.6;cursor:default}
.fc-re{display:flex;gap:2px;margin-left:auto}.fc-re button{display:flex;align-items:center;gap:1px;background:none;border:0;border-radius:14px;padding:3px 5px;cursor:pointer;font:inherit;font-size:16px;color:#131410}
.fc-re button b{font-size:11px}.fc-re button.on{background:#fff3c4}
.fc-act .fc-more{border:0;background:none;font-size:16px;padding:3px 4px}
.fx{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;background:#1d1a14;border:2px solid var(--c,#3a3730);border-radius:12px;padding:10px;cursor:pointer}
.fx-emo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.08)}
.fx b{font-size:14px;display:block}.fx small{font-size:11.5px;color:#cfc8b0}
.fx>button{background:var(--c,#F4C20D);color:#fff;border:0;border-radius:8px;padding:8px 10px;font-family:var(--display);font-size:11px;cursor:pointer;white-space:nowrap}
.fx.lb small{white-space:normal}
.fp-empty{background:#1d1a14;border:2px dashed #3a3730;border-radius:14px;padding:18px;text-align:center;display:grid;gap:8px}
.fp-empty .big{font-size:42px}.fp-empty p{margin:0;font-size:13.5px;color:#cfc8b0}
.fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fp-ph{position:relative;padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:1;background:#2a2822;cursor:pointer}.fp-ph img{width:100%;height:100%;object-fit:cover}
.fp-ph span{position:absolute;left:0;right:0;bottom:0;padding:6px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));text-align:left}
.fp-fab{position:absolute;right:16px;bottom:16px;z-index:3;background:#F4C20D;color:#131410;border:3px solid #131410;border-radius:30px;padding:12px 18px;font-family:var(--display);font-size:14px;box-shadow:0 6px 0 #9c7c06,0 10px 24px rgba(0,0,0,.5);cursor:pointer}
#tabFeed[aria-current=true]{color:var(--danfo)}
.rp-loc{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;background:#fff;border:2px solid #d8d0bd;border-radius:10px;padding:8px 10px;margin:4px 0 10px}
.rp-loc>span{font-size:20px}.rp-loc b{font-size:14px;display:block}.rp-loc small{font-size:11.5px;color:#5e5c52}
.rp-loc button{font:inherit;font-size:12px;font-weight:800;background:#3D63C4;color:#fff;border:0;border-radius:6px;padding:6px 9px;cursor:pointer}
.rp-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rp-t{display:grid;justify-items:center;gap:4px;padding:12px 4px 10px;border-radius:14px;border:3px solid var(--c);background:#fff;cursor:pointer;font:inherit;color:#131410;transition:transform .1s}
.rp-t:active{transform:scale(.95)}.rp-t span{font-size:30px;line-height:1}.rp-t b{font-size:12.5px;line-height:1.15;text-align:center}
.rp-quick.small .rp-t{padding:8px 4px}.rp-quick.small .rp-t span{font-size:22px}.rp-quick.small .rp-t b{font-size:11.5px}
.rp-more{margin:10px 0 4px}.rp-more summary{cursor:pointer;font-weight:800;font-size:14px;padding:6px 0}
.rp-hd{display:flex;align-items:center;gap:10px;margin:2px 0 6px}.rp-hd span{font-size:40px}.rp-hd b{font-family:var(--display);font-weight:400;font-size:24px}
.rp-sev{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rp-sev button{font:inherit;font-size:12.5px;font-weight:800;padding:10px 6px;border-radius:10px;border:2px solid #d8d0bd;background:#fff;cursor:pointer;color:#131410}
.rp-sev button[aria-pressed=true].s1{background:#F4C20D;border-color:#b58e12}.rp-sev button[aria-pressed=true].s2{background:#E8731C;border-color:#a8500f;color:#fff}.rp-sev button[aria-pressed=true].s3{background:#C2261E;border-color:#7d1712;color:#fff}
.rp-done{position:relative;display:grid;justify-items:center;gap:4px;padding:10px 0 4px}
.rp-done .big{font-size:64px;animation:popin .5s cubic-bezier(.2,1.6,.4,1)}.rp-done b{font-family:var(--display);font-weight:400;font-size:22px;color:#2b8a5e}
.rp-done .burst{position:absolute;left:50%;top:44px;width:0;height:0}
.rp-done .burst i{position:absolute;width:8px;height:14px;border-radius:2px;transform:rotate(var(--a)) translateY(0);animation:burst .9s ease-out var(--d) forwards;opacity:1}
@keyframes burst{to{transform:rotate(var(--a)) translateY(-90px);opacity:0}}
/* ---------- cleaner PLAY screen ---------- */
body.playing .hud-main{padding:5px 12px 3px}
body.playing .score{font-size:24px}
body.playing .rank i{width:80px}
body.playing .rank em{font-size:9px}
body.playing .hud-stats{padding:4px 12px;font-size:11px;gap:3px 12px}
body.playing .stat label{font-size:9px}
body.playing .stripe{height:5px}
body.playing .ticker{padding:3px 12px;min-height:22px;font-size:11px}
body.playing .under{padding:6px 10px;gap:6px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}
body.playing .under>*{flex:0 0 100%}
body.playing .under>.cashpill,body.playing .under>.rushpill{flex:0 0 auto;width:auto;display:flex;align-items:center;padding:4px 11px;border-radius:20px}
body.playing .cashpill span,body.playing .rushpill span{display:none}
body.playing .cashpill b,body.playing .rushpill b{font-size:11.5px}
body.playing .goal{padding:8px 10px;grid-template-columns:40px minmax(0,1fr) auto;gap:8px}
body.playing .goal .cmp{width:40px;height:40px}.body.playing .goal .cmp svg{width:28px;height:28px}
body.playing .goal.slim{padding:5px 10px;grid-template-columns:30px minmax(0,1fr) auto;opacity:.95}
body.playing .goal.slim .cmp{width:30px;height:30px}
body.playing .goal.slim .cmp svg{width:22px;height:22px}
body.playing .goal.slim #goalS,body.playing .goal.slim .gk,body.playing .goal.slim #goalSteps{display:none}
body.playing .toasts .toast:nth-child(n+2){display:none}
.hud:has(.toasts:not(:empty)){z-index:12}
body.playing .toast{font-size:12px;padding:6px 10px}
body.playing .gbanner{top:31%}
body.playing .gbanner b{font-size:clamp(20px,6vw,28px)}
body.playing .side{gap:6px}
body.playing .sbtn{width:44px;height:44px;opacity:.93}
body.playing .sbtn.small{font-size:9px}
body.playing #zin{border-radius:6px 6px 0 0;margin-bottom:-6px;border-bottom-width:1px}
body.playing #zout{border-radius:0 0 6px 6px;border-top-width:1px}
.jhint{transition:opacity .6s}
#btnRadio.on{background:#C2409B;border-color:#fff;animation:gpulse 1.6s infinite}
.arr-hd{display:grid;justify-items:center;gap:4px;margin:4px 0 2px}
.arr-hd .stamp{font-size:34px;color:#2E9C6B;animation:popin .45s cubic-bezier(.2,1.6,.4,1)}
.arr-stars{display:flex;gap:6px;font-size:34px;line-height:1}
.arr-stars span{color:#d8d0bd;transform:scale(0);animation:starin .4s cubic-bezier(.2,1.6,.4,1) forwards}
.arr-stars span.on{color:#F4C20D;text-shadow:0 2px 0 #b58e12}
@keyframes starin{to{transform:scale(1)}}
.arr-sub{font-size:14px;margin:2px 0 8px}
.arr-rows{display:grid;gap:4px;background:#fff;border:2px solid #d8d0bd;border-radius:10px;padding:8px 12px;margin-bottom:8px}
.arr-rows div{display:flex;justify-content:space-between;font-size:14px}.arr-rows b{font-family:var(--mono,monospace)}
.arr-rows .tot{border-top:2px dashed #d8d0bd;padding-top:6px;margin-top:2px;font-weight:900;font-size:17px}.arr-rows .tot b{color:#2b8a5e}
.arr-streak{font-size:13px;font-weight:800;color:#b26b00;margin:0 0 8px}
.arr-bar{height:4px;background:#e4ddcc;border-radius:2px;overflow:hidden;margin:2px 0 8px}.arr-bar i{display:block;height:100%;background:#2E9C6B;animation:arrbar 6.5s linear forwards;width:100%}
@keyframes arrbar{to{width:0}}
.action.nearme{bottom:auto;transform:translate(-50%,0);animation:actpop .25s ease-out}
.action.nearme::before{content:'';position:absolute;left:50%;top:-7px;margin-left:-7px;border:7px solid transparent;border-top:0;border-bottom-color:var(--danfo)}
.action.alight.nearme::before{border-bottom-color:var(--jam)}
@keyframes actpop{from{transform:translate(-50%,8px);opacity:0}}
.mv-hot{font-weight:800;color:#1E4FA8;margin:2px 0 8px}
.mv-films{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.mv-film{flex:none;min-width:130px;background:#131410;color:#fff;border-radius:10px;padding:10px;border-bottom:4px solid #2F7FD0}.mv-film b{display:block;font-size:14px}.mv-film small{font-size:11px;opacity:.75}
.mv-trip{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;background:#fff;border:2px solid #d8d0bd;border-radius:10px;padding:8px 10px;margin:4px 0 6px}
.mv-trip span{grid-row:span 2;font-size:22px}.mv-trip b{font-size:14px}.mv-trip small{font-size:12px;color:#5e5c52}
.mv-show{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#fff;border:2px solid #d8d0bd;border-left:5px solid #1E4FA8;border-radius:8px;padding:8px 10px;margin:6px 0}
.mv-show b{font-size:15px;display:block}.mv-show small{font-size:11.5px;color:#5e5c52}
.mv-times{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.mv-times em{font-style:normal;font-size:12px;font-weight:800;background:#e7eefb;color:#1E4FA8;border-radius:10px;padding:2px 8px}
.mv-show button{font:inherit;font-weight:800;border:2px solid #d8d0bd;background:#fff;border-radius:16px;padding:5px 10px;cursor:pointer}.mv-show button i{font-style:normal}
.admpage{position:absolute;inset:0;z-index:32;background:#131410;color:#F3EEE2;display:flex;flex-direction:column;animation:fpin .25s ease-out;font-family:Archivo,sans-serif}
.admpage[hidden]{display:none}
.adm-top{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 10px;border-bottom:3px solid #F4C20D}
.adm-top div{flex:1;min-width:0;display:grid}.adm-top b{font:16px Bungee,sans-serif;color:#F4C20D;letter-spacing:.02em}.adm-top small{font:600 11px 'IBM Plex Mono',monospace;color:#b9b4a4}
.adm-x{width:38px;height:38px;border-radius:50%;border:2px solid #F3EEE2;background:none;color:#F3EEE2;font-size:16px;cursor:pointer}
.adm-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px;border-bottom:1px solid #2c2d27;scrollbar-width:none;flex:none}.adm-tabs::-webkit-scrollbar{display:none}
.adm-tab{flex:none;padding:8px 12px;border-radius:999px;border:2px solid #3a3b33;background:#1d1e19;color:#F3EEE2;font:700 13px Archivo,sans-serif;cursor:pointer;white-space:nowrap}
.adm-tab[aria-selected=true]{background:#F4C20D;color:#131410;border-color:#F4C20D}
.adm-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 14px calc(env(safe-area-inset-bottom,0px) + 30px)}
.adm-in{max-width:760px;margin:0 auto}
.adm-h{font:15px Bungee,sans-serif;margin:20px 0 4px;color:#F3EEE2}.adm-sub,.adm-tip{color:#b9b4a4;font-size:13px;line-height:1.45;margin:2px 0 10px}.adm-tip{margin-top:14px}
.adm-warn{background:#3a2a0a;border:2px solid #E0A422;color:#F4C20D;border-radius:8px;padding:10px 12px;font-size:13px;margin:14px 0 0}
.adm-empty{color:#8f8b7d;font-size:14px;padding:16px 0}
.adm-alert{display:block;width:100%;text-align:left;margin:8px 0 0;padding:11px 12px;border-radius:8px;border:2px solid #E5484D;background:#3a1416;color:#fff;font:700 14px Archivo,sans-serif;cursor:pointer}
.adm-alert.soft{border-color:#E0A422;background:#2b2410}
.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}
.prz-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:end;border-top:1px solid #2c2d27;padding-top:8px;margin-top:8px}.prz-row label:nth-child(4){grid-column:span 2}.prz-row label{font-size:11px}.prz-row .adm-b{grid-column:span 5;justify-self:start}@media(max-width:560px){.prz-row{grid-template-columns:1fr 1fr}.prz-row label:nth-child(3),.prz-row label:nth-child(4){grid-column:span 2}.prz-row .adm-b{grid-column:span 2}}
.inv-link{border:2px dashed #3FB37F;border-radius:10px;padding:10px 12px;margin:8px 0;display:grid;gap:2px;word-break:break-all}.inv-link b{font-size:15px}.inv-link span{font-family:var(--mono,monospace);font-size:12px;opacity:.75}
.think-bar{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 205px + var(--tabh,60px));transform:translate(-50%,10px);max-width:min(92vw,520px);background:rgba(19,20,16,.86);color:#F3EEE2;font:italic 600 14px/1.35 Archivo,sans-serif;padding:8px 14px;border-radius:14px;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none;z-index:7;text-align:center}.think-bar.on{opacity:1;transform:translate(-50%,0)}
.talk-log{display:grid;gap:6px;max-height:42vh;overflow:auto;padding:4px 0}.talk-m{padding:8px 12px;border-radius:12px;max-width:86%;font-size:14px;line-height:1.35}.talk-m.them{background:#ece6d6;color:#131410;justify-self:start;border-bottom-left-radius:3px}.talk-m.me{background:#2F5FB0;color:#fff;justify-self:end;border-bottom-right-radius:3px}
.talk-sug{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.talk-chip{border:2px solid #131410;background:#fff;border-radius:999px;padding:6px 10px;font:600 12px Archivo,sans-serif;cursor:pointer}.talk-f{display:flex;gap:6px;margin:6px 0}.talk-f input{flex:1;min-width:0;border:2px solid #131410;border-radius:10px;padding:9px 10px;font:500 14px Archivo,sans-serif}
/* location prices, advertise flow, partner plans */
.px-list{display:grid;gap:6px;margin:8px 0}
.px-row{display:flex;gap:10px;align-items:center;justify-content:space-between;text-align:left;padding:10px 12px;border:2px solid #131410;border-radius:10px;background:#fff;color:#131410;cursor:pointer;font-family:Archivo,sans-serif}
.px-row>div{display:grid;gap:2px;min-width:0}.px-row b{font-size:15px}.px-row span,.px-row small{font-size:12px;color:#5a574c}
.px-p{text-align:right;justify-items:end}.px-lv{font-style:normal;font:800 11px 'IBM Plex Mono',monospace;padding:2px 7px;border-radius:999px;background:#eee;white-space:nowrap}
.px-lv.l4{background:#E5484D;color:#fff}.px-lv.l3{background:#F4C20D}.px-lv.l2{background:#cfe9db}.px-lv.l1{background:#e4e2da}
.px-note{background:#fff7d6;border-radius:8px;padding:6px 8px}
.px-bar{display:grid;grid-template-columns:130px 1fr auto;gap:8px;align-items:center;font-size:13px;margin:4px 0}.px-bar i{height:10px;border-radius:5px;background:linear-gradient(90deg,#F4C20D var(--w),#2c2d27 var(--w))}.px-bar b{font:700 12px 'IBM Plex Mono',monospace}
.px-tbl{display:grid;gap:2px;overflow-x:auto;margin:6px 0}.px-tr{display:grid;grid-template-columns:120px minmax(180px,1.6fr) 80px 70px 60px 110px 110px;gap:8px;align-items:center;font-size:12px;padding:6px 4px;border-bottom:1px solid #2c2d27;min-width:780px}
.px-th{font:700 10px 'IBM Plex Mono',monospace;color:#8d8a7c;text-transform:uppercase;letter-spacing:.06em}.px-tr input{width:64px;font:600 13px Archivo,sans-serif;padding:4px;border-radius:6px;border:1px solid #3a3b33;background:#131410;color:#F3EEE2}
.px-a{font-weight:800}.px-f{color:#F4C20D;font-weight:800}.px-ai{margin-top:8px}
.pp-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:8px 0}.pp-plan{border:2px solid #131410;border-radius:10px;padding:8px;background:#fff;display:grid;gap:2px}.pp-plan b{font-size:14px}.pp-plan strong{color:#0a7f7f;font-size:13px}.pp-plan span{font-size:11px;color:#5a574c}
.adm-f .full{grid-column:1/-1}
/* owner dashboard: grouped menu */
.adm-wrap{flex:1;display:flex;min-height:0;position:relative}
.adm-side{width:272px;flex:none;overflow-y:auto;border-right:1px solid #2c2d27;padding:12px 10px 40px;background:#171814}
.adm-wrap .adm-body{flex:1;min-width:0}
.adm-menu{display:none}
.adm-find{width:100%;box-sizing:border-box;font:500 14px Archivo,sans-serif;padding:9px 11px;border-radius:10px;border:2px solid #3a3b33;background:#1d1e19;color:#F3EEE2;margin-bottom:6px}
.adm-grp{margin-top:12px}.adm-grp>small{display:block;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#8d8a7c;margin:0 8px 4px}
.adm-nav{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;width:100%;text-align:left;padding:8px;border-radius:10px;background:none;border:0;color:#F3EEE2;cursor:pointer;margin:1px 0}
.adm-nav[hidden],.adm-grp[hidden]{display:none}
.adm-nav i{font-style:normal;font-size:18px;text-align:center}.adm-nav span{display:grid;min-width:0}.adm-nav b{font:800 14px Archivo,sans-serif}.adm-nav em{font-style:normal;font-size:12px;color:#9a978a;line-height:1.3}
.adm-nav:hover{background:#24251f}.adm-nav[aria-current=page]{background:#F4C20D;color:#131410}.adm-nav[aria-current=page] em{color:#4a4322}
.adm-badge{background:#E5484D;color:#fff;border-radius:999px;font:800 11px Archivo,sans-serif;padding:2px 7px;min-width:12px;text-align:center}
.adm-me{margin-top:18px;padding:10px 8px;border-top:1px solid #2c2d27;display:grid;gap:2px;font-size:12px;color:#9a978a}.adm-me b{color:#F3EEE2;font-size:14px}
.adm-role{font:700 12px 'IBM Plex Mono',monospace;border:1px solid #F4C20D;background:#1d1e19;color:#F4C20D;border-radius:999px;padding:6px 12px;white-space:nowrap;cursor:pointer;max-width:46vw;overflow:hidden;text-overflow:ellipsis}.adm-role:hover{background:#2a2b24}
.me-top{display:flex;gap:14px;align-items:center;margin-bottom:8px}.me-av{width:56px;height:56px;border-radius:50%;background:#F4C20D;color:#131410;display:grid;place-items:center;font:24px Bungee,sans-serif;flex:none}.me-top>div{display:grid;gap:2px}.me-top b{font-size:18px}.me-top span{color:#F4C20D;font-weight:800}.me-top small{color:#9a978a}.adm-role:empty{display:none}
.adm-subtabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px;padding:8px;background:#1d1e19;border:2px solid #2c2d27;border-radius:12px}
.adm-tile.bad{border-color:#E5484D}.adm-tile.bad b{color:#ff8a8d}
.adm-row.pay-act{border-left-color:#E0A422}.adm-sel{font:700 13px Archivo,sans-serif;padding:6px 8px;border-radius:999px;border:2px solid #3a3b33;background:#1d1e19;color:#F3EEE2}
.team-rd{grid-column:1/-1;font-size:13px;color:#cfcab9;background:#24231e;border-radius:8px;padding:8px 10px}
.team-perms{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 12px;margin:6px 0}.team-perms[hidden]{display:none}
.team-pk{display:flex!important;gap:6px;align-items:flex-start;font-size:13px!important;font-weight:500!important;color:#F3EEE2}
.team-out{margin-top:10px}.team-code{display:grid;background:#F4C20D;color:#131410;border-radius:10px;padding:10px 14px;width:max-content}.team-code small{font:700 11px 'IBM Plex Mono',monospace}.team-code b{font:28px Bungee,sans-serif;letter-spacing:.12em}
.team-msg{white-space:pre-wrap;font:500 13px 'IBM Plex Mono',monospace;background:#24231e;border:1px dashed #555;border-radius:8px;padding:10px;color:#F3EEE2}
@media(max-width:899px){
  .adm-menu{display:block;margin:8px 12px 0;padding:10px 14px;border-radius:12px;border:2px solid #F4C20D;background:#1d1e19;color:#F4C20D;font:800 14px Archivo,sans-serif;text-align:left;cursor:pointer;flex:none}
  .adm-side{display:none;position:absolute;inset:6px 0 0;width:auto;z-index:6;border-right:0;box-shadow:0 12px 30px rgba(0,0,0,.5)}
  .admpage.navopen .adm-side{display:block}
}
/* winner claims */
.cl-steps{list-style:none;counter-reset:cl;margin:10px 0 12px;padding:0;display:grid;gap:4px}
.cl-steps li{counter-increment:cl;display:flex;gap:8px;align-items:center;font-size:13px;color:#7E7C70}
.cl-steps li::before{content:counter(cl);flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px Archivo,sans-serif;background:#e4dfd2;color:#7E7C70}
.cl-steps li.done{color:#131410}.cl-steps li.done::before{content:'✓';background:#3FB37F;color:#fff}
.cl-steps li.now{color:#131410;font-weight:800}.cl-steps li.now::before{background:#F4C20D;color:#131410;box-shadow:0 0 0 2px #131410}
.cl-form{display:grid;gap:8px;margin:8px 0}.cl-form label{display:grid;gap:3px;font-size:12px;font-weight:800;color:#131410}
.cl-form input{font:500 15px Archivo,sans-serif;padding:10px;border:2px solid #131410;border-radius:8px;background:#fff;min-width:0}
.cl-two{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media(max-width:420px){.cl-two{grid-template-columns:1fr}}
.cl-prev img{max-width:140px;max-height:160px;border-radius:8px;border:2px solid #131410;display:block}
.cl-art{display:block;width:100%;max-width:360px;margin:8px auto;border-radius:10px;border:3px solid #131410}
.cl-thumb{max-width:160px;border-radius:8px;border:2px solid #131410;display:block;margin:6px 0}
.cl-act{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}.cl-act button{flex:1}
.cl-cap{background:#fff;border:2px dashed #131410;border-radius:8px;padding:8px 10px;margin:8px 0;font-size:13px}.cl-cap p{margin:0 0 4px}
.cl-go{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0}
.cl-sn{display:grid;text-align:center;padding:8px 4px;border:2px solid #131410;border-radius:8px;background:#131410;color:#F4C20D;text-decoration:none}.cl-sn b{font-size:13px}.cl-sn small{color:#F3EEE2;font-size:11px}
.cl-adm{margin-top:10px;border-top:1px dashed #555;padding-top:8px}.cl-adm .eco-box{background:#24231e;border-color:#444;color:#F3EEE2}.cl-adm .eco-row{border-color:#3a3932}.cl-adm .eco-row span{color:#bdb8a6}.cl-adm .eco-row b,.cl-adm .eco-row a{color:#F4C20D}.cl-h{margin:10px 0 4px;font:800 13px Archivo,sans-serif}.cl-h.ok{color:#3FB37F}
.cl-artprev .cl-art{margin:6px 0;max-width:260px}.wk-win{border:1px solid #2c2d27;border-radius:10px;margin:6px 0;padding:0 10px;background:#24231e}.wk-win>summary{cursor:pointer;padding:9px 0;font-weight:800;font-size:14px}.wk-win[open]{padding-bottom:10px}
.lv-msgs{margin-top:4px;display:grid;gap:3px}.lv-msgs p{margin:0;font-size:12px;color:#cfcab9;background:#24231e;border-left:3px solid #E5484D;padding:4px 8px;border-radius:4px}
.cin-badge{display:inline-block;background:#1E4FA8;color:#fff;font:800 12px Archivo,sans-serif;padding:4px 10px;border-radius:999px;margin:2px 0 8px}.cin-f[hidden]{display:none}
.adv-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;padding:8px;border:2px solid #131410;border-left:6px solid var(--c,#131410);border-radius:10px;background:#fff;color:#131410;margin:6px 0;cursor:pointer;font-family:Archivo,sans-serif}
.adv-row .ad-th{width:56px;height:40px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden}.adv-row .ad-th img{width:100%;height:100%;object-fit:cover}.adv-row>div:nth-child(2){display:grid;gap:1px;min-width:0}.adv-row b{font-size:14px}.adv-row span,.adv-row small{font-size:12px;color:#5a574c}.adv-row em{font-style:normal;font:800 11px 'IBM Plex Mono',monospace;color:var(--c)}.adv-row>i{font-style:normal;font-size:22px;color:#7E7C70}
.adv-act{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.adv-act .primary{flex:1 1 100%}
.adv-chart{display:flex;gap:3px;align-items:flex-end;height:110px;padding:6px 0;border-bottom:2px solid #131410}.adv-bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.adv-bar i{display:block;width:100%;background:#F4C20D;border:1px solid #131410;border-radius:3px 3px 0 0;min-height:2px}.adv-bar small{font-size:9px;color:#7E7C70}
.adm-hr{border:0;border-top:2px solid #333;margin:22px 0}
.wk-ban{margin-top:8px;background:linear-gradient(135deg,#131410,#2b2a24);color:#F3EEE2}.wk-ban b{color:#F4C20D}.wk-ban em{color:#F4C20D}
body.inside #nextbar,body.inside #dealFlash,body.inside .rushpill{display:none!important}
#inLeave{display:none;position:fixed;left:12px;top:calc(env(safe-area-inset-top,0px) + 136px);z-index:30;background:#131410;color:#F4C20D;border:2px solid #F4C20D;border-radius:999px;font:800 13px Archivo,sans-serif;padding:9px 16px;letter-spacing:.04em;box-shadow:0 4px 14px rgba(0,0,0,.35);cursor:pointer}
body.inside #inLeave{display:block}
.adm-tile{background:#1d1e19;border:2px solid #2c2d27;border-radius:10px;padding:11px 12px;display:grid;gap:2px;min-width:0}
.adm-tile b{font:20px Bungee,sans-serif;color:#F3EEE2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-tile span{font-weight:700;font-size:13px}.adm-tile small{font:600 11px 'IBM Plex Mono',monospace;color:#8f8b7d}
.adm-tile.gold{border-color:#F4C20D}.adm-tile.gold b{color:#F4C20D}.adm-tile.red{border-color:#E5484D}.adm-tile.red b{color:#ff8a8d}
.adm-chart{background:#1d1e19;border:2px solid #2c2d27;border-radius:10px;padding:10px 12px 8px;margin-top:12px}.adm-ct{font-weight:800;font-size:13px;margin:0 0 6px}
.adm-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;height:120px;align-items:end}
.adm-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px;min-width:0}
.adm-bar i{display:block;width:70%;max-width:34px;background:#F4C20D;border-radius:4px 4px 0 0}.adm-bar em{font:600 11px 'IBM Plex Mono',monospace;font-style:normal;color:#F3EEE2}.adm-bar span{font:600 10px 'IBM Plex Mono',monospace;color:#8f8b7d}
.adm-list{display:grid;gap:6px;margin-top:8px}
.adm-row{display:grid;grid-template-columns:34px 1fr;gap:4px 10px;background:#1d1e19;border:2px solid #2c2d27;border-left:5px solid var(--c,#5e5c52);border-radius:8px;padding:9px 10px}
.adm-row.flag{border-color:#E5484D;border-left-color:#E5484D}
.adm-ic{width:30px;height:30px;border-radius:50%;background:var(--c,#5e5c52);color:#fff;display:grid;place-items:center;font:700 12px Archivo,sans-serif;font-style:normal}
.adm-tx{min-width:0}.adm-tx b{display:block;font-size:14px}.adm-tx p{margin:2px 0;font-size:13px;color:#e4dfcf;word-break:break-word}.adm-tx small{display:block;font:600 11px 'IBM Plex Mono',monospace;color:#8f8b7d;margin-top:2px}
.adm-ph{display:block;max-width:100%;max-height:220px;border-radius:6px;margin-top:6px}
.adm-act{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}.adm-act:empty{display:none}
.adm-b{padding:7px 11px;border-radius:999px;border:2px solid #F3EEE2;background:none;color:#F3EEE2;font:700 12px Archivo,sans-serif;cursor:pointer}
.adm-b.bad{border-color:#E5484D;color:#ff8a8d}.adm-b.arm{background:#E5484D;color:#fff}.adm-b.on{background:#F3EEE2;color:#131410}.adm-b:disabled{opacity:.6}
.adm-filt,.adm-tools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.adm-tools{margin-top:18px}
.adm-q{width:100%;box-sizing:border-box;margin-top:10px;padding:10px 12px;border-radius:8px;border:2px solid #3a3b33;background:#1d1e19;color:#F3EEE2;font:600 14px Archivo,sans-serif}
.adm-in .adlist{margin-top:8px}.adm-in .obj.dealfill{margin-top:8px;color:#131410}
.adm-card{background:#1d1e19;border:2px solid #2c2d27;border-radius:12px;padding:12px;margin-top:12px}
.adm-card h4{margin:0 0 4px;font:800 15px Archivo,sans-serif;color:#F3EEE2}.adm-card .adm-sub{margin:0 0 8px}.adm-card .adm-list,.adm-card .adlist{margin-top:6px}
.adm-tog{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #2c2d27}.adm-card .adm-tog:first-of-type{border-top:0}
.adm-in>.adm-tog{background:#1d1e19;border:2px solid #2c2d27;border-radius:10px;padding:10px 12px;margin-top:10px}
.adm-tog>div{flex:1;min-width:0;display:grid;gap:2px}.adm-tog b{font-size:14px}.adm-tog small{color:#8f8b7d;font-size:12px;line-height:1.35}
.adm-sw{flex:none;width:52px;height:30px;border-radius:999px;border:2px solid #5e5c52;background:#2c2d27;position:relative;cursor:pointer;padding:0}
.adm-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#8f8b7d;transition:left .15s}
.adm-sw[aria-checked=true]{background:#2F9E44;border-color:#2F9E44}.adm-sw[aria-checked=true] i{left:25px;background:#fff}.adm-sw:disabled{opacity:.5}
.adm-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}
.adm-qa{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:10px;border:2px solid #F4C20D;background:#2b2410;color:#F3EEE2;font:700 13px Archivo,sans-serif;cursor:pointer;line-height:1.25}
.adm-qa i{font-style:normal;font-size:20px}.adm-qa:active{transform:scale(.98)}
.adm-f{display:grid;gap:10px;margin-top:6px}.adm-f.two{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:end}.adm-f.two .adm-b{justify-self:start}
.adm-f label{display:grid;gap:4px;font-size:12px;font-weight:700;color:#b9b4a4}
.adm-f input,.adm-f select{width:100%;box-sizing:border-box;padding:9px 10px;border-radius:8px;border:2px solid #3a3b33;background:#131410;color:#F3EEE2;font:600 14px Archivo,sans-serif}
.adm-f .adm-b{justify-self:start}
.adm-top-act{margin-top:10px}.adm-back{margin-top:14px}
button.adm-tile{text-align:left;cursor:pointer;font:inherit;color:inherit}button.adm-tile:hover{border-color:#5e5c52}
.adm-tx.adm-link{cursor:pointer}.adm-tx.adm-link b{text-decoration:underline;text-decoration-color:#5e5c52;text-underline-offset:3px}
.adm-in .adrow .adm-act{grid-column:1/-1;margin-top:6px}
.admform select,.admform textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:6px;border:2px solid var(--tar,#131410);font:600 15px Archivo,sans-serif;background:#fff;color:#131410}
.admform input[type=color]{height:42px;padding:2px}.admform .adm-hint{display:block;font-weight:500;color:#5e5c52;font-size:12px;margin-top:2px}
.alertbar.annbar{position:relative;padding-right:36px;background:#131410;color:#F3EEE2;border:2px solid #F4C20D;animation:none;cursor:pointer}
.annbar b{color:#F4C20D}.alertbar.annbar b::before{content:none}.annbar span{font-size:12px;opacity:1}.annbar i{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-style:normal;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12)}
.alertbar.annbar.alert{background:#E5484D;border-color:#131410;color:#fff}.annbar.alert b{color:#fff}.alertbar.annbar.promo{background:#F4C20D;color:#131410;border-color:#131410}.annbar.promo b{color:#131410}
.admpick{position:absolute;left:12px;right:12px;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px) + 14px);z-index:31;background:#131410;color:#F3EEE2;border:3px solid #F4C20D;border-radius:12px;padding:12px;display:grid;gap:6px;box-shadow:0 12px 30px rgba(0,0,0,.5);max-width:520px;margin:0 auto}
.admpick[hidden]{display:none}.admpick b{font:15px Bungee,sans-serif;color:#F4C20D}.admpick span{font-size:13px;color:#b9b4a4}.admpick div{display:flex;gap:8px;margin-top:4px}
.admpick button{padding:10px 14px;border-radius:999px;border:2px solid #F3EEE2;background:none;color:#F3EEE2;font:800 13px Archivo,sans-serif;cursor:pointer}.admpick .ok{background:#F4C20D;border-color:#F4C20D;color:#131410}
body.admpicking .controls .side,body.admpicking #fmBar,body.admpicking .dealflash{visibility:hidden}
#btn3d.on{background:#F4C20D;color:#131410;border-color:#131410}#btn3d.new::after{content:'NEW';position:absolute;top:-7px;right:-6px;background:#E5484D;color:#fff;font:800 8px Archivo,sans-serif;padding:2px 4px;border-radius:6px}#btn3d{position:relative}
body.v3d .controls .sbtn{box-shadow:0 2px 10px rgba(0,0,0,.35)}
body.v3d.playing .dealflash{width:min(236px,calc(100% - 150px))}
#btnMoney{background:#F4C20D;color:var(--tar);border-color:#131410}#btnMoney.due{animation:mnpulse 1.4s ease-in-out infinite}@keyframes mnpulse{50%{box-shadow:0 0 0 5px rgba(244,194,13,.35)}}
.eco-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid #ddd5c2;font-size:14px}.eco-row:last-child{border-bottom:0}.eco-row b{font-family:var(--mono);font-size:13px;font-weight:600;white-space:nowrap}.eco-row.up b{color:#1f7a50}.eco-row.down b{color:#a3282c}
.eco-box{background:#fff;border:2px solid var(--tar);border-radius:4px;padding:4px 12px}
.eco-lab{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.eco-note{font-size:13px!important;color:#5e5c52}.eco-warn{font-size:14px!important;color:#a3282c;font-weight:700}
.eco-steps{display:grid;gap:10px}.eco-step{display:flex;gap:10px;align-items:flex-start}.eco-step i{font-style:normal;font-size:20px;line-height:1.2;width:26px;text-align:center;flex:none}.eco-step b{display:block;font-size:15px}.eco-step span{font-size:13px;color:#4b4a42;line-height:1.35}
.eco-chips{display:flex;flex-wrap:wrap;gap:6px}.eco-chips .chip{background:#fff;color:var(--tar);border:2px solid var(--tar);border-radius:16px;padding:6px 10px;font-size:12px;font-weight:700}.eco-chips .chip[aria-pressed="true"]{background:var(--tar);color:var(--danfo)}
.eco-back{background:none;border:0;color:#4b4a42;font-weight:700;font-size:13px;text-decoration:underline;padding:4px;justify-self:center}
.eco-list{display:grid;gap:6px}.eco-prop{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;background:#fff;border:2px solid var(--tar);border-radius:4px;padding:9px 11px}.eco-prop b{display:block;font-size:14px}.eco-prop span{font-size:12px;color:#4b4a42}.eco-prop i{font-style:normal;font-family:var(--mono);font-size:12px;font-weight:600;color:#1f7a50;white-space:nowrap}
.eco-rich{display:grid;border:2px solid var(--tar);border-radius:4px;background:#fff;overflow:hidden}.eco-rr{display:grid;grid-template-columns:34px 1fr auto;gap:8px;padding:7px 11px;border-bottom:1px solid #e4ddcc;font-size:14px;align-items:baseline}.eco-rr:last-child{border-bottom:0}.eco-rr i{font-style:normal;font-family:var(--mono);font-size:12px;color:#5e5c52}.eco-rr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco-rr b{font-family:var(--mono);font-size:13px;font-weight:600}.eco-rr.me{background:#fff3c2;font-weight:800}
.eco-hust{display:grid;gap:8px}.eco-hc{display:flex;gap:10px;align-items:center;background:#fff;border:2px solid var(--tar);border-radius:4px;padding:10px 11px}.eco-hc.on{background:#fff3c2}.eco-hc>div{flex:1;display:grid;gap:3px}.eco-hc b{font-size:15px}.eco-hc span{font-size:13px;color:#33322c;line-height:1.35}.eco-hc small{font-family:var(--mono);font-size:11px;color:#5e5c52;line-height:1.35}
.pz-ban{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;background:linear-gradient(135deg,#F4C20D,#ffdd55);color:#131410;border:3px solid #131410;border-radius:10px;padding:10px 12px;box-shadow:3px 3px 0 #131410}
.pz-ban b{font-family:var(--display);font-weight:400;font-size:17px;grid-column:1}.pz-ban span{font-size:13px;grid-column:1}.pz-ban small{font-size:12px;font-weight:800;grid-column:1}.pz-ban em{grid-column:2;grid-row:1/4;align-self:center;font-style:normal;font-weight:800;font-size:12px;text-decoration:underline}
.nb-card.pz{background:#131410;color:#F4C20D;border-color:#F4C20D}.nb-card.pz span{color:#F3EEE2}
.pz-rules{margin:0;padding-left:20px;display:grid;gap:6px;font-size:13.5px;line-height:1.4}.pz-flags{font-size:12px;margin-top:4px}.pz-flags p{margin:2px 0;color:#8f2427}
.mg-cv{width:100%;height:auto;border-radius:10px;border:3px solid #131410;touch-action:manipulation;display:block;cursor:pointer}
.mg-info{font-family:var(--mono);font-size:13px!important;color:#4b4a42;min-height:18px}.mg-q{font-weight:800;font-size:16px!important}
.mg-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mg-tool{font-size:34px;padding:12px 0;border:3px solid #131410;border-radius:10px;background:#fff;transition:transform .1s}.mg-tool.hit{transform:scale(.9);background:#fff3c2}
.mg-tools-show{font-size:64px;text-align:center;min-height:84px;line-height:84px;background:#131410;border-radius:12px;color:#fff}.mg-tools-show.pulse{animation:mgp .45s}@keyframes mgp{0%{transform:scale(.6);opacity:.3}100%{transform:scale(1)}}
.mg-opts{display:grid;gap:8px}.mg-hand{display:flex;flex-wrap:wrap;gap:6px}.mg-pile{display:flex;justify-content:center}
.whot{width:58px;height:82px;border-radius:8px;border:3px solid var(--wc);background:#fff;display:grid;place-items:center;align-content:center;gap:2px;color:var(--wc);padding:0}.whot i{font-style:normal;font-size:22px}.whot b{font-size:18px;font-weight:900}.whot.big{width:84px;height:118px}.whot.big i{font-size:34px}.whot.no{opacity:.45}.whot.can{box-shadow:0 0 0 3px #F4C20D}
.dc-streak{font-family:var(--display);font-size:18px!important}.nb-card.dc{background:#F4C20D}
.alertbar.cal{background:#123a22;border-color:#3FB37F;animation:none}.alertbar.cal b::before{content:none}.sp-chip{display:inline-block;color:#fff;font-weight:800;font-size:10px!important;letter-spacing:.04em;padding:2px 7px;border-radius:10px;margin-top:3px;justify-self:start}.mg-code{background:#131410;color:#7CE0A6;font-family:var(--mono);font-size:12px;border-radius:8px;padding:10px;min-height:90px;margin:0;white-space:pre-wrap}.choice.no{background:#f7d3d3}
#bcCross{position:fixed;inset:0;z-index:60;background:rgba(10,20,26,.72);display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}#bcCross .bcx-card{width:min(560px,100%);background:#131410;border:2px solid #4FC3F7;border-radius:16px;padding:12px;color:#F3EEE2;display:grid;gap:8px;text-align:center;font-family:Archivo,sans-serif}#bcCross b{font:800 16px Archivo,sans-serif}#bcCross canvas{width:100%;height:auto;border-radius:10px;display:block}#bcCross span{font-size:13px;opacity:.85}.nb-card.beach{background:#dff1f7}
.rp-gh{margin:12px 0 6px!important}.rp-game{background:#e8f1ff;border-left:4px solid #1F6FB2;padding:8px 10px;border-radius:8px;color:#131410}.lt-grp{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.lt-grp .fchip{margin:0}.fp-tabs button{flex:none}
.ltabs button#tabLove{background:#C2409B;color:#fff;border-color:#131410}.nb-card.love{background:#fde3f1}.lv-chat{display:flex;flex-direction:column;gap:6px;margin:10px 0}.lv-b{align-self:flex-start;max-width:85%;background:#efe6f2;color:#131410;border-radius:14px 14px 14px 4px;padding:8px 11px;font-size:14px;line-height:1.35}.lv-b.me{align-self:flex-end;background:#C2409B;color:#fff;border-radius:14px 14px 4px 14px}.lv-b.sys{align-self:center;background:#131410;color:#F4C20D;font-weight:800;font-size:12px}.lv-pic{width:100%;max-width:320px;display:block;margin:8px auto;border-radius:14px}.lv-card{border-radius:18px;overflow:hidden;border:2px solid #131410;background:#fff;margin:8px 0}.lv-card canvas{width:100%;display:block}.lv-info{padding:10px 12px}.lv-info b{font:800 20px Archivo,sans-serif;display:block}.lv-info span{font-size:13px;opacity:.75}.lv-info p{margin:6px 0;font-size:14px}.lv-tags{display:flex;flex-wrap:wrap;gap:6px}.lv-tags i{font-style:normal;font-size:12px;background:#f3eee2;border-radius:10px;padding:3px 8px}.lv-swipe{display:flex;justify-content:center;gap:28px;margin:8px 0}.lv-swipe button{width:64px;height:64px;border-radius:50%;border:3px solid #131410;font-size:26px;font-weight:900}.lv-no{background:#fff;color:#E5484D}.lv-yes{background:#3FB37F;color:#fff}.lv-tips{margin:8px 0 8px 18px;padding:0;font-size:14px;line-height:1.45}.lv-tips li{margin:4px 0}
.lv-head{display:flex;gap:10px;align-items:center;margin:6px 0}.lv-head canvas{width:64px;height:64px;border-radius:50%;border:2px solid #C2409B}.lv-head b{display:block;font:800 18px Archivo,sans-serif}.lv-head span{font-size:12px;opacity:.75}.lv-scroll{max-height:38vh;overflow-y:auto;padding:4px;background:#faf6f0;border-radius:12px}.lv-b.act{background:#fff3c2;font-weight:700}.lv-b.me.act{background:#8B2F72}.lv-act{display:flex;gap:6px;justify-content:center;margin:2px 0 6px}.lv-form{display:flex;gap:6px;margin:8px 0}.lv-form input{flex:1;min-width:0;border:2px solid #131410;border-radius:10px;padding:9px 10px;font:600 15px Archivo,sans-serif}.lv-safe{display:flex;gap:14px;justify-content:center;margin:6px 0}.lv-safe .small-link{color:#8f2427}
.ridebar{position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--nbbot,150px) + 4px);z-index:14;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;max-width:min(92%,420px);text-align:left;background:#131410;color:#F3EEE2;border:2px solid #F4C20D;border-radius:14px;padding:7px 12px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.ridebar i{grid-row:span 2;font-style:normal;font-size:22px}.ridebar b{font:800 14px Archivo,sans-serif}.ridebar span{font-size:12px;opacity:.85}body:not(.nb-on) .ridebar{top:150px}.ltabs button#tabGames{background:#2F5FB0;color:#fff;border-color:#131410}.nb-card.tbc{background:#dbe6fb}.tb-strip{display:flex;gap:6px;overflow-x:auto;margin:6px 0}.tb-p{flex:1 0 74px;text-align:center;border:2px solid #d8d2c4;border-radius:12px;padding:4px;background:#fff;border-top:5px solid var(--pc,#d8d2c4)}.tb-p.on{border-color:#F4C20D;box-shadow:0 0 0 2px #F4C20D}.tb-p.win{border-color:#3FB37F}.tb-p canvas{width:40px;height:40px;border-radius:50%}.tb-p b{display:block;font:800 12px Archivo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-p span{font-size:11px;opacity:.7}.tb-log{font-weight:700;margin:4px 0;min-height:1.3em}.tb-board{width:100%;max-width:360px;display:block;margin:6px auto;border-radius:12px;border:2px solid #131410;touch-action:manipulation}.tb-ctl{margin:6px 0}.tb-hand{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0}.tb-card{width:52px;height:72px;border:2px solid #131410;border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--wc);font:900 15px Archivo,sans-serif}.tb-card i{font-style:normal;font-size:24px}.tb-card:disabled{opacity:.35}.tb-shapes{display:flex;gap:6px;justify-content:center}.tb-cheer{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;opacity:.85;min-height:16px}.tb-cheers{display:flex;gap:8px;justify-content:center;margin:6px 0}.tb-cheers button{font-size:22px;background:#fff;border:2px solid #d8d2c4;border-radius:12px;padding:4px 8px}.tb-end{text-align:center;font:900 22px Archivo,sans-serif}
.alertbar.hur{background:#3a1f12;border-color:#F2783B}.alertbar.hur b::before{content:none}.alertbar.hur.good{background:#123a22;border-color:#3FB37F}
.mp-ttl{font-weight:800;font-size:13px!important;color:#8a6d00}
.mp-id{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}.mp-av{width:96px;height:auto;aspect-ratio:120/136;border-radius:10px;border:2px solid var(--tar)}.mp-inf{display:grid;gap:5px;min-width:0}.mp-inf h2{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.mp-vf{font-family:var(--body);font-size:11px;font-weight:800;background:#cfeedd;color:#155c3b;padding:2px 7px;border-radius:10px}.mp-sub{font-size:13px!important;color:#4b4a42;line-height:1.35!important}.mp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mp-stats div{background:#fff;border:2px solid #d8d0bd;border-radius:6px;padding:5px 7px;display:grid}.mp-stats b{font-family:var(--display);font-weight:400;font-size:16px;line-height:1.1}.mp-stats span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5e5c52}
.mp-lines{display:flex;flex-wrap:wrap;gap:6px}.mp-line{background:#fff;border:2px solid var(--tar);border-radius:16px;padding:7px 11px;font-weight:700;font-size:13px}.mp-line:active{background:#fff3c2}.mp-gifts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mp-gifts .eco-go:disabled{opacity:.35}
.eco-go{background:var(--tar);color:var(--danfo);font-family:var(--display);font-size:13px;padding:10px 12px;border-radius:4px;flex:none}
.pl-till{display:flex;justify-content:space-between;align-items:baseline;background:#131410;color:#F3EEE2;border-radius:4px;padding:8px 12px;font-size:13px}.pl-till b{font-family:var(--mono);font-size:15px;color:#7fdcae}
.pl-res{font-weight:700;font-size:15px!important}
.bg-opt.on{background:#fff3c2;border-color:#131410}.bg-opt i{font-size:14px!important;color:#131410!important}
body.playing .scrim.enc{align-items:flex-end;background:linear-gradient(to bottom,rgba(10,11,8,0) 0,rgba(10,11,8,0) 42%,rgba(10,11,8,.55) 100%);-webkit-backdrop-filter:none;backdrop-filter:none}
body.playing .scrim.enc .sheet{max-height:54%}
.ltabs{position:absolute;left:0;top:47%;z-index:12;display:grid;gap:6px}
.ltabs button{width:48px;height:60px;background:var(--tar);color:var(--danfo);border:2px solid var(--kerb);border-left:0;border-radius:0 10px 10px 0;font:800 9px/1.25 var(--body);letter-spacing:.06em;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.ltabs button#tabInvest{background:#F4C20D;color:#131410;border-color:#131410}
.drawer{position:absolute;inset:0;z-index:36;background:rgba(10,11,8,.5);display:flex}
.drawer-in{width:min(90%,400px);height:100%;background:var(--chalk);color:var(--tar);display:flex;flex-direction:column;box-shadow:6px 0 30px rgba(0,0,0,.5);animation:dslide .22s ease-out}
@keyframes dslide{from{transform:translateX(-100%)}}
.drawer-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 14px) 14px 10px;border-bottom:3px solid var(--tar);background:var(--danfo)}
.drawer.inv .drawer-hd{background:#3FB37F}
.drawer-hd b{font-family:var(--display);font-weight:400;font-size:20px}
.drawer-hd button{width:36px;height:36px;border-radius:50%;background:var(--tar);color:var(--chalk);font-size:16px}
.drawer-body{flex:1;overflow:auto;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 30px);display:grid;gap:9px;align-content:start}
.dr-row .eco-go:disabled{opacity:.35}
.dr-dep{display:flex;gap:6px;flex-wrap:wrap}.dr-dep .eco-go{flex:1}
body.playing .scrim.inside{background:#131410;padding:0;align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;animation:goin .5s ease-out}
@keyframes goin{from{background:rgba(19,20,16,0)}}
body.playing .scrim.inside .sheet{margin:0 auto;height:100%;max-height:100%;border-radius:0;box-shadow:none;animation:none;max-width:520px}
body.playing .scrim.inside .sheet > .ar{height:clamp(300px,58vh,640px)}
body.playing .scrim.inside .sheet{max-width:none;width:100%}
body.playing .scrim.inside .sheet-body{max-width:560px;width:100%;margin:0 auto}
@media (min-width:820px){body.playing .scrim.inside .sheet{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:7px minmax(0,1fr)}
  body.playing .scrim.inside .sheet > .ar{grid-column:1;grid-row:1/3;height:auto;min-height:0}
  body.playing .scrim.inside .sheet > .stripe{grid-column:2;grid-row:1}
  body.playing .scrim.inside .sheet-body{grid-column:2;grid-row:2;max-width:none;border-left:3px solid #131410}}
.nextbar{position:absolute;left:8px;right:8px;top:140px;z-index:11;pointer-events:none}
.nb-hd{display:flex;align-items:baseline;gap:8px;margin:0 2px 5px;pointer-events:none}.nb-hd b{font-family:var(--display);font-weight:400;font-size:15px;color:#F4C20D;text-shadow:0 1px 0 #131410,0 0 6px rgba(0,0,0,.6)}.nb-hd span{font-family:var(--mono);font-size:10.5px;color:#F3EEE2;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.nb-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;pointer-events:auto;padding-bottom:4px}.nb-row::-webkit-scrollbar{display:none}
.nb-card{flex:none;width:152px;min-height:76px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:6px;align-content:start;text-align:left;background:#F3EEE2;color:#131410;border:2px solid #131410;border-radius:10px;padding:7px 8px;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.nb-card i{grid-row:span 2;font-style:normal;font-size:19px;line-height:1.1}.nb-card b{font-size:12.5px;line-height:1.2}.nb-card span{font-size:10.5px;color:#4b4a42;line-height:1.3;margin-top:2px}
.nb-card.inv{background:#F4C20D}.nb-card.more{background:#131410;color:#F3EEE2}.nb-card.more span{color:#c9c4b4}
.ltool.admchip{background:#131410;color:#F4C20D;border-color:#F4C20D}
.lgb{text-transform:none!important;font-variant:normal}.lgb-host{font-family:Archivo,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.01em!important}
.promo b.lgb-host{font-size:19px;line-height:1.2}
.promo:empty{display:none}
.cashpill{pointer-events:auto;display:grid;text-align:left;gap:1px;background:#1d1a0c;color:#fff;border:2px solid var(--c,#F4C20D);border-radius:6px;padding:7px 10px;max-width:440px;width:100%;cursor:pointer;font:inherit}
.cashpill b{font-family:var(--display);font-size:14px;color:var(--c,#F4C20D);letter-spacing:.02em}
.cashpill span{font-size:12px;opacity:.85}
.cashpill.live{animation:cashp 1.2s infinite}
.cashpill.done{border-color:#6d6a5c;opacity:.85}.cashpill.done b{color:#cfc8b0}
@keyframes cashp{0%,100%{box-shadow:0 0 0 0 rgba(244,194,13,.55)}50%{box-shadow:0 0 0 6px rgba(244,194,13,0)}}
.cashwin{font-family:var(--display);font-size:44px;line-height:1;color:#C99A00;text-shadow:2px 2px 0 #131410;margin:4px 0}
.qform label.ck{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--tar)}
.qform label.ck input{width:18px;height:18px;padding:0;margin:0}
.alertbar{pointer-events:auto;display:grid;text-align:left;gap:1px;background:#123B45;color:#fff;border:2px solid #2F9FD0;border-radius:6px;padding:7px 10px;max-width:440px;width:100%;animation:gpulse 1.6s infinite}
.alertbar b{font-size:13px;font-weight:800}.alertbar b::before{content:"🌧️ "}.alertbar span{font-size:11px;font-weight:600;opacity:.85}
.tripbar{position:absolute;left:12px;right:12px;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px) + 70px);z-index:7;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:0 8px;background:var(--chalk);color:var(--tar);border:3px solid var(--tar);border-radius:8px;padding:8px 10px;max-width:440px;margin:0 auto;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.tripbar b{font-size:14px;font-weight:800}.tripbar span{grid-column:1;font-size:12px;color:#4b4a42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tripbar i{grid-row:1/3;grid-column:2;font-style:normal;font-weight:800;padding:6px 8px;border-radius:4px;background:#e4ddcc}
.dealflash{position:absolute;left:12px;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px) + 16px);z-index:24;width:min(300px,calc(100% - 90px));background:var(--b,#E5484D);color:#fff;border:3px solid var(--tar);border-radius:8px;padding:8px 30px 8px 10px;display:grid;gap:2px;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.45)}
.dealflash.in{animation:dealin .45s cubic-bezier(.2,1.4,.4,1),dealglow 1s .45s 3}
@keyframes dealin{from{transform:translateX(-120%) rotate(-4deg)}}
@keyframes dealglow{50%{box-shadow:0 0 0 5px rgba(244,194,13,.8),0 10px 26px rgba(0,0,0,.45)}}
.dealflash small{font-family:var(--display);font-size:10px;color:var(--danfo);-webkit-text-stroke:.3px var(--tar)}.dealflash b{font-family:var(--display);font-weight:400;font-size:16px;line-height:1.05}.dealflash span{font-size:12px;font-weight:700;line-height:1.3}.dealflash em{font-style:normal;font-family:var(--mono);font-size:10px;opacity:.9}
.dealflash .df-x{position:absolute;top:4px;right:6px;font-style:normal;font-weight:800;font-size:13px;padding:2px 4px}
body.playing .dealflash{bottom:auto;top:calc(env(safe-area-inset-top,0px) + 250px)}
body.playing.nb-on .dealflash{top:var(--nbbot,300px)}
.battle{display:flex;height:64px;border:3px solid var(--tar);border-radius:8px;overflow:hidden}
.battle>div{display:grid;place-items:center;align-content:center;color:#fff;min-width:0;transition:flex .6s}.battle .bm{background:#E4572E}.battle .bi{background:#2F5FB0}
.battle b{font-family:var(--display);font-weight:400;font-size:22px;line-height:1}.battle span{font-size:10px;font-weight:800;letter-spacing:.12em}
.shareimg{width:100%;height:auto;display:block;border-radius:6px;border:2px solid var(--tar)}
.photobox{display:grid;gap:6px;justify-items:start}.photobox label{cursor:pointer}.photoprev{display:grid;gap:4px;width:100%}.photocv{width:100%;height:auto;border-radius:6px;border:2px solid var(--tar);cursor:crosshair}
.tripform{display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-items:end}
.tripform label{grid-column:1;display:grid;gap:4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5e5c52}
.tripform input{font:inherit;font-size:16px;text-transform:none;letter-spacing:0;font-weight:600;color:var(--tar);background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:10px}
.tripform input:focus{outline:none;border-color:var(--tar)}
.tripform .swap{grid-column:2;grid-row:1/4;align-self:center;background:var(--tar);color:var(--danfo);font-size:18px;font-weight:800;width:40px;height:40px;border-radius:50%}
.sugg{grid-column:1;display:grid;gap:2px}.sugg:empty{display:none}
.sg{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;text-align:left;background:#fff;border:1.5px solid #d8d0bd;border-radius:4px;padding:7px 9px;font-size:14px;font-weight:600}
.sg i{font-style:normal;text-align:center}.sg em{font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;color:#8a8677}
.tripres{display:grid;gap:10px}
.tripopt{position:relative;display:grid;gap:6px;background:#fff;border:2px solid var(--tar);border-radius:8px;padding:12px}
.to-tag{justify-self:start;font-size:10px;font-weight:800;letter-spacing:.1em;background:var(--tar);color:var(--danfo);padding:2px 7px;border-radius:2px}
.to-top{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline}.to-modes{font-size:18px}.to-top b{font-family:var(--display);font-weight:400;font-size:20px}.to-top em{font-style:normal;font-family:var(--mono);font-weight:600;font-size:16px;background:#fff3c4;padding:2px 6px;border-radius:3px}
.to-sub{margin:0;font-size:13px!important;color:#4b4a42}
.to-legs{margin:0;padding-left:18px;display:grid;gap:3px;font-size:13px;line-height:1.35}
.replay{position:absolute;inset:0;z-index:45;background:#131410}.replay canvas{position:absolute;inset:0;width:100%;height:100%}
.rp-bar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.rp-bar span{font-family:var(--display);color:var(--danfo);font-size:14px}.rp-rec{background:#E5484D;color:#fff;font-weight:800;font-size:13px;padding:8px 11px;border-radius:4px}
body.embed .hud,body.embed .tabs,body.embed .controls,body.embed .osm,body.embed #cross,body.embed .action,body.embed .joyzone{display:none!important}
body.embed .osm{display:block!important}
.embedpanel{position:absolute;left:10px;right:10px;bottom:10px;z-index:9;background:var(--chalk);color:var(--tar);border:3px solid var(--tar);border-radius:10px;padding:10px 12px;display:grid;gap:6px;max-height:62%;overflow:auto}
.em-head{display:flex;justify-content:space-between;align-items:baseline}.em-head b{font-family:var(--display);font-weight:400;font-size:18px}.em-head b span{color:#E5484D}.em-head .em-wm{font-style:normal;font-family:Archivo,system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:19px}.em-head small{font-size:11px;font-weight:800;color:#5e5c52}
.em-light{margin:0;font-size:13px;font-weight:700}.em-open{font-weight:800;color:var(--tar);font-size:13px}
.qform{display:grid;gap:8px}
.qform label{display:grid;gap:4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5e5c52}
.qform input,.qform select,.qform textarea{font:inherit;font-size:15px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--tar);background:#fff;border:2px solid #d8d0bd;border-radius:4px;padding:9px 10px}
.qform textarea{min-height:64px;resize:none}
.qform input:focus,.qform select:focus,.qform textarea:focus{outline:none;border-color:var(--tar)}
.qerr{font-size:13px;color:#8f2427;font-weight:700;min-height:16px}
.howlink{background:none;color:var(--danfo);font-weight:800;font-size:14px;text-decoration:underline;text-underline-offset:3px;justify-self:start;padding:4px 0}
.osm{position:absolute;left:6px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:3;font:600 10px/1.2 var(--body,system-ui);color:rgba(243,238,226,.7);background:rgba(19,20,16,.62);padding:2px 6px;border-radius:3px;text-decoration:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.vch-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;color:#131410;border-radius:16px;padding:14px 12px 12px;margin:10px auto;max-width:300px;box-shadow:0 6px 22px rgba(0,0,0,.18);position:relative}
.vch-qr{width:min(240px,70vw);height:auto;image-rendering:pixelated;border-radius:6px}
.vch-inpass .vch-qr{width:min(170px,50vw)}
.vch-code{font:800 26px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em}
.vch-st{font:800 13px/1 system-ui;letter-spacing:.08em;background:#3FB37F;color:#fff;padding:6px 12px;border-radius:99px}
.vch-card small{font-size:12px;color:#5e5c52;text-align:center}
.vch-card.used .vch-qr{opacity:.18;filter:grayscale(1)}
.vch-card.used .vch-st{background:#7E7C70}
.vch-card.used::after{content:'USED';position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) rotate(-14deg);font:900 44px/1 system-ui;color:#E5484D;border:5px solid #E5484D;border-radius:10px;padding:4px 12px;background:rgba(255,255,255,.85)}
.vch-res{display:flex;flex-direction:column;gap:4px;margin:10px 0;border-radius:14px;padding:0}
.vch-res.ok,.vch-res.bad{padding:14px}
.vch-res.ok{background:#3FB37F;color:#fff}.vch-res.bad{background:#E5484D;color:#fff}
.vch-res b{font:900 24px/1.1 system-ui}.vch-res span{font-size:15px}
.vch-res .primary{margin-top:8px;background:#fff;color:#131410}
.vch-link .team-msg{white-space:pre-wrap}
.legal-sec h3{font:800 16px/1.3 Archivo,sans-serif;margin:18px 0 6px}
.legal-sheet .legal-sec p,.legal-sheet .legal-sec li{font-size:14px;line-height:1.55}
.legal-sheet .legal-sec ul{padding-left:20px;margin:6px 0}
.legal-sheet .legal-sec li{margin:4px 0}
.legal-date{font-size:12px;opacity:.7;margin-top:-4px}
.legal-toc{margin:10px 0 4px;padding-left:22px;font-size:13px}.legal-toc li{margin:2px 0}.legal-toc .small-link{padding:2px 0;text-align:left;font-size:13px}
.legal-act{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.legal-tick{display:flex;gap:10px;align-items:flex-start;margin:12px 0 4px;padding:10px 12px;border:2px solid rgba(19,20,16,.15);border-radius:12px;background:rgba(255,255,255,.5)}
.legal-tick input{width:22px;height:22px;flex:none;margin:1px 0 0;accent-color:#131410}
.legal-tick label{font-size:14px;line-height:1.4}.legal-tick a{color:#2F5FB0;font-weight:700;text-decoration:underline}
.qform .legal-tick label{text-transform:none;letter-spacing:0;font:500 14px/1.45 Archivo,sans-serif;display:block;margin:0;color:#131410}
.legal-sheet .legal-sec p{margin:0 0 9px}
.legal-tick.shake{animation:lgshake .4s;border-color:#E5484D}
@keyframes lgshake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
/* bottom bar: LIVE MAP and FEED are proper tabs like PLAY */
#tabMap,#tabFeed{background:rgba(243,238,226,.07);border:1px solid rgba(243,238,226,.14);border-radius:10px;color:var(--chalk);transition:background .15s,box-shadow .15s}
#tabMap svg,#tabFeed svg{stroke:currentColor}
#tabMap[aria-current="true"]{background:linear-gradient(135deg,#0FA3A3,#2F5FB0);color:#fff;border-color:transparent;box-shadow:0 0 0 2px #F4C20D}
#tabFeed[aria-current="true"],#tabFeed[aria-current=true]{background:linear-gradient(135deg,#F2783B,#E5484D);color:#fff;border-color:transparent;box-shadow:0 0 0 2px #F4C20D}
body.feedopen #tabMap[aria-current="true"]{background:rgba(243,238,226,.07);color:var(--chalk);box-shadow:none;border-color:rgba(243,238,226,.14)}
#tabMap:active,#tabFeed:active{transform:scale(.97)}
.promo{position:relative}.promo.soon .soon-tag{position:absolute;top:-11px;right:12px;background:#E5484D;color:#fff;font:800 10px/1 Archivo,sans-serif;letter-spacing:.12em;padding:6px 9px;border-radius:6px;box-shadow:0 2px 0 #131410}
.store.soon{opacity:.62;cursor:default}
.soon-notify{background:var(--danfo);color:#131410;border:2px solid #131410;border-radius:8px;padding:10px;font:800 13px Archivo,sans-serif}.soon-notify:disabled{background:#3FB37F;color:#fff;border-color:#3FB37F}
.goals-box{margin:18px 0;padding:16px;border:2px solid var(--danfo);border-radius:12px;background:linear-gradient(160deg,#1d1f19,#26281f);color:var(--chalk)}
.goals-box .gl-bh{display:flex;justify-content:space-between;align-items:center}.goals-box h3{margin:0;font:400 20px Bungee,sans-serif;color:var(--danfo)}
.gl-fire{font:800 12px Archivo,sans-serif;background:#E5484D;color:#fff;padding:5px 9px;border-radius:99px}
.goals-box .sub{font-size:13px;opacity:.85;margin:6px 0 12px}
.gl-pers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.gl-per{display:grid;gap:2px;text-align:left;background:rgba(243,238,226,.06);border:1px solid rgba(243,238,226,.16);border-radius:10px;padding:9px 10px;color:var(--chalk)}
.gl-per small{font:800 10px Archivo,sans-serif;letter-spacing:.1em;opacity:.7}.gl-per b{font:800 22px Archivo,sans-serif;color:var(--danfo)}.gl-per span{font-size:11px;opacity:.75}
.gl-per.all{border-color:#3FB37F;background:rgba(63,179,127,.15)}.gl-per.all b{color:#3FB37F}
.gl-list{display:grid;gap:8px;margin:10px 0}
.gl-goal{position:relative;display:flex;gap:12px;align-items:flex-start;background:rgba(19,20,16,.05);border:1.5px solid rgba(19,20,16,.14);border-radius:12px;padding:12px 12px 10px;cursor:default}
.goals-box .gl-goal{background:rgba(243,238,226,.06);border-color:rgba(243,238,226,.14);cursor:pointer}
.gl-ic{font-style:normal;font-size:24px;line-height:1;width:34px;height:34px;display:grid;place-items:center;flex:none;background:rgba(244,194,13,.18);border-radius:10px}
.gl-goal.done .gl-ic{background:#3FB37F;color:#fff;font-weight:800}
.gl-b{flex:1;min-width:0;display:grid;gap:5px}.gl-b b{font:700 15px/1.25 Archivo,sans-serif;padding-right:22px}.gl-b small{font-size:12px;opacity:.75}.gl-b em{font-size:12px;opacity:.8}
.gl-bar{height:9px;border-radius:9px;background:rgba(127,127,127,.25);overflow:hidden}.gl-bar span{display:block;height:100%;background:#F4C20D;border-radius:9px;transition:width .4s}
.gl-goal.done .gl-bar span{background:#3FB37F}.gl-goal.done{border-color:#3FB37F}
.gl-x{position:absolute;top:6px;right:8px;background:none;border:0;font:700 16px Archivo,sans-serif;color:inherit;opacity:.55;padding:2px 4px}
.gl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 12px}
.gl-tabs button{border:2px solid #131410;border-radius:10px;padding:9px 4px;background:#fff;font:800 12px Archivo,sans-serif;color:#131410}.gl-tabs button.on{background:#131410;color:#F4C20D}
.gl-streak{font-weight:800;color:#C8363B}
.gl-sugs{display:grid;gap:8px;margin:6px 0 10px}
.gl-sug{display:flex;align-items:center;gap:10px;text-align:left;border:2px dashed rgba(19,20,16,.35);border-radius:12px;padding:10px 12px;background:#fff}
.gl-sug i{font-style:normal;font-size:22px}.gl-sug b{flex:1;font:700 14px Archivo,sans-serif}.gl-sug span{font:800 11px Archivo,sans-serif;background:#131410;color:#F4C20D;padding:6px 9px;border-radius:8px;white-space:nowrap}
.gl-share{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px}
.gl-hist{display:grid;gap:4px;margin-bottom:10px}.gl-hrow{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;font-size:13px;padding:6px 8px;border-radius:8px;background:rgba(19,20,16,.05)}.gl-hrow.all{background:rgba(63,179,127,.18)}.gl-hrow i{font-style:normal;letter-spacing:.2em}
.gl-step{display:grid;grid-template-columns:48px 1fr 48px;gap:6px}.gl-step button{border:2px solid #131410;border-radius:10px;background:#fff;font:800 22px Archivo,sans-serif}.gl-step input{text-align:center;font-weight:800}
.gl-prev{font-weight:700;margin:4px 0}.gl-form .gl-unit{text-transform:none;letter-spacing:0;font-weight:500;opacity:.7}
.nb-card.gl{border-color:#F4C20D;background:linear-gradient(135deg,#F4C20D,#F2A93B);color:#131410}.nb-card.gl span{color:#131410;opacity:.8}
.gl-acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.gl-do{background:#131410;color:#F4C20D;border:0;border-radius:9px;padding:8px 12px;font:800 13px Archivo,sans-serif}
.gl-mini{background:transparent;border:1.5px solid rgba(19,20,16,.3);border-radius:9px;padding:6px 9px;font:700 12px Archivo,sans-serif;color:#131410}
.gl-social{font:700 12px Archivo,sans-serif;opacity:.8}
.gl-tabs.two{grid-template-columns:1fr 1fr}
.gl-note{font-size:13px;margin:2px 0;padding:8px 10px;background:rgba(244,194,13,.18);border-radius:8px}
.qform .gl-ck{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font:500 14px Archivo,sans-serif}.qform .gl-ck input{width:20px;height:20px;accent-color:#131410}
.gl-owner{font:800 13px Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:4px 0 0}
.gl-big{display:flex;gap:12px;align-items:center}.gl-big i{font-style:normal;font-size:48px}.gl-big h2{margin:0}
.gl-bar.big{height:16px;margin:12px 0 4px}.gl-pct{font:800 15px Archivo,sans-serif}
.gl-cc{font-weight:700}
.gl-crew{display:grid;gap:6px;margin-bottom:10px}.gl-crow{display:grid;grid-template-columns:1.3fr 1.4fr auto;gap:8px;align-items:center;font-size:13px;padding:6px 8px;border-radius:8px;background:rgba(19,20,16,.05)}.gl-crow.me{background:rgba(244,194,13,.25)}
.gl-logrow{font-size:13px;margin:2px 0;opacity:.8}
.trk-big{font:800 64px/1 Archivo,sans-serif;text-align:center;margin:10px 0 4px}.trk-sub{text-align:center;font:600 14px Archivo,sans-serif;opacity:.75}
.trk-map{width:100%;height:auto;border-radius:12px;margin:12px 0;background:#1d1f19}
.trk-pill{position:absolute;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 118px);z-index:30;background:#E5484D;color:#fff;border:2px solid #131410;border-radius:99px;padding:8px 14px;font:800 13px Archivo,sans-serif;box-shadow:0 3px 0 #131410;animation:trkp 1.6s ease-in-out infinite}
@keyframes trkp{50%{box-shadow:0 3px 0 #131410,0 0 0 6px rgba(229,72,77,.25)}}
.gl-tabs.four{grid-template-columns:repeat(4,1fr)}
.job-list{display:grid;gap:8px;margin:10px 0}
.job-card{display:grid;gap:3px;text-align:left;background:#fff;border:2px solid rgba(19,20,16,.15);border-radius:12px;padding:12px 14px;color:#131410}
.job-card b{font:800 16px/1.25 Archivo,sans-serif}.job-biz{font-size:13px;font-weight:700;opacity:.85}.job-meta{font-size:12px;opacity:.7}
.job-card.feat{border-color:#F4C20D;background:#FFF8DA}.job-card.hired{border-color:#3FB37F}.job-card.short{border-color:#F4C20D}.job-card.no{opacity:.6}.job-card.pending{border-style:dashed}
.job-biz.big{font-size:15px}.job-desc{white-space:pre-wrap;font-size:14px;line-height:1.5}.job-safe{font-size:12px;background:rgba(63,179,127,.15);padding:8px 10px;border-radius:8px}
.job-app{border:1.5px solid rgba(19,20,16,.15);border-radius:12px;padding:10px 12px;margin:8px 0;display:grid;gap:4px}.job-app b{font-size:15px}.job-app span{font-size:12px;opacity:.7}.job-app p{font-size:13px;margin:4px 0;white-space:pre-wrap}.job-app.hired{border-color:#3FB37F;background:rgba(63,179,127,.1)}
a.gl-mini{text-decoration:none;display:inline-block}
.gl-pay{display:grid;gap:8px;border:2px solid #131410;border-radius:14px;padding:12px;margin:6px 0 12px;background:linear-gradient(135deg,#FFF3C4,#FFE08A)}
.gl-pay>b{font:800 16px Archivo,sans-serif}.gl-pay>span,.gl-pay>small{font-size:13px}.gl-pay>small{opacity:.75}
.gl-paystat{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gl-paystat>div{background:#fff;border-radius:10px;padding:8px;font-size:11px;font-weight:700;display:grid;gap:2px}.gl-paystat b{font:800 17px Archivo,sans-serif}
.nb-card.gl.gym{background:linear-gradient(135deg,#E8731C,#E5484D);color:#fff}.nb-card.gl.gym span{color:#fff}
.pol-step{border:2px solid rgba(19,20,16,.15);border-radius:12px;padding:10px 12px;margin:8px 0;display:grid;gap:4px}.pol-step b{font:800 16px Archivo,sans-serif}.pol-step>span{font-size:12px;opacity:.75}
.pol-step.won{border-color:#3FB37F;background:rgba(63,179,127,.12)}.pol-step.next{border-color:#2F5FB0;background:rgba(47,95,176,.07)}
.pol-step ul{margin:4px 0;padding-left:4px;list-style:none;font-size:13px}.pol-step li{margin:3px 0;opacity:.8}.pol-step li.ok{color:#2F9E44;opacity:1;font-weight:700}
.goals-box.free{padding:10px 14px;border-style:dashed}.gl-freebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gl-freebar b{font:800 15px Archivo,sans-serif;color:var(--danfo)}.gl-freebar span{font-size:13px;opacity:.8;flex:1}
.gl-freebar .fchip{background:var(--danfo);color:#131410;border:2px solid #131410;font-weight:800;padding:7px 12px;border-radius:9px}
.goals-box .small-link{color:var(--chalk);opacity:.8;display:block;margin:10px auto 0}
#btnGoals{position:relative}
.pl-list{display:grid;gap:6px;margin:6px 0 12px}.pl-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;text-align:left;background:#fff;border:1.5px solid rgba(19,20,16,.14);border-radius:10px;padding:9px 10px;color:#131410}
.pl-row i{font-style:normal;font-size:18px}.pl-row b{font:700 13px/1.3 Archivo,sans-serif}.pl-row span{font:800 11px Archivo,sans-serif;opacity:.75;text-align:right}.pl-row.done{opacity:.6}.pl-row.done b{text-decoration:line-through}
.gl-per-tag{font:800 10px Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
#inAct{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:31;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;background:rgba(19,20,16,.92);color:#F3EEE2;border:2px solid #F4C20D;border-radius:16px;padding:8px 10px;max-width:calc(100% - 24px)}
#inAct[hidden]{display:none}#inAct b{font:800 13px Archivo,sans-serif;margin-right:4px}#inAct button{background:#2b2d24;color:#F3EEE2;border:1.5px solid #6d6a5c;border-radius:10px;padding:8px 11px;font:800 12px Archivo,sans-serif}#inAct button.main{background:#F4C20D;color:#131410;border-color:#F4C20D}
#inFade{position:fixed;inset:0;z-index:40;background:#05070d;color:#F3EEE2;display:grid;place-items:center;text-align:center;padding:30px;font:700 18px Archivo,sans-serif;opacity:0;pointer-events:none;transition:opacity .6s}#inFade.on{opacity:.94}
#tripBar{position:absolute;left:50%;transform:translateX(-50%);top:auto;right:auto;height:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:12;display:flex;align-items:center;gap:8px;background:rgba(19,20,16,.94);border:2px solid #F4C20D;border-radius:14px;padding:8px 10px;color:#F3EEE2;width:min(360px,calc(100% - 120px));box-shadow:0 6px 18px rgba(0,0,0,.35)}
#tripBar[hidden]{display:none}#tripBar .tb-t{flex:1;min-width:0;display:grid;gap:3px}#tripBar .tb-t b{font:800 13px Archivo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tripBar .tb-t span{font:600 11px Archivo,sans-serif;opacity:.75}
#tripBar .tb-bar{display:block;height:5px;border-radius:5px;background:rgba(243,238,226,.2);position:relative;overflow:hidden}#tripBar .tb-bar::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--p);background:#F4C20D;border-radius:5px}
#tripBar button{border:0;border-radius:10px;font:800 12px Archivo,sans-serif;padding:8px 10px}#tripBar .tb-ok{background:#F4C20D;color:#131410}#tripBar .tb-ok:disabled{opacity:.4}#tripBar .tb-x{background:#2b2d24;color:#F3EEE2}
.sh-list{display:grid;gap:8px;margin:10px 0}.sh-card{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;text-align:left;background:#fff;border:2px solid #131410;border-left:8px solid var(--k,#8B3DF7);border-radius:14px;padding:9px 10px;color:#131410;width:100%}.sh-card i{font-style:normal;font-size:30px;text-align:center}.sh-card div{display:grid;gap:1px;min-width:0}.sh-card b{font:800 15px Archivo,sans-serif}.sh-card span{font-size:12.5px;opacity:.75}.sh-card small{font-size:12px;font-weight:800;color:var(--k,#8B3DF7)}.sh-card em{font-style:normal;font-weight:800;font-size:12px;background:#f3eee2;border-radius:10px;padding:4px 8px;white-space:nowrap}.sh-card.live{box-shadow:0 0 0 3px rgba(139,61,247,.35)}.sh-card.live small{color:#E5484D}.sh-card.live small::before{content:'● ';}
.sh-poster{width:100%;height:auto;display:block;border-radius:14px;margin:8px 0;border:2px solid #131410}
#showView{position:fixed;inset:0;z-index:70;background:#07080c;color:#F3EEE2;display:flex;flex-direction:column;gap:8px;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));font-family:Archivo,sans-serif}#showView[hidden]{display:none}
.sv-top{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.sv-live{grid-row:span 2;background:#E5484D;color:#fff;font:900 12px Archivo,sans-serif;border-radius:8px;padding:4px 8px;animation:svp 1.4s infinite}@keyframes svp{50%{opacity:.55}}.sv-top b{font:400 20px Bungee,sans-serif;line-height:1.1}.sv-sub{font-size:13px;opacity:.75}
.sv-cv{flex:1;min-height:200px;width:100%;border-radius:16px;display:block}.sv-cap{min-height:3.6em;margin:0;font-size:16px;line-height:1.35;text-align:center;font-weight:700;color:#fff}
.sv-hype{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;font-size:12px}.sv-hype span{font-weight:900;color:#F4C20D}.sv-hype i{height:10px;background:#22242c;border-radius:6px;overflow:hidden}.sv-hype u{display:block;height:100%;width:0;background:linear-gradient(90deg,#8B3DF7,#C2409B,#F4C20D);transition:width .5s}.sv-hype em{grid-column:2;font-style:normal;opacity:.75;margin-top:2px}
.sv-react{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sv-react button{font-size:24px;background:#1b1d25;border:2px solid #3a3d48;border-radius:14px;padding:6px 12px;color:#fff;min-width:54px}.sv-react button:last-child{font:800 15px Archivo,sans-serif;background:#3FB37F;border-color:#3FB37F}.sv-react button:active{transform:scale(.92)}
.sv-ctl{display:grid;grid-template-columns:1fr auto;gap:8px}.sv-ctl button{font:800 14px Archivo,sans-serif;border-radius:12px;padding:11px;border:2px solid #F4C20D;background:#F4C20D;color:#131410}.sv-ctl button.bad{background:transparent;color:#F3EEE2;border-color:#5a5d68}.sv-tip{margin:0;text-align:center;font-size:12px;opacity:.6}
#showPill{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(150px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:stretch;background:#131410;border:2px solid #8B3DF7;border-radius:22px;box-shadow:0 4px 16px rgba(0,0,0,.45);overflow:hidden;max-width:92%}#showPill .sv-open{background:transparent;color:#F3EEE2;font:800 13px Archivo,sans-serif;padding:8px 12px;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#showPill .sv-x{background:#8B3DF7;color:#fff;border:0;padding:0 12px;font-weight:900}
.nb-card.sh{background:linear-gradient(135deg,#8B3DF7,#C2409B);color:#fff;border-color:#131410}.nb-card.sh span{color:#fff;opacity:.9}
#taskBar{position:absolute;left:50%;transform:translateX(-50%);top:auto;right:auto;height:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:12;display:flex;align-items:center;gap:8px;background:rgba(19,20,16,.94);border:2px solid #F4C20D;border-radius:14px;padding:8px 10px;color:#F3EEE2;width:min(360px,calc(100% - 120px));box-shadow:0 6px 18px rgba(0,0,0,.35)}
#taskBar[hidden]{display:none}
#taskBar .tb-t{flex:1;min-width:0;display:grid;gap:3px}
#taskBar .tb-t b{font:800 13px Archivo,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#taskBar .tb-t span{font:600 11px Archivo,sans-serif;opacity:.75}
#taskBar .tb-bar{display:block;height:5px;border-radius:5px;background:rgba(243,238,226,.2);position:relative;overflow:hidden}
#taskBar .tb-bar::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--p);background:#F4C20D;border-radius:5px}
#taskBar button{border:0;border-radius:10px;font:800 12px Archivo,sans-serif;padding:8px 10px}
#taskBar .tb-ok{background:#F4C20D;color:#131410}
#taskBar .tb-ok:disabled{opacity:.4}
#taskBar .tb-x{background:#2b2d24;color:#F3EEE2}
.lim-next{margin-top:10px}.lim-tab{display:grid;grid-template-columns:1fr auto auto auto;gap:6px 12px;align-items:center;margin:10px 0;font-size:14px}.lim-tab>b{font:800 11px Archivo,sans-serif;text-transform:uppercase;opacity:.6;text-align:right}.lim-tab>span{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.lim-tab>span.full{color:#E5484D}.lim-tab .lim-n{text-align:left;font-weight:700}.lim-tab .lim-n small{display:block;font-weight:600;font-size:11px;color:#E5484D}
.lim-f{display:grid;gap:6px}.lim-row{display:grid;grid-template-columns:1fr repeat(4,64px);gap:6px;align-items:center;font-size:13px}.lim-row input{width:100%;padding:6px;font:600 13px Archivo,sans-serif}.lim-hd span{font:800 11px Archivo,sans-serif;text-transform:uppercase;opacity:.6}
.nb-card.rl{background:var(--rl,#D7263D);color:#fff}.nb-card.rl span{color:#fff;opacity:.9}.nb-card.air{background:#dbe6fb}.nb-card.eyo{background:linear-gradient(135deg,#FBFAF5,#e8e2d2);border-color:#7B3FC4}
.air-board{background:#131410;color:#F4C20D;border-radius:12px;padding:10px 12px;margin:8px 0;font:600 13px 'IBM Plex Mono',monospace}.air-board>b{display:block;color:#F3EEE2;letter-spacing:.12em;font-size:12px;margin-bottom:6px}.air-row{display:grid;grid-template-columns:62px 62px 1fr auto;gap:6px;padding:3px 0;border-top:1px solid #2b2d24}.air-row .st{color:#3FB37F}.air-row .st.late{color:#E5484D}
.bug-shot{display:block;width:100%;max-width:300px;border-radius:10px;border:2px solid #131410;margin:6px 0}.bug-det{margin:8px 0;font-size:13px}.bug-det pre{white-space:pre-wrap;font:12px/1.4 'IBM Plex Mono',monospace;background:#f3eee2;color:#131410;padding:8px;border-radius:8px;overflow-x:auto}.bug-reply{display:flex;gap:6px;margin-top:6px}.bug-reply input{flex:1;min-width:0;padding:6px;font:13px Archivo,sans-serif}
#rlBar{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:13;width:min(400px,calc(100% - 110px));background:#131410;color:#F3EEE2;border:2px solid #F3EEE2;border-radius:14px;padding:8px 14px 24px;box-shadow:0 6px 18px rgba(0,0,0,.4);font-family:Archivo,sans-serif}.rb-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.rb-top b{font-size:13px}.rb-top span{font:700 12px 'IBM Plex Mono',monospace;color:#F4C20D;white-space:nowrap}.rb-line{position:relative;height:6px;border-radius:4px;background:var(--c,#D7263D);margin:12px 8px 0}.rb-st{position:absolute;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#F3EEE2;border:2px solid #131410}.rb-st em{position:absolute;top:13px;left:50%;transform:translateX(-50%);font:600 9.5px Archivo,sans-serif;font-style:normal;white-space:nowrap;opacity:.85}.rb-tr{position:absolute;top:-17px;font-style:normal;font-size:20px;transition:left .2s linear}
.tb-dice{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:6px 0}.tb-die{font:900 20px Archivo,sans-serif;background:#fff;border:2px solid #131410;border-radius:12px;padding:8px 16px;color:#131410}.tb-die.on{background:#F4C20D}.tb-die:disabled{opacity:.35}
.tb-hist{font:600 12px 'IBM Plex Mono',monospace;text-align:center;opacity:.8;margin:4px 0}.eco-note.bad{color:#C8363B;font-weight:700}.eco-go.on{background:#3FB37F;color:#fff;border-color:#3FB37F}
.scr-rack{display:flex;gap:5px;justify-content:center;margin:6px 0}.scr-tile{position:relative;width:40px;height:44px;border-radius:7px;border:2px solid #8a6d3b;background:#f3e6c4;color:#131410;padding:0}.scr-tile b{font:900 22px Archivo,sans-serif}.scr-tile i{position:absolute;right:4px;bottom:2px;font:700 10px Archivo,sans-serif;font-style:normal}.scr-tile.on{background:#F4C20D;transform:translateY(-4px)}.scr-tile.sw{background:#E5484D;color:#fff}.scr-tile:disabled{opacity:.25}
.scr-abc{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:6px 0}.pl-pow{flex:1;min-width:120px;accent-color:#E5484D}.pl-lab{font:800 12px Archivo,sans-serif}
#startBack{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 30%,rgba(244,194,13,.18),rgba(19,20,16,.92) 60%)}#startBack[hidden]{display:none}
.sb-card{width:min(360px,100%);background:#F3EEE2;color:#131410;border:3px solid #131410;border-radius:20px;padding:20px 18px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.5)}.sb-kick{margin:0;font:800 12px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#8a6d3b}.sb-av{width:110px;height:110px;border-radius:50%;margin:10px auto 6px;display:block;border:3px solid #F4C20D}.sb-card h2{margin:4px 0 2px;font:400 26px Bungee,sans-serif}.sb-sub{margin:0 0 14px;font-size:14px;opacity:.75}
.sb-go{width:100%;font:900 20px Archivo,sans-serif;background:#F4C20D;color:#131410;border:3px solid #131410;border-radius:14px;padding:14px;box-shadow:0 4px 0 #131410}.sb-row{display:flex;gap:8px;margin-top:12px}.sb-lnk{flex:1;font:800 13px Archivo,sans-serif;background:#fff;border:2px solid #131410;border-radius:12px;padding:10px 6px;color:#131410}
.sw-pair{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}.sw-pair>i{font-style:normal;font-size:22px}.sw-one{display:grid;justify-items:center;gap:2px;background:#fff;border:2px solid #d8d2c4;border-radius:14px;padding:8px 12px;min-width:110px}.sw-one.new{border-color:#F4C20D;box-shadow:0 0 0 2px #F4C20D}.sw-one canvas{width:72px;height:72px;border-radius:50%}.sw-one small{font:800 10px 'IBM Plex Mono',monospace;opacity:.6}.sw-one span{font-size:12px;opacity:.7}
.sw-box{background:#fff;border:2px solid #d8d2c4;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:13.5px}.sw-box.keep{border-color:#3FB37F}.sw-box ul{margin:4px 0 0 18px;padding:0}.sw-box li{margin:3px 0}
.sp-run{display:grid;grid-template-columns:28px 1fr;column-gap:8px;background:#fff;border:2px solid #E0A422;border-radius:12px;padding:8px 10px;margin:6px 0}.sp-run i{grid-row:span 2;font-style:normal;font-size:20px}.sp-run b{font-size:14px}.sp-run span{font-size:12.5px;opacity:.8}
.sp-goal{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:6px 0;font-size:13px}.sp-goal i{grid-column:1/-1;order:3;height:7px;border-radius:5px;background:#e3ddcf;position:relative;overflow:hidden}.sp-goal i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--p);background:#3FB37F;border-radius:5px}.sp-goal small{font-weight:700;opacity:.7}
.sp-list{margin:4px 0 8px 18px;padding:0;font-size:13.5px}.sp-list li{margin:4px 0}
.rl-warn{background:#fde2e2;border:2px solid #E5484D;border-radius:10px;padding:8px 10px;font-weight:700;font-size:13.5px;color:#8f2427}.fp-bug{text-align:center;margin:14px 0 24px}.fp-bug button{font:800 13px Archivo,sans-serif;background:transparent;border:2px dashed #8a8678;border-radius:12px;padding:10px 14px;color:inherit}