:root{--white:#ffffff;--paper:#fff8f2;--paper-2:#ffeadf;--line:#f2cdc0;--line-2:#e4b3a3;--red:#e02a1e;--red-dk:#a5140c;--red-lt:#ff5c4d;--mustard:#ffc21a;--mustard-dk:#d99500;--mustard-lt:#ffe6a3;--cream:#fffaf3;--ink:#150e0e;--ink-soft:#6b524b;--ok:#d99500}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font-family:Barlow Semi Condensed,system-ui,sans-serif;color:var(--ink);background:radial-gradient(120% 80% at 50% -20%,#ffe9c9 0%,transparent 60%),linear-gradient(180deg,#fff,#fff2e6);-webkit-tap-highlight-color:transparent}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.16;background:repeating-linear-gradient(0deg,rgba(224,42,30,.1) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}[hidden]{display:none!important}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#ffeadf}::-webkit-scrollbar-thumb{background:var(--red);border:2px solid #ffeadf;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--red-dk)}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.topbar{position:relative;z-index:10;height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;background:linear-gradient(180deg,#f23a2b,#c81a10);border-bottom:4px solid var(--mustard);box-shadow:0 4px #ffffff2e inset,0 8px 20px #a5140c47}.neon{font-family:Monoton,cursive;font-size:clamp(19px,2.6vw,31px);color:#fff;letter-spacing:1px;line-height:1;white-space:nowrap;text-shadow:0 0 4px #fff,0 0 12px rgba(255,194,26,.9),0 3px 0 var(--red-dk);animation:buzz 6s infinite steps(1)}@keyframes buzz{0%,96%,to{opacity:1}97%{opacity:.55}98%{opacity:1}99%{opacity:.7}}.wallet{display:flex;align-items:center;gap:11px;padding:7px 16px;color:var(--ink);background:linear-gradient(180deg,#fff,#fff3e2);border:2px solid var(--mustard);border-radius:10px;box-shadow:0 3px #a5140c40}.wallet img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}.wallet .amt{font-family:Barlow,sans-serif;font-weight:900;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.wallet .rate{font-size:12px;font-weight:700;color:var(--red);letter-spacing:.6px;line-height:1.1}.hdr-right{display:flex;align-items:center;gap:12px}.badge-spat{display:none;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:#1a1212;border:2px solid var(--mustard);font-weight:700;font-size:13px;color:var(--mustard)}.badge-spat.on{display:flex}.sfxbtn{width:40px;height:40px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:#1a1212;border:2px solid var(--mustard);color:var(--ink);transition:.12s}.sfxbtn:hover{border-color:#fff;background:#2b1e1e}.sfxbtn:active{transform:translateY(2px)}.sfxbtn svg{width:22px;height:22px}.sfxbtn.off{opacity:.5}.sfxbtn.off svg{filter:grayscale(1)}main{position:relative;z-index:2;height:calc(100% - 74px);width:min(1500px,100%);margin:0 auto;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,540px);gap:12px}.panel{background:linear-gradient(180deg,#fff,#fffaf4);border:2px solid var(--line-2);border-radius:14px;min-height:0}.panel{box-shadow:0 10px 24px #a5140c1a,0 1px #fff inset}.counter{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;gap:10px}.counter:before{content:"";position:absolute;left:-25%;right:-25%;bottom:-2%;height:46%;background:repeating-conic-gradient(#ffffff 0% 25%,var(--red) 0% 50%) 0 0/64px 64px;transform:perspective(340px) rotateX(63deg);opacity:.14;pointer-events:none}.counter:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 40%,rgba(255,194,26,.26),transparent 70%)}.burger-stage{position:relative;z-index:3;width:min(46vh,min(40vw,430px));aspect-ratio:1.15;display:grid;place-items:center;cursor:pointer;user-select:none;border-radius:50%;transition:transform .07s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 22px 14px rgba(165,20,12,.28));touch-action:manipulation}.burger-stage:hover{transform:translateY(-4px) scale(1.015)}.burger-stage.press{transform:translateY(6px) scale(.955)}.burger-stage img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.halo{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,194,26,.55),transparent 68%);filter:blur(6px);opacity:0;transition:opacity .18s;pointer-events:none}.burger-stage:hover .halo{opacity:1}.tapline{z-index:3;font-family:Alfa Slab One,serif;font-size:clamp(14px,1.7vw,20px);letter-spacing:1px;color:var(--red);text-shadow:0 2px 0 #ffd76a}.tapline small{display:block;font-family:Barlow Semi Condensed;font-weight:600;font-size:11px;letter-spacing:1.6px;color:var(--ink-soft);text-shadow:none;margin-top:3px}.chips{z-index:3;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.chip{min-width:104px;padding:7px 12px;text-align:center;border-radius:10px;color:var(--ink);background:linear-gradient(180deg,#fff,#fff3e6);border:2px solid var(--line-2)}.chip small{display:block;font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.chip b{font-family:Barlow;font-size:19px;font-variant-numeric:tabular-nums}.chip.hot{border-color:var(--red);box-shadow:0 0 14px #e02a1e47}.chip.hot b{color:var(--red)}.combo-rail{z-index:3;width:min(100%,430px)}.combo-rail .lab{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-soft)}.combo-rail .track{height:9px;margin-top:4px;border-radius:99px;background:#ffeadf;border:1px solid var(--line-2);overflow:hidden}.combo-rail .track i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--mustard),var(--red));transition:width .12s linear}.buffbar{z-index:3;display:flex;gap:7px;flex-wrap:wrap;justify-content:center;min-height:0}.buff{display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;background:linear-gradient(180deg,#ffe9a8,#ffd35e);border:2px solid var(--red);font-weight:700;font-size:12.5px;color:var(--ink);animation:pulseBuff 1.4s ease-in-out infinite}.buff .t{font-variant-numeric:tabular-nums;color:var(--red-dk)}@keyframes pulseBuff{50%{box-shadow:0 0 16px #e02a1e59}}.dock{display:flex;flex-direction:column;min-height:0;overflow:hidden}.tabs{display:flex;gap:4px;padding:8px 8px 0;flex:0 0 auto}.tab{flex:1;padding:9px 4px 8px;border-radius:9px 9px 0 0;font-weight:700;font-size:13px;letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-soft);background:#fff3e6;border:2px solid var(--line-2);border-bottom:0;position:relative}.tab:hover{color:var(--ink);background:#ffe6cf}.tab.on{color:#fff;background:linear-gradient(180deg,#f23a2b,#c81a10);border-color:var(--red-dk)}.tab .dot{position:absolute;top:4px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--mustard);box-shadow:0 0 8px var(--mustard-dk);display:none}.tab .dot.on{display:block}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:2px solid var(--line-2);border-bottom:2px solid var(--line-2);background:#fff3e6;flex:0 0 auto}.toolbar .lab{font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft)}.qty{display:flex;gap:3px;margin-left:auto}.qty button{padding:5px 11px;border-radius:7px;font-weight:700;font-size:12.5px;background:#fff;border:2px solid var(--line-2);color:var(--ink-soft)}.qty button.on{background:var(--mustard);border-color:var(--mustard-dk);color:var(--ink)}.list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:6px}.item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;text-align:left;width:100%;color:var(--ink);background:linear-gradient(180deg,#fff,#fff6ec);border:2px solid var(--line);transition:transform .08s,background .12s,border-color .12s}.item:hover{background:linear-gradient(180deg,#fff6dd,#ffe9c8);border-color:var(--red);transform:translate(2px)}.item:active{transform:translate(0) scale(.995)}.item .ico{width:46px;height:46px;border-radius:9px;display:grid;place-items:center;background:#1a1212;border:2px solid var(--line-2);flex:0 0 auto}.item .ico svg{width:29px;height:29px;display:block}.item .nm{font-family:Barlow;font-weight:900;font-size:14.5px;letter-spacing:.2px;line-height:1.15;color:var(--ink);display:flex;align-items:center;gap:6px}.item .lv{font-family:Barlow Semi Condensed;font-weight:700;font-size:11px;color:#fff;background:var(--red);border-radius:5px;padding:0 5px;line-height:16px}.item .ds{font-size:12px;color:var(--ink-soft);line-height:1.25;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .pr{font-family:Barlow;font-weight:900;font-size:14px;color:var(--mustard-dk);white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.item .pr small{display:block;font-family:Barlow Semi Condensed;font-weight:700;font-size:10px;color:var(--ink-soft);letter-spacing:.6px}.item.poor{opacity:.5;filter:saturate(.45)}.item.poor:hover{transform:none;border-color:var(--line);background:linear-gradient(180deg,#fff,#fff6ec)}.item.poor .pr{color:var(--red)}.item.nope{animation:nope .28s}@keyframes nope{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.item.owned{border-color:var(--mustard-dk);background:linear-gradient(180deg,#fff6d8,#ffeab0)}.item.owned .pr{color:var(--red-dk);font-size:12px}.ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:7px;padding:9px;overflow-y:auto;min-height:0;flex:1 1 auto;align-content:start}.ach .a{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;position:relative;background:#1a1212;border:2px solid var(--line-2)}.ach .a svg{width:34px;height:34px;opacity:.24;filter:grayscale(1)}.ach .a.got{background:#1a1212;border-color:var(--mustard);box-shadow:0 0 14px #ffc21aa6}.ach .a.got svg{opacity:1;filter:none}#atip{position:fixed;z-index:180;width:max-content;max-width:220px;padding:8px 11px;border-radius:9px;background:#fff;border:2px solid var(--red);pointer-events:none;opacity:0;transition:opacity .12s;color:var(--ink);font-size:12px;line-height:1.35;text-align:center;box-shadow:0 10px 24px #a5140c47;transform:translate(-50%,-100%);display:none}#atip.on{display:block;opacity:1}#atip b{display:block;font-family:Barlow;font-weight:900;color:var(--red);font-size:13px;margin-bottom:2px}#atip .lock{color:var(--ink-soft);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:3px;display:block}.stats{padding:11px;overflow-y:auto;min-height:0;flex:1 1 auto;font-size:14px;color:var(--ink)}.stats h4{margin:0 0 7px;font-family:Alfa Slab One,serif;font-size:13px;letter-spacing:1px;color:var(--red);text-transform:uppercase}.stats h4:not(:first-child){margin-top:15px}.srow{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:7px;background:#fff3e6;border:1px solid var(--line);margin-bottom:4px}.srow b{font-family:Barlow;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ink)}.srow span{color:var(--ink-soft)}.dockfoot{display:flex;gap:6px;padding:8px;border-top:2px solid var(--line-2);background:#fff3e6;flex:0 0 auto}.btn{flex:1;padding:9px 6px;border-radius:9px;font-weight:700;font-size:12.5px;letter-spacing:1.2px;text-transform:uppercase;background:#fff;border:2px solid var(--line-2);color:var(--ink);transition:.1s}.btn:hover{background:#ffe9c8;border-color:var(--mustard-dk)}.btn:active{transform:translateY(2px)}.btn.gold{background:linear-gradient(180deg,#ffd35e,#e8a600);border-color:var(--mustard-dk);color:var(--ink)}.btn.gold:hover{background:linear-gradient(180deg,#ffe28c,#ffbb15)}.btn.danger{background:linear-gradient(180deg,#f23a2b,#c81a10);border-color:var(--red-dk);color:#fff}.btn.danger:hover{background:linear-gradient(180deg,#ff5344,#e02a1e)}.pop{position:fixed;z-index:120;pointer-events:none;font-family:Barlow;font-weight:900;font-size:20px;color:var(--red);text-shadow:0 2px 0 #ffd76a,0 0 10px rgba(255,255,255,.9);animation:popUp .85s cubic-bezier(.15,.7,.3,1) forwards;white-space:nowrap}.pop.big{font-size:31px;color:var(--mustard-dk);text-shadow:0 2px 0 #fff,0 0 14px rgba(255,194,26,.8)}@keyframes popUp{0%{opacity:1;transform:translate(-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-96px) scale(1.2)}}.flyer{position:fixed;z-index:118;width:34px;height:34px;object-fit:contain;pointer-events:none;animation:fly .78s ease-out forwards}@keyframes fly{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% - 108px)) scale(1.05) rotate(300deg)}}.crumb{position:fixed;z-index:117;width:7px;height:7px;border-radius:2px;pointer-events:none;animation:crumb .6s ease-out forwards}@keyframes crumb{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(220deg)}}#golden{position:fixed;z-index:130;width:86px;height:86px;object-fit:contain;cursor:pointer;display:none;filter:drop-shadow(0 0 16px rgba(255,194,26,.95)) drop-shadow(0 6px 8px rgba(165,20,12,.35));animation:spin 2.4s linear infinite}@keyframes spin{50%{transform:rotate(180deg) scale(1.09)}to{transform:rotate(360deg) scale(1)}}.toast{position:fixed;right:16px;bottom:16px;z-index:150;max-width:330px;padding:12px 16px;border-radius:12px;color:var(--ink);background:#fff;border:2px solid var(--red);box-shadow:0 14px 30px #a5140c47;transform:translate(140%);transition:transform .34s cubic-bezier(.2,.9,.3,1);display:flex;gap:11px;align-items:center}.toast.show{transform:translate(0)}.toast svg{width:38px;height:38px;flex:0 0 auto;background:#1a1212;border-radius:9px;padding:3px}.toast b{display:block;font-family:Alfa Slab One,serif;font-size:14px;color:var(--red);letter-spacing:.4px}.toast span{font-size:13px;color:var(--ink-soft);line-height:1.3}.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:#50140e73;padding:18px}.modal.show{display:grid}.sheet{width:min(480px,100%);padding:22px;border-radius:16px;text-align:center;color:var(--ink);background:#fff;border:3px solid var(--red);box-shadow:0 24px 50px #50140e59}.sheet h3{margin:0 0 6px;font-family:Alfa Slab One,serif;font-size:23px;color:var(--red);letter-spacing:.5px}.sheet p{margin:0 0 14px;font-size:14.5px;line-height:1.45;color:var(--ink-soft)}.sheet .big{font-family:Barlow;font-weight:900;font-size:40px;color:var(--mustard-dk);line-height:1;margin:10px 0}.sheet .row{display:flex;gap:8px;margin-top:6px}@media(max-width:980px){main{grid-template-columns:1fr;grid-template-rows:minmax(220px,.9fr) minmax(260px,1.1fr);padding:8px;gap:8px}.burger-stage{width:min(34vh,62vw)}.chip{min-width:80px;padding:5px 8px}.chip b{font-size:16px}.topbar{height:64px;padding:0 12px}main{height:calc(100% - 64px)}.wallet{padding:5px 11px}.wallet img{width:27px;height:27px}.wallet .amt{font-size:21px}}@media(max-width:560px){.neon{font-size:17px}.item{grid-template-columns:38px minmax(0,1fr) auto;padding:6px 8px}.item .ico{width:38px;height:38px}.item .ico svg{width:24px;height:24px}.item .nm{font-size:13px}.item .ds{font-size:11px}.item .pr{font-size:12.5px}.tapline{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topbar-events{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0}#boostTimer,#resetTimer{display:flex;align-items:center;white-space:nowrap;padding:5px 13px;border-radius:99px;background:#0003;border:2px solid var(--mustard);font-family:Barlow,sans-serif;font-weight:900;font-size:12px;letter-spacing:.7px;text-transform:uppercase;color:#fff;gap:7px;text-shadow:0 1px 0 rgba(0,0,0,.35)}#boostTimer{border-color:#fff}#boostTimer.on{background:linear-gradient(90deg,#ffd400,#ff7a00,#ffd400);background-size:200% 100%;color:#1a1212;text-shadow:none;animation:boostPill 1.6s linear infinite}@keyframes boostPill{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(max-width:1080px){.topbar-events{flex-direction:column;gap:3px}#boostTimer,#resetTimer{font-size:10.5px;padding:3px 10px;letter-spacing:.4px}}@media(max-width:720px){#boostTimer .lbl,#resetTimer .lbl{display:none}#boostTimer:before{content:"★"}#resetTimer:before{content:"↻"}#boostTimer,#resetTimer{font-size:10px;padding:3px 8px;gap:4px}.topbar{padding:0 10px;gap:8px}.neon{font-size:15px}.sfxbtn{width:34px;height:34px}.sfxbtn svg{width:18px;height:18px}.hdr-right{gap:7px}.wallet{padding:5px 9px;gap:7px}.wallet img{width:26px;height:26px}.wallet .amt{font-size:18px}.wallet .rate{font-size:9.5px}}#feed{position:fixed;left:14px;bottom:14px;z-index:12;display:flex;flex-direction:column-reverse;gap:6px;width:270px;max-width:44vw;pointer-events:none}.feed-item{font-family:Barlow Semi Condensed;font-size:12px;font-weight:600;background:#fffffff2;border:2px solid var(--line-2);border-left:4px solid var(--line-2);border-radius:9px;padding:5px 10px;box-shadow:0 3px #a5140c1a;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:feedIn .25s ease-out both;transition:opacity .5s ease}.feed-item.leaving{opacity:0}.feed-item .who{font-weight:900;color:var(--ink)}.feed-item.me .who{text-decoration:underline}.feed-item.click{border-left-color:var(--mustard);color:var(--mustard-dk)}.feed-item.join{border-left-color:var(--line-2);color:var(--ink-soft)}.feed-item.win{border-left-color:var(--ok);color:var(--ok)}.feed-item.fail{border-left-color:var(--red);color:var(--red-dk)}@keyframes feedIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes boostHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes boostSlide{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes boostShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-.7deg)}50%{transform:translate(3px,-2px) rotate(.7deg)}75%{transform:translate(-2px,-2px) rotate(-.4deg)}}body.boost .topbar{background:linear-gradient(90deg,#ff004d,#ff7a00,#ffd400,#22c55e,#00c8ff,#7b3ff2,#ff004d);background-size:300% 100%;animation:boostSlide 3s linear infinite,boostShake .42s ease-in-out infinite}body.boost .counter,body.boost .dock{background:linear-gradient(135deg,#ffdede,#fff0d0,#e2ffe0,#e0f0ff,#f3e0ff,#ffdede);background-size:400% 400%;animation:boostSlide 5s linear infinite,boostShake .42s ease-in-out infinite}body.boost .dock{animation:boostSlide 5s linear infinite,boostHue 2.4s linear infinite,boostShake .42s ease-in-out infinite}body.boost .counter>*:not(.burger-stage),body.boost .neon,body.boost .wallet,body.boost .sfxbtn,body.boost .badge-spat,body.boost .feed-item,body.boost .toast{animation:boostHue 2.4s linear infinite,boostShake .42s ease-in-out infinite}body.boost .burger-stage{animation:boostShake .42s ease-in-out infinite;animation-delay:.15s}body.boost #boostTimer,body.boost #resetTimer{animation:boostShake .42s ease-in-out infinite}body.boost #golden{animation:boostHue 2.4s linear infinite}body.boost .wallet{animation-delay:0s,.06s}body.boost .chips{animation-delay:0s,.12s}body.boost .combo-rail{animation-delay:0s,.18s}body.boost .tapline{animation-delay:0s,.24s}body.boost .dock{animation-delay:0s,0s,.09s}@media(prefers-reduced-motion:reduce){body.boost .topbar{animation:boostSlide 3s linear infinite}body.boost .counter,body.boost .dock{animation:boostSlide 5s linear infinite,boostHue 2.4s linear infinite}body.boost .counter>*:not(.burger-stage),body.boost .neon,body.boost .wallet,body.boost .sfxbtn,body.boost .badge-spat,body.boost .feed-item,body.boost .toast{animation:boostHue 2.4s linear infinite}body.boost .burger-stage,body.boost #boostTimer,body.boost #resetTimer{animation:none}}
