:root{--bg:#0d0710;--panel:#120a18c7;--line:#ffffff1a;--ink:#f4ecf7;--muted:#a99bb3;--pink:#ff4fa3;--cyan:#38e8ff;--gold:#ffcf3f;--red:#f24;--green:#7cff6b;--display:"Bungee", Impact, sans-serif;--body:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);margin:0;overflow:hidden}#stage,#stage canvas{display:block;position:fixed;inset:0}#flash{pointer-events:none;opacity:0;z-index:5;mix-blend-mode:screen;position:fixed;inset:0}.bars{z-index:4;background:#000;height:0;transition:height .4s;position:fixed;left:0;right:0}.bars.top{top:0}.bars.bottom{bottom:0}body.cinema .bars{height:9vh}#hud{pointer-events:none;z-index:6;position:fixed;inset:0}#hud button,#hud a,#feed,#controls{pointer-events:auto}.panel,#stats,#kingbox,#stack,#bagbox,#feed li{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px)}#top{grid-template-columns:1fr minmax(320px,560px) 1fr;align-items:start;gap:16px;padding:14px 18px;transition:opacity .3s;display:grid;position:absolute;top:0;left:0;right:0}#brand h1{font-family:var(--display);letter-spacing:1px;color:#ffe1f2;text-shadow:0 0 18px #ff4fa3cc,2px 2px #8a0f4f;margin:0;font-size:26px;line-height:1}#tagline{max-width:300px;color:var(--ink);text-shadow:0 1px 3px #000;margin:6px 0 0;font-size:13px;line-height:1.3}#tagline b{color:var(--gold)}.f-name .rap{font:700 11px var(--mono);color:#ff8aa0;letter-spacing:1px;background:#3a0010;border:1px solid #7a0020;border-radius:3px;padding:1px 6px}#links{vertical-align:top;flex-wrap:wrap;gap:4px;margin:6px 0 0 8px;display:inline-flex}#links a{font:700 11px var(--mono);letter-spacing:1px;color:var(--cyan);background:#0a1e28b3;border:1px solid #38e8ff73;border-radius:4px;padding:3px 8px;text-decoration:none}#links a:hover{background:#143c50d9}#modebadge{font:700 11px var(--mono);letter-spacing:1px;border-radius:4px;margin-top:6px;padding:3px 8px;display:inline-block}body[data-mode=sim] #modebadge{color:var(--gold);background:#3a2a00;border:1px solid #7a5a00}body[data-mode=sim] #modebadge:before{content:"SIMULATED · PRE-LAUNCH DEMO"}body[data-mode=live] #modebadge{color:#ff8aa0;background:#3a0010;border:1px solid #7a0020}body[data-mode=live] #modebadge:before{content:"● LIVE"}body.offline #modebadge:before{content:"○ RECONNECTING"}#fighter{text-align:left}.f-name{align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.f-name b{font-family:var(--display);color:var(--gold);text-shadow:2px 2px #000;font-size:22px}.f-name span{color:var(--muted);font-size:12px}#mood{font:700 12px var(--mono);letter-spacing:1px;margin-left:auto;color:var(--pink)!important}#cope{outline:2px solid var(--gold);background:#2a0a12;border:2px solid #000;height:13px;position:relative;overflow:hidden;transform:skew(-14deg)}#cope-fill,#cope-ghost{width:100%;position:absolute;top:0;bottom:0;left:0}#cope-ghost{background:#ff3b4e;transition:width .9s ease-in .35s}#cope-fill{background:linear-gradient(#fff58a,#ffcf3f 45%,#e29a00);transition:width .12s}#cope-fill.low{background:linear-gradient(#ff9a9a,#ff3b4e 45%,#b0102a);animation:.5s infinite alternate pulse}#cope span{font:700 8px/9px var(--display);color:#000;letter-spacing:2px;mix-blend-mode:multiply;position:absolute;top:0;right:8px;transform:skew(14deg)}.f-sub{font:700 11px var(--mono);color:var(--muted);justify-content:space-between;margin-top:6px;display:flex}#kos{color:var(--red)}.pins-wrap{align-items:center;gap:6px;display:flex}#pins{gap:3px;display:inline-flex}#pins i{background:#2c2333;border-radius:1px;width:14px;height:6px}#pins i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}#pins.full i{animation:.3s infinite alternate pulse}#stats{width:var(--side-w);border-radius:10px;grid-template-columns:repeat(2,1fr);justify-self:end;gap:6px 18px;padding:10px 14px;display:grid}#stats label,#kingbox label,#bagbox label{font:700 10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:block}#stats b{font:700 16px var(--mono)}:root{--side-w:360px}#side{width:var(--side-w);flex-direction:column;gap:10px;transition:opacity .3s;display:flex;position:absolute;top:128px;bottom:90px;right:18px}#kingbox{color:inherit;border-radius:10px;padding:10px 14px;display:block}#kingbox label{color:#ff9fe4;align-items:center;gap:7px;display:flex}#kingbox label img{border-radius:4px;flex:none}#kingbox label i{color:var(--muted);margin-left:auto;font-style:normal}#king{font:700 16px var(--mono);margin:2px 0}#kingbox small{color:var(--muted);font-size:11px}#stack{border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}#stack-toggle{all:unset;cursor:pointer;font:700 10px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;display:flex}#stack-toggle b{color:var(--ink)}#stack-toggle span{flex:1}#stack-toggle i{white-space:nowrap;font-style:normal}#stack-toggle i:before{content:"▾ hide"}#stack.collapsed #stack-toggle i:before{content:"▸ how it works";color:var(--cyan)}#stack-toggle:hover,#stack-toggle:hover b{color:var(--ink)}#stack.collapsed>:not(#stack-toggle){display:none}.st-row{color:inherit;align-items:center;gap:6px;text-decoration:none;display:flex}.st-row img{border-radius:4px;flex:none;display:block}.st-row img.wth{background:#000;box-shadow:0 0 0 1px #ffffff40}.st-name{min-width:0;color:inherit;flex-direction:column;margin-left:2px;text-decoration:none;display:flex}.st-name b{font-size:12px}.st-name small{color:var(--muted);font-size:10.5px;line-height:1.25}#stack a:hover b,.st-logos:hover img{color:#ff9fe4;filter:brightness(1.25)}#feed{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}#feed li{border-left:4px solid var(--c,var(--cyan));border-radius:8px;padding:10px 12px;font-size:16px;animation:.25s ease-out slidein}#feed li.sell{--c:var(--gold)}#feed .f-next{font:700 11px var(--mono);color:var(--muted);opacity:.85;margin-top:3px;padding-left:30px}#feed li.dust{--c:var(--muted);opacity:.7;padding:6px 12px;font-size:13px}#feed li.more{--c:var(--muted);font:700 13px var(--mono);color:var(--muted);padding:6px 12px}#feed li.big{background:linear-gradient(90deg, #ff224459, var(--panel))}.f-top{white-space:nowrap;align-items:center;gap:7px;display:flex;overflow:hidden}.f-top b{font-family:var(--mono);font-size:14px}.f-icon{text-align:center;flex:none;width:24px;font-size:22px}.f-top em{color:var(--c);text-overflow:ellipsis;font-style:normal;font-weight:700;overflow:hidden}.f-usd{font:700 17px var(--mono);color:var(--c);margin-left:auto}.f-line{color:var(--muted);margin-top:3px;padding-left:30px;font-size:13px;font-style:italic}#bagbox{border-radius:10px;width:320px;padding:12px 14px;transition:opacity .3s;position:absolute;bottom:88px;left:18px}.ms-head{flex-direction:column;gap:2px;display:flex}.ms-head b{font-family:var(--display);color:#ffb36b;font-size:15px}#bag-toggle{all:unset;cursor:pointer;font:700 11px var(--mono);color:var(--muted);align-items:center;gap:8px;display:flex;position:absolute;top:6px;right:8px}#bag-toggle i{font-size:12px;font-style:normal}#bag-toggle i:before{content:"▾ hide"}#bag-toggle:hover{color:var(--ink)}#bag-summary{display:none}#bagbox.collapsed{width:auto;padding:8px 12px}#bagbox.collapsed>:not(#bag-toggle){display:none}#bagbox.collapsed #bag-toggle{width:100%;position:static}#bagbox.collapsed #bag-summary{font-family:var(--display);color:#ffb36b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;display:block;overflow:hidden}#bagbox.collapsed #bag-toggle i:before{content:"▸ show"}#bagbar{background:#222;border-radius:4px;height:14px;margin:20px 0 4px;display:flex;position:relative}#bag-left{background:var(--gold);border-radius:4px 0 0 4px;transition:width .4s}#bag-burned{background:repeating-linear-gradient(45deg,#ff3b1f 0 6px,#b0201a 6px 12px);border-radius:0 4px 4px 0;flex:1}#bag-marks{pointer-events:none;position:absolute;inset:0}#bag-marks i{opacity:.85;background:#fff;width:2px;margin-left:-1px;font-style:normal;position:absolute;top:-4px;bottom:-4px}#bag-marks i span{font:700 9px var(--mono);color:var(--muted);position:absolute;top:-13px;left:50%;transform:translate(-50%)}#bag-marks i.done{opacity:.35}#bag-legend{font:500 11px var(--mono);justify-content:space-between;display:flex}.k-burn{color:#ff7a5c}.k-left,#bag-label{color:var(--gold)}#bag-sub{font:500 11px var(--mono);color:var(--muted)}#bag-next{font:500 11px var(--mono);color:var(--muted);margin-top:4px}#bag-next b{color:var(--ink)}#cagebox{border-top:1px solid #2c2333;margin-top:10px;padding-top:8px}#cagebox label{color:#ff8a3d}.cg-row{align-items:baseline;gap:8px;margin:2px 0;font-size:13px;display:flex}.cg-row>b{font-family:var(--display);color:#ff8a3d;font-size:18px}#cagebox small{font:500 10px var(--mono);color:var(--muted)}.cg-fund{font:500 10px var(--mono);color:var(--muted);margin:2px 0 3px}.cg-fund b{color:#7cff6b;font-size:12px}.f-fine{font:700 13px var(--mono);color:var(--gold);margin-top:3px;padding-left:30px}.st-note small{font-style:italic}#feed li.cage{--c:#ff8a3d;background:linear-gradient(90deg, #ff8a3d38, var(--panel))}.ghost-row{color:var(--muted);margin-top:8px;font-size:12px}#ghost{font-family:var(--mono);color:var(--ink)}.reset-bar{background:#2c2333;border-radius:2px;height:3px;margin-top:4px;display:block;overflow:hidden}.reset-bar i{background:var(--green);height:100%;transition:width .4s;display:block}#ghost.danger{color:var(--red);animation:.6s infinite alternate pulse}#combo{opacity:0;font-family:var(--display);color:var(--c,var(--gold));text-shadow:3px 3px 0 #000, 0 0 24px var(--c);transition:opacity .3s;position:absolute;top:34%;left:6%;transform:rotate(-8deg)}#combo.show{opacity:1}#combo.pop{animation:.25s ease-out pop}#combo b{font-size:84px;line-height:.9;display:block}#combo span{letter-spacing:2px;font-size:22px}#announcers{position:absolute;inset:0;overflow:hidden}.announce{font-family:var(--display);font-size:calc(40px * var(--s,1));color:var(--c);text-shadow:3px 3px 0 #000, 0 0 20px var(--c);white-space:nowrap;animation:1.4s ease-out forwards announce;position:absolute;top:40%;transform:translate(-50%)}#alert{opacity:0;border:2px solid var(--gold);font:700 15px var(--display);letter-spacing:1px;color:var(--gold);text-shadow:2px 2px #000;white-space:nowrap;background:#3a0010;border-radius:6px;padding:6px 14px;transition:opacity .2s,transform .2s;position:absolute;top:112px;left:50%;transform:translate(-50%,-10px)}#alert.show{opacity:1;transform:translate(-50%)}#alert b{color:#fff}#banner{text-align:center;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);position:absolute;top:30%;left:0;right:0;transform:scale(.6)}#banner.show{opacity:1;transform:scale(1)}#banner.low{top:64%}.b-title{font-family:var(--display);color:#fff;text-shadow:4px 4px 0 #000, 0 0 40px var(--pink);font-size:clamp(42px,8vw,110px);line-height:1}.b-sub{font:700 clamp(14px, 2vw, 22px) var(--mono);color:var(--gold);text-shadow:2px 2px #000;letter-spacing:2px;margin-top:8px}#banner.rug .b-title{color:var(--red);text-shadow:5px 5px 0 #000, 0 0 50px var(--red);animation:.12s infinite shake}#banner.burn .b-title{color:#ffb36b;text-shadow:4px 4px #000,0 0 50px #ff3b1f}#banner.ko .b-title{color:var(--gold);font-size:clamp(80px,16vw,200px)}#banner.whale .b-title{color:var(--cyan);text-shadow:4px 4px 0 #000, 0 0 40px var(--cyan)}#banner.warn .b-title{color:var(--gold);font-size:clamp(28px,5vw,60px)}#bubble{color:#120a18;max-width:220px;font:700 14px var(--body);opacity:0;background:#fff;border-radius:14px;padding:8px 12px;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:3px 3px #000}#bubble:after{content:"";border:9px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-9px;left:14px}#bubble.show{opacity:1}#controls{justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:opacity .3s;display:flex;position:absolute;bottom:14px;left:0;right:0}#throws{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}#throws::-webkit-scrollbar{display:none}#controls button{pointer-events:auto;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);min-width:56px;font-family:var(--body);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;transition:transform 80ms,background .15s;display:flex}#controls button:hover{background:#ff4fa340}#controls button:active{transform:scale(.94)}#controls button span{font-size:20px;line-height:1}#controls button small{color:var(--muted);white-space:nowrap;font-size:9px}#controls button.sell{border-color:#7a5a00}#controls button.ms{border-color:#7a2a10}#sound,#clipbtn{justify-content:center;height:44px;font-size:18px;min-width:44px!important}body[data-mode=live] #throws{display:none}body.clip #top,body.clip #side,body.clip #bagbox{opacity:0}body.clip #controls{opacity:.15}body.clip #controls:hover{opacity:1}@keyframes pulse{0%{opacity:1}to{opacity:.45}}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:rotate(-8deg)scale(1.5)}to{transform:rotate(-8deg)scale(1)}}@keyframes announce{0%{opacity:0;transform:translate(-50%,20px)scale(.4)}15%{opacity:1;transform:translate(-50%)scale(1.15)}30%{transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-90px)scale(1)}}@keyframes shake{0%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}to{transform:translate(1px,2px)}}@media (width<=760px){#top{grid-template-columns:1fr;gap:8px;padding:10px 12px}#brand{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}#tagline{flex-basis:100%;order:3;max-width:none;margin-top:4px;font-size:11px}#brand h1{font-size:18px}#modebadge{margin-top:0;font-size:9px}#links{gap:3px;margin:0 0 0 6px}#links a{letter-spacing:.5px;padding:2px 5px;font-size:9px}#stats{grid-template-columns:repeat(4,1fr);justify-self:stretch;gap:2px 8px;padding:6px 10px}#stats b{font-size:12px}#stats label{font-size:8px}.f-name b{font-size:18px}#side{gap:6px;width:auto;height:150px;inset:auto 12px 198px}#kingbox{flex:none;align-items:center;gap:10px;padding:5px 8px;display:flex}#kingbox label{gap:5px;font-size:9px}#kingbox label img{width:16px;height:16px}#kingbox label i{display:none}#king{margin:0;font-size:12px}#kingbox small{display:none}#stack{flex-direction:row;flex:none;align-items:center;gap:4px;padding:4px 8px}#stack-toggle,.st-name small,.st-note,.cg-why{display:none}#stack.collapsed>.st-row:not(.st-note):not(#stack-toggle){display:flex}.f-fine{margin-top:1px;padding-left:25px;font-size:10px}:root{--side-w:auto}#feed li{border-left-width:3px;font-size:12px}.f-top b{font-size:12px}.f-usd{font-size:13px}.f-icon{width:18px;font-size:16px}.st-row{gap:4px}.st-row+.st-row:before{content:"·";color:var(--muted);margin:0 3px}.st-row img{width:14px;height:14px}.st-name b{font:700 9px var(--mono);white-space:nowrap}#feed li:nth-child(n+3){display:none}#feed li{padding:5px 8px;font-size:12px}.f-line,#feed .f-next{display:none}#bagbox{width:auto;padding:8px 10px;bottom:74px;left:12px;right:12px}body.bag-collapsed #side{bottom:122px}#bagbox.collapsed #bag-summary{font-size:11px}#bag-legend,#bag-sub,#cagebox label,#cagebox small{display:none}#bagbar{height:10px;margin:14px 0 2px}#bag-next{font-size:10px}#cagebox{margin-top:4px;padding-top:4px}.cg-row{font-size:11px}.cg-row>b{font-size:13px}.ghost-row{margin-top:0;font-size:11px}#controls{justify-content:flex-start;padding:0 12px;bottom:10px}#throws{flex:1}#controls button{min-width:50px}#combo{top:44%;left:4%}#combo b{font-size:56px}#combo span{font-size:15px}.announce{font-size:calc(28px * var(--s,1))}#bubble{max-width:160px;font-size:12px}#alert{padding:5px 10px;font-size:12px;top:168px}#banner{padding:0 10px}#banner.low{top:50%}.b-title,#banner.warn .b-title{overflow-wrap:anywhere;font-size:34px}#banner.ko .b-title{font-size:72px}.b-sub{letter-spacing:1px;font-size:12px}}
