:root{--bg1:#2a1a3e;--bg2:#1a0f28;--red:#d83a2f;--blue:#4a90d9;--chips:#2f7ed8;--mult:#e04a3f;--gold:#f2c14e;--panel:#140c20eb}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f5efe0;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0d0715;height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}body{overscroll-behavior:none;width:100%;position:fixed;inset:0}#bg{background:radial-gradient(120% 90% at 50% 10%, var(--bg1) 0%, var(--bg2) 60%, #0d0715 100%);filter:saturate(.9);background-position:50%;background-size:cover;position:fixed;inset:0}#stage{transform-origin:50%;width:660px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#topbar{justify-content:space-between;align-items:flex-start;padding:0 10px;display:flex;position:absolute;top:6px;left:0;right:0}.stat{background:var(--panel);border:2px solid #000;border-radius:8px;min-width:62px;padding:3px 9px;font-size:13px;line-height:1.35}.stat label{opacity:.75;font-size:10px;display:block}.stat.money{color:var(--gold)}.stat.blind{min-width:96px}.tb-left,.tb-right{gap:6px;display:flex}.tb-score{text-align:center}.score-row{background:var(--panel);border:2px solid #000;border-radius:8px;align-items:center;gap:6px;padding:2px 10px;font-size:20px;font-weight:700;display:inline-flex}.chips{color:#7db8ff;text-align:right;min-width:44px}.mult{color:#ff7a6e;text-align:left;min-width:34px}.x{opacity:.8;font-size:15px}.score-total{color:var(--gold);text-shadow:0 2px #000,0 0 14px #f2c14e59;margin-top:3px;font-size:26px;font-weight:800}#jokers{justify-content:center;gap:6px;display:flex;position:absolute;top:74px;left:0;right:0}.joker,.joker-slot{--jw:71px;--jh:95px;--jc:0;--jr:0;width:var(--jw);height:var(--jh);background-size:calc(var(--jw) * 10) calc(var(--jh) * 16);background-position:calc(var(--jc) * var(--jw) * -1) calc(var(--jr) * var(--jh) * -1);image-rendering:pixelated;border:2px solid #000;border-radius:7px;box-shadow:0 3px #00000080}.joker-slot{background:#ffffff0f;border-style:dashed;border-color:#ffffff38}.joker.back{background-image:url(/assets/cards/cards.png);background-position:calc(var(--jw) * -2) calc(var(--jh) * -5);background-size:calc(var(--jw) * 10) calc(var(--jh) * 6)}.joker.disabled{filter:grayscale()brightness(.5)opacity(.65)}#jokers .joker{cursor:pointer}.joker.flash{animation:.28s ease-out jflash}@keyframes jflash{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.9);transform:scale(1.18)rotate(-4deg)}to{filter:brightness();transform:scale(1)}}.handname{text-align:center;letter-spacing:1px;opacity:.9;text-shadow:0 2px #000;font-size:15px;position:absolute;top:352px;left:0;right:0}#consumables{gap:6px;display:flex;position:absolute;top:176px;left:10px}.cons{--cw:47px;--ch:calc(47px * 95 / 71);width:var(--cw);height:var(--ch);background-repeat:no-repeat;background-size:calc(var(--cw) * var(--cols)) calc(var(--ch) * var(--rows));background-position:calc(var(--col) * var(--cw) * -1) calc(var(--row) * var(--ch) * -1);image-rendering:pixelated;cursor:pointer;border:2px solid #000;border-radius:6px;box-shadow:0 3px #00000080}.cons.empty{cursor:default;background:#ffffff0f;border-style:dashed;border-color:#ffffff38}.cons.planet{box-shadow:0 3px #00000080,inset 0 0 0 2px #78aaff8c}.cons.spectral{box-shadow:0 3px #00000080,inset 0 0 0 2px #c878ff8c}.cons[data-edition=negative]{filter:invert()hue-rotate(180deg)}.cons.usable{animation:.5s ease-in-out infinite alternate conspick}@keyframes conspick{0%{transform:translateY(0)}to{transform:translateY(-6px)}}#prompt{text-align:center;color:#ffd97a;text-shadow:0 2px #000;font-size:13px;position:absolute;top:328px;left:0;right:0}#prompt[hidden]{display:none}#cards{position:absolute;inset:0}.card{image-rendering:pixelated;will-change:transform;transform-origin:50% 92%;cursor:pointer;border-radius:7px;position:absolute;top:0;left:0;box-shadow:0 4px #00000073,inset 0 0 0 2px #16161c}.card[data-edition=negative]{filter:invert()hue-rotate(180deg)}.card.deactivated{filter:grayscale()brightness(.45)opacity(.6)}.card.shatter{pointer-events:none;animation:.45s ease-in forwards shatter}@keyframes shatter{0%{opacity:1}40%{opacity:.9;transform:translateY(-14px)scale(1.1)rotate(6deg)}to{opacity:0;transform:translate(14px,60px)scale(.6)rotate(-24deg)}}#controls{justify-content:center;gap:14px;display:flex;position:absolute;bottom:8px;left:0;right:0}.btn{font:inherit;letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(#e04a3f,#a82a22);border:3px solid #000;border-radius:10px;padding:9px 26px;font-size:17px;font-weight:800;box-shadow:0 4px #000}.btn:active{transform:translateY(3px);box-shadow:0 1px #000}.btn.discard{background:linear-gradient(#4a90d9,#2a5f9c)}.btn.speed{letter-spacing:0;background:linear-gradient(#5a4a7a,#3a2f52);padding:9px 14px;font-size:13px}.ctl-group{gap:8px;display:flex;position:absolute;bottom:0}.ctl-group:first-child{left:12px}.ctl-group:last-child{right:12px}.btn.sort{letter-spacing:0;background:linear-gradient(#5a4a7a,#3a2f52);padding:9px 12px;font-size:13px}.btn.sort.on{color:#241a08;background:linear-gradient(#f2c14e,#b8862f)}#overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:#080410b8;display:flex;position:fixed;inset:0;overflow:auto}#overlay[hidden]{display:none}.panel{background:var(--panel);text-align:center;border:3px solid #000;border-radius:16px;flex:none;width:min(92vw,460px);margin:auto;padding:26px 24px;animation:.2s ease-out pop;box-shadow:0 10px #00000073}@keyframes pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.panel h1{letter-spacing:3px;font-size:34px}.panel h1 span{opacity:.65;letter-spacing:1px;font-size:15px}.panel h2{margin-bottom:10px;font-size:24px}.panel .sub{opacity:.7;margin:8px 0 18px;font-size:13px}.panel .big-num{color:var(--gold);margin:8px 0;font-size:30px;font-weight:800}.panel .eff{color:#ffb4a8;margin:10px 0;font-size:14px}.panel .money{color:var(--gold);font-size:16px}.big{font:inherit;letter-spacing:2px;color:#fff;cursor:pointer;background:linear-gradient(#e04a3f,#a82a22);border:3px solid #000;border-radius:12px;margin-top:16px;padding:10px 30px;font-size:18px;font-weight:800;box-shadow:0 4px #000}.big:active{transform:translateY(3px);box-shadow:0 1px #000}.blind-token{background:radial-gradient(circle at 35% 30%,#6fbf5f,#2f7a2a);border:5px solid #000;border-radius:50%;place-content:center;gap:4px;width:190px;height:190px;margin:6px auto 12px;display:grid;box-shadow:0 6px #00000080}.blind-token.big{background:radial-gradient(circle at 35% 30%,#f0a93c,#a45e12)}.blind-token.boss{background:radial-gradient(circle at 35% 30%,#e05a5a,#7a1414)}.bt-name{letter-spacing:2px;font-size:20px;font-weight:800}.bt-req{opacity:.92;font-size:13px}.bt-req b{color:#fff;font-size:22px;display:block}.bt-reward{color:var(--gold);font-size:13px}.shop-row{flex-wrap:wrap;justify-content:center;gap:14px;min-height:210px;margin-top:14px;display:flex}.shop-item{background:#ffffff0d;border:2px solid #000;border-radius:12px;width:130px;padding:8px}.shop-item.sold{opacity:.35;pointer-events:none}.shop-item.locked{opacity:.5}.shop-item .joker{margin:0 auto}.shop-item .scard{width:57px;height:76.2676px;image-rendering:pixelated;border:2px solid #000;border-radius:6px;margin:0 auto}.si-name{margin-top:6px;font-size:14px;font-weight:700}.si-eff{opacity:.78;height:44px;font-size:11px;line-height:1.35;overflow:hidden}.si-kind{letter-spacing:1px;opacity:.6;text-transform:uppercase;font-size:10px}.shop-item button{font:inherit;color:#1a0f28;background:var(--gold);cursor:pointer;border:2px solid #000;border-radius:8px;width:100%;margin-top:6px;padding:3px 0;font-size:14px;font-weight:800}.sell-row{border-top:2px dashed #ffffff2e;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.sr-tip{opacity:.65;letter-spacing:1px;font-size:12px}.sell-joker{font:inherit;color:#fff;cursor:pointer;background:#ffffff0f;border:2px solid #000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px 5px;display:flex}.sell-joker:active{transform:translateY(2px)}.sell-joker b{color:var(--gold);font-size:12px}.sell-joker .joker{--jw:40px;--jh:calc(40px * 95 / 71);box-shadow:none}.panel.sell .si-face{width:max-content;margin:6px auto 4px}.panel.sell .si-face .joker{box-shadow:0 4px #00000080}.ghost{font:inherit;color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #000;border-radius:10px;margin:8px 0 0 10px;padding:6px 18px;font-size:14px;font-weight:700;box-shadow:0 3px #000}.ghost:active{transform:translateY(2px);box-shadow:0 1px #000}.voucher-list{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.voucher-list .v{width:28px;height:37.4648px;image-rendering:pixelated;border:1px solid #000;border-radius:3px}.reroll{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#5a4a7a,#3a2f52);border:2px solid #000;border-radius:8px;margin-top:12px;padding:4px 12px;font-size:13px;font-weight:700}.reroll:active{transform:translateY(2px)}.payout{text-align:left;width:max-content;margin:10px auto;font-size:15px;line-height:1.7}.payout .pl{justify-content:space-between;gap:18px;display:flex}.payout .pl b{color:var(--gold)}.toast{text-align:center;z-index:60;pointer-events:none;background:#0a0614eb;border:2px solid #000;border-radius:10px;max-width:560px;padding:7px 14px;font-size:14px;animation:.18s ease-out pop;position:absolute;top:300px;left:50%;transform:translate(-50%);box-shadow:0 4px #00000080}.toast.bad{color:#ffb4a8}@media (width<=520px){.panel h1{font-size:26px}}@media (height<=460px){.panel{border-radius:12px;padding:12px 16px;box-shadow:0 6px #00000073}.panel h1{letter-spacing:2px;font-size:24px}.panel h2{margin-bottom:6px;font-size:19px}.panel .sub{margin:4px 0 8px;font-size:12px}.panel .big-num{margin:4px 0;font-size:24px}.panel .eff{margin:6px 0;font-size:13px}.big{margin-top:8px;padding:8px 22px;font-size:16px}.blind-token{border-width:4px;width:132px;height:132px;margin:2px auto 6px}.bt-name{font-size:17px}.bt-req b{font-size:19px}.shop-row{gap:8px;min-height:0;margin-top:8px}.shop-item{width:96px;padding:5px}.shop-item .joker{--jw:57px;--jh:calc(57px * 95 / 71)}.si-name{margin-top:3px;font-size:12px}.si-eff{height:34px;font-size:10px}.shop-item button{margin-top:3px;font-size:13px}}@media (hover:none){.btn{padding:11px 22px}.shop-item button{min-height:34px}.panel .big,.ghost{min-height:44px}}
