@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--panel-bg: rgba(11, 16, 28, .86);--panel-border: #28406e;--card: #0e1830;--card-border: #24365c;--text: #eaf2ff;--muted: #7f93bd;--green: #57f2a8;--red: #ff7a98;--gold: #ffd25a;--blue: #56b6ff;--purple: #c792ea;--neon: #46e6ff;--radius: 6px}.pixel{font-family:"Press Start 2P",ui-monospace,monospace;letter-spacing:.5px}.panel{position:absolute;top:14px;right:14px;width:332px;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:repeating-linear-gradient(0deg,rgba(120,200,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,#101d34,#0a0f1c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--accent, var(--panel-border));border-radius:6px;padding:0 0 14px;box-shadow:0 0 0 1px #000000b3,0 0 26px -8px var(--accent, var(--neon)),0 18px 50px #0009,inset 0 1px #ffffff0f;animation:panel-in .2s cubic-bezier(.2,.9,.3,1)}.panel-body{padding:6px 16px 0}@keyframes panel-in{0%{transform:translate(26px);opacity:0}}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#2c3a55;border-radius:4px}.panel::-webkit-scrollbar-track{background:transparent}.panel-head{display:flex;align-items:center;gap:10px;padding:12px 12px 11px;margin-bottom:8px;border-radius:5px 5px 0 0}.panel-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;border:1px solid;font-size:16px;flex:0 0 auto;box-shadow:inset 0 0 10px -3px currentColor}.panel-title{font-size:11px;flex:1;text-transform:uppercase;text-shadow:0 0 14px currentColor}.xbtn{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;color:var(--muted);transition:color .15s,transform .1s}.xbtn:hover{color:var(--text);transform:scale(1.15)}.section{margin:14px 0 8px;display:flex;justify-content:space-between;align-items:center}.section>span:first-child{font-family:"Press Start 2P",ui-monospace,monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--neon);opacity:.75;text-shadow:0 0 10px rgba(70,230,255,.4)}.btn{font-family:inherit;border-radius:5px;transition:filter .12s,transform .08s,box-shadow .15s,border-color .15s}.btn:not(:disabled):hover{filter:brightness(1.18) saturate(1.1);transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0) scale(.98);filter:brightness(.95)}.btn:disabled{cursor:not-allowed}.navbar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:12px;background:repeating-linear-gradient(0deg,rgba(120,200,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,#101d34,#0a0f1c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 0 0 1px #000000b3,0 16px 48px #0000008c,inset 0 1px #ffffff0f}.navbtn{width:150px;padding:16px 0 13px;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,transform .12s,border-color .15s,box-shadow .15s}.navbtn:hover{background:#46e6ff0f;color:var(--text);border-color:#2a3a5a;transform:translateY(-2px)}.navbtn:active{transform:scale(.95)}.navbtn.active{background:var(--accent, var(--green));color:#0b1018;border-color:var(--accent, var(--green));transform:translateY(-3px);box-shadow:0 8px 20px -4px var(--accent, var(--green))}.navbtn.active .lbl{color:#0b1018;opacity:.85}.navbtn.active .ico{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.navbtn .ico{font-size:42px;line-height:1}.navbtn .lbl{font-family:"Press Start 2P",ui-monospace,monospace;font-size:12px;letter-spacing:.5px}.hud{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px}.chip{display:flex;align-items:center;gap:10px;background:repeating-linear-gradient(0deg,rgba(120,200,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,#101d34,#0a0f1c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:7px;padding:7px 12px;cursor:pointer;box-shadow:0 0 0 1px #0000008c,0 6px 18px #00000052,inset 0 1px #ffffff0f;transition:border-color .15s,transform .12s,box-shadow .15s}.chip:hover{border-color:var(--neon);box-shadow:0 0 0 1px #0000008c,0 0 18px -6px var(--neon),inset 0 1px #ffffff0f;transform:translateY(-1px)}.respill{display:flex;align-items:center;gap:9px;background:repeating-linear-gradient(0deg,rgba(120,200,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,#101d34,#0a0f1c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:7px;padding:7px 12px;min-width:168px;box-shadow:0 0 0 1px #0000008c,0 6px 18px #00000052,inset 0 1px #ffffff0f}.bar{height:5px;border-radius:3px;background:#0000008c;overflow:hidden}.bar>i{display:block;height:100%;border-radius:3px;transition:width .35s ease;box-shadow:0 0 6px currentColor}.rowcard{background:linear-gradient(180deg,#56b6ff0d,#0000002e),var(--card);border:1px solid var(--card-border);border-radius:6px;box-shadow:inset 0 1px #ffffff0a;transition:border-color .15s,transform .12s,box-shadow .15s}.rowcard:not(:disabled):hover{transform:translateY(-1px);border-color:#3a557f;box-shadow:0 0 16px -7px var(--neon),inset 0 1px #ffffff0d}.toast{background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:999px;padding:7px 16px;font-size:12.5px;box-shadow:0 8px 24px #0006;animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translateY(-14px);opacity:0}}.th-down-alert{animation:toast-in .28s ease-out,th-down-pulse 1.8s ease-in-out infinite}@keyframes th-down-pulse{0%,to{box-shadow:0 0 14px -8px #ff5a5a}50%{box-shadow:0 0 28px -3px #ff5a5a}}.hintpill{background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #6ee78755;border-radius:999px;padding:7px 16px;font-size:13px;animation:toast-in .25s ease-out}canvas{touch-action:none}html,body{overscroll-behavior:none}.audio-ctrl{position:absolute;bottom:22px;right:calc(50% + 506px);display:flex;gap:8px;z-index:40}.audiobtn{width:36px;height:36px;display:grid;place-items:center;font-size:17px;cursor:pointer;border:1px solid var(--panel-border);border-radius:7px;background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .15s,border-color .15s,transform .08s}.audiobtn:hover{border-color:var(--neon, #46e6ff)}.audiobtn:active{transform:translateY(1px)}@media(pointer:coarse)and (max-width:1024px){.hud,.mobile-half{zoom:.55}.navbar{zoom:.495}.audio-ctrl{right:calc(50% + 258px);bottom:14px}.panel{zoom:.95;top:6px;right:8px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px)}}.rotate-gate{display:none}@media(orientation:portrait)and (max-width:1024px){.rotate-gate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:40px;background:radial-gradient(130% 120% at 50% 28%,#1b2740,#0b1018 72%);color:var(--text)}}.rotate-gate .rotate-ico{font-size:60px;transform-origin:center;animation:rotate-hint 2.6s ease-in-out infinite}.rotate-gate h2{font-family:"Press Start 2P",ui-monospace,monospace;font-size:13px;color:var(--green);margin:0}.rotate-gate p{margin:0;max-width:320px;font-size:14px;line-height:1.5;color:var(--muted)}@keyframes rotate-hint{0%,35%{transform:rotate(0)}55%,to{transform:rotate(90deg)}}.market-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;place-items:center;padding:18px;background:#04060c99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:market-fade .18s ease}@keyframes market-fade{0%{opacity:0}}.market-modal{width:min(1120px,96vw);height:min(780px,94vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #c792ea66;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(150,110,220,.03) 0 1px,transparent 1px 3px),linear-gradient(180deg,#14112a,#0a0a14);box-shadow:0 0 0 1px #000000b3,0 0 70px -18px #c792ea,0 30px 90px #000000b3;animation:market-pop .22s cubic-bezier(.2,.9,.3,1)}@keyframes market-pop{0%{transform:scale(.97);opacity:0}}.market-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #c792ea3a;background:linear-gradient(180deg,#c792ea1c,transparent)}.market-tabs{display:flex;gap:4px;padding:10px 18px 0}.market-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:700;letter-spacing:.4px;padding:8px 14px;transition:color .12s,border-color .12s}.market-tab:hover{color:var(--text)}.market-tab.active{color:#e7c6ff;border-bottom-color:#c792ea}.market-tab .count{margin-left:6px;font-size:10.5px;opacity:.6}.market-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid #ffffff10}.market-search{flex:1 1 180px;min-width:140px;background:#0c1120;border:1px solid #33425f;border-radius:8px;color:var(--text);font-size:12.5px;padding:8px 11px}.market-search:focus{outline:none;border-color:#c792ea88}.fchip{background:#131a2b;border:1px solid #2c3a55;border-radius:999px;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700;padding:5px 11px;transition:all .12s}.fchip:hover{color:var(--text)}.fchip.active{color:#0a0a14}.market-body{flex:1;overflow-y:auto;padding:16px 18px 22px}.market-body::-webkit-scrollbar{width:9px}.market-body::-webkit-scrollbar-thumb{background:#2c3a55;border-radius:4px}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:11px}.mcard{display:flex;flex-direction:column;gap:7px;background:linear-gradient(180deg,#161d2c,#11161f);border:1px solid var(--rarity, #2c3a55);border-radius:11px;padding:12px 12px 11px;transition:transform .1s,box-shadow .12s}.mcard:hover{transform:translateY(-2px);box-shadow:0 8px 22px -10px var(--rarity, #000)}.market-empty{display:grid;place-items:center;height:100%;min-height:220px;text-align:center;color:var(--muted);font-size:13px}.slot-modal{width:min(420px,94vw);display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;border:1px solid #46e6ff66;border-radius:14px;background:repeating-linear-gradient(0deg,rgba(70,230,255,.03) 0 1px,transparent 1px 3px),linear-gradient(180deg,#0e1c28,#0a0e16);box-shadow:0 0 0 1px #000000b3,0 0 70px -18px #46e6ff,0 30px 90px #000000b3;animation:market-pop .22s cubic-bezier(.2,.9,.3,1)}.spin-head{display:flex;align-items:center;gap:10px}.relic-pop{position:relative;width:min(340px,92vw);display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 22px 22px;text-align:center;border:1px solid #c792ea88;border-radius:16px;background:repeating-linear-gradient(0deg,rgba(199,146,234,.04) 0 1px,transparent 1px 3px),linear-gradient(180deg,#1a1228,#0c0a14);box-shadow:0 0 0 1px #000000b3,0 0 80px -16px #c792ea,0 30px 90px #000000b3;animation:market-pop .26s cubic-bezier(.2,.9,.3,1);overflow:hidden}.relic-pop-glow{position:absolute;top:-40%;left:50%;width:220px;height:220px;transform:translate(-50%);background:radial-gradient(circle,rgba(231,198,255,.35),transparent 65%);pointer-events:none;animation:relic-pulse 2.4s ease-in-out infinite}@keyframes relic-pulse{0%,to{opacity:.5}50%{opacity:1}}.relic-pop-amount{font-size:34px;font-weight:900;color:#f3e6ff;text-shadow:0 0 18px #c792ea;z-index:1}.relic-pop-label{font-size:13px;font-weight:800;letter-spacing:1px;color:#e7c6ff;text-transform:uppercase;z-index:1}.relic-pop-sub{font-size:12px;opacity:.72;line-height:1.45;max-width:240px;z-index:1}.slot{position:relative;display:flex;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#060a12,#0b1422);border:1px solid #1d3142;box-shadow:inset 0 0 28px #000000b3,inset 0 0 0 1px #46e6ff0f}.slot:before,.slot:after{content:"";position:absolute;left:0;right:0;height:34%;z-index:3;pointer-events:none}.slot:before{top:0;background:linear-gradient(180deg,#070b13,transparent)}.slot:after{bottom:0;background:linear-gradient(0deg,#070b13,transparent)}.slot-payline{position:absolute;left:8px;right:8px;z-index:2;border-radius:10px;border:1px solid #46e6ff66;background:#46e6ff0f;box-shadow:0 0 22px -6px #46e6ff,inset 0 0 18px -8px #46e6ff;pointer-events:none}.slot-reel{position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#0f1a28,#0a121c);border:1px solid #24364f}.slot-strip{display:flex;flex-direction:column;will-change:transform}.slot-cell{display:grid;place-items:center;font-size:38px;line-height:1}.spin-reveal{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px;border:1px solid #46e6ff88;border-radius:12px;background:linear-gradient(180deg,#46e6ff14,#0003);animation:market-pop .25s cubic-bezier(.2,.9,.3,1)}.spin-prompt{text-align:center;font-size:12.5px;opacity:.7;min-height:38px;display:grid;place-items:center}.spin-chip{cursor:pointer;animation:spin-chip-pulse 1.6s ease-in-out infinite}@keyframes spin-chip-pulse{0%,to{box-shadow:0 0 #46e6ff00}50%{box-shadow:0 0 16px -2px #46e6ff99}}