:root{--bg:#1b1428;--bg2:#2a1d3c;--panel:#2b2540;--panel2:#3a3354;--text:#f5f4fa;--muted:#a8a3bd;--accent:#ffaa28;--accent2:#ff5070;--good:#50dc78;--bad:#ff4b4b;--coin:#ffd23c;--cash:#00be78;--radius:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Fredoka,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 30%, var(--bg2), var(--bg) 70%)}#app{max-width:560px;height:100dvh;margin:0 auto;position:relative}button{font:inherit;color:inherit;cursor:pointer;border:0}.screen{height:100%;padding:calc(var(--safe-top) + 10px) 12px calc(var(--safe-bottom) + 10px);flex-direction:column;display:flex;position:relative}.btn{letter-spacing:.5px;background:var(--panel2);border-radius:14px;width:100%;min-height:48px;margin-top:10px;font-size:18px;font-weight:700;transition:transform 80ms;display:block;box-shadow:0 4px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 1px #00000059}.btn:disabled{opacity:.45}.btn-go{background:linear-gradient(#5be68a,#2fb862)}.btn-bad{background:linear-gradient(#ff6a6a,#d83434)}.btn-choice{background:linear-gradient(#ff7a95,#e0405e)}.btn-ghost{box-shadow:none;color:var(--muted);background:0 0}.btn-small{min-height:38px;margin-top:6px;font-size:15px}.btn-coin{color:#3a2400;background:linear-gradient(#ffc646,#e59a12)}.btn-cash{background:linear-gradient(#18d68e,#009c62);width:auto;margin:0;padding:0 16px}.icon-btn{background:var(--panel2);border-radius:12px;width:40px;height:40px;font-size:18px;font-weight:700}.card{background:#222;border-radius:9px;flex:none;width:72px;height:100px;overflow:hidden;box-shadow:0 4px 10px #00000073}.card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card-back{background:repeating-linear-gradient(45deg, #ffffff14 0 8px, transparent 8px 16px), linear-gradient(var(--back), color-mix(in srgb, var(--back) 60%, black));border:3px solid #fffc;place-items:center;display:grid}.back-emoji{aspect-ratio:1;border:2px solid var(--accent);background:#00000059;border-radius:50%;place-items:center;width:62%;font-size:26px;display:grid}.toasts{top:calc(var(--safe-top) + 60px);z-index:50;pointer-events:none;width:min(92vw,420px);position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--panel2);text-align:center;border-radius:12px;margin-bottom:8px;padding:12px 16px;font-weight:600;transition:opacity .3s;animation:.25s ease-out pop}.toast-good{background:#1d7a4b}.toast-bad{background:#8a2626}.toast-out{opacity:0}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.home{gap:14px}.home-top{align-items:center;gap:10px;display:flex}.home-avatar{background:var(--panel2);border:2px solid var(--accent);border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.home-profile{flex:1}.home-level{font-size:15px;font-weight:600}.level-bar{background:var(--panel2);border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.level-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));transform-origin:0;height:100%;transition:transform .4s}.home-coins{color:var(--coin);font-size:18px;font-weight:700}.logo{text-align:center;margin-top:4vh}.logo-bomb{filter:drop-shadow(0 0 22px #ffaa288c);font-size:84px;animation:2.4s ease-in-out infinite bob}.logo h1{letter-spacing:1px;background:linear-gradient(#fff3b0,#ffd23c 55%,#ffaa28);color:#0000;filter:drop-shadow(0 3px #5a1208)drop-shadow(0 0 14px #ffaa2859);-webkit-background-clip:text;background-clip:text;margin:0;font-size:46px}.logo p{color:var(--muted);margin:4px 0 0}@keyframes bob{50%{transform:translateY(-8px)rotate(-6deg)}}.play-box{background:var(--panel);border-radius:20px;margin-top:auto;padding:14px}.count-label{color:var(--muted);text-align:center;font-size:14px}.count-row{justify-content:center;gap:8px;margin-top:8px;display:flex}.count-chip{background:var(--panel2);border-radius:12px;width:52px;height:44px;font-size:20px;font-weight:700}.count-chip.on{background:var(--accent);color:#2a1600}.btn-play{background:linear-gradient(#ff7a4a,#e53d2c);min-height:64px;font-size:28px}.menu-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.menu-btn{background:var(--panel);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 2px 8px;font-size:12px;font-weight:600;display:flex;position:relative}.menu-btn span{font-size:26px}.badge{background:var(--bad);border-radius:50%;place-items:center;width:20px;height:20px;font-weight:700;display:grid;position:absolute;top:4px;right:8px;font-size:13px!important}.badge[hidden]{display:none}.panel-backdrop,.sheet-backdrop{z-index:20;background:#0000008c;align-items:flex-end;display:flex;position:absolute;inset:0}.panel-backdrop[hidden],.sheet-backdrop[hidden]{display:none}.panel{background:var(--bg);border-top:3px solid var(--accent);width:100%;max-height:88%;padding-bottom:var(--safe-bottom);border-radius:22px 22px 0 0;flex-direction:column;animation:.25s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(40%)}}.panel-head{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.panel-head h2{color:var(--accent);margin:0}.panel-body{-webkit-overflow-scrolling:touch;padding:4px 16px 18px;overflow-y:auto}.panel-body h3{margin:14px 0 8px}.panel-note{color:var(--muted);margin:6px 0 10px;font-size:14px}.tabs{gap:6px;display:flex;overflow-x:auto}.tab{background:var(--panel);white-space:nowrap;border-radius:20px;padding:8px 14px;font-weight:600}.tab.on{background:var(--accent);color:#2a1600}.item-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.item{background:var(--panel);text-align:center;border:2px solid var(--rarity);border-radius:14px;flex-direction:column;align-items:center;padding:10px 8px;display:flex}.item-name{margin-top:6px;font-size:14px;font-weight:700}.item-rarity{color:var(--rarity);font-size:11px;font-weight:700}.item-state{color:var(--muted);margin-top:10px;font-size:13px}.item-state.good{color:var(--good)}.item .btn{width:100%}.preview-emoji{place-items:center;height:64px;font-size:44px;display:grid}.preview-card{width:46px;height:64px}.preview-card .back-emoji{font-size:16px}.preview-felt{background:radial-gradient(var(--felt), var(--felt-edge));border:3px solid #c8963c;border-radius:40px;width:80px;height:64px}.pack-list{gap:8px;display:grid}.pack{background:var(--panel);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.pack-info{flex-direction:column;flex:1;display:flex}.pack-info small{color:var(--muted)}.daily-row{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.daily-cell{background:var(--panel);text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:8px 2px;display:flex}.daily-cell span{font-size:20px}.daily-cell b{color:var(--coin)}.daily-cell.today{background:var(--accent);color:#2a1600}.daily-cell.today b{color:#2a1600}.daily-cell.done{opacity:.5}.howto-steps{padding-left:20px;line-height:1.45}.howto-row{align-items:center;gap:12px;margin:10px 0;display:flex}.howto-row p{color:var(--muted);margin:2px 0 0;font-size:14px}.howto-card{width:52px;height:72px}.toggle{border-bottom:1px solid var(--panel2);justify-content:space-between;align-items:center;padding:14px 4px;font-size:18px;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--accent)}.match{gap:8px;padding-left:8px;padding-right:8px}.hud{align-items:center;gap:10px;display:flex}.deck-info{text-align:center;background:var(--panel);border-radius:12px;flex:1;padding:9px 6px;font-size:15px;font-weight:600}.hud-coins{color:var(--coin);font-weight:700}.opponents{justify-content:center;gap:8px;display:flex}.seat{background:var(--panel);text-align:center;border:2px solid #0000;border-radius:14px;flex:1;max-width:96px;padding:8px 4px;transition:border-color .2s,transform .2s,opacity .3s}.seat.current{border-color:var(--accent);transform:translateY(2px)scale(1.04);box-shadow:0 0 18px #ffaa2873}.seat.out{opacity:.4;filter:grayscale()}.seat-avatar{font-size:32px;line-height:1.1;position:relative}.seat-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.seat-cards{color:var(--muted);font-size:13px}.table{background:radial-gradient(ellipse at 50% 40%, var(--felt,#1f8a6a), var(--felt-edge,#0e4f3d));border:6px solid #c8963c;border-radius:50%/42%;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:150px;display:flex;position:relative;box-shadow:inset 0 0 40px #00000073,0 10px 30px #0006}.table-row{align-items:center;gap:34px;display:flex}.stack{width:72px;height:100px;position:relative}.stack-card{position:absolute;inset:0}.stack-card.s2{transform:translate(-3px,-3px)}.stack-card.s1{transform:translate(-6px,-6px)}.stack-count{background:var(--bg);border:2px solid var(--accent);text-align:center;z-index:2;border-radius:14px;min-width:34px;padding:4px 8px;font-weight:700;position:absolute;bottom:-12px;right:-14px}.stack-low .stack-count{border-color:var(--bad);color:#ffb0b0}.stack-glow .stack-card{box-shadow:0 0 22px 6px #ff4646cc}.stack-scan .stack-card{box-shadow:0 0 22px 6px #aa64ffd9}.stack-shuffle{animation:.8s ease-in-out shuffle}@keyframes shuffle{25%{transform:rotate(-12deg)translate(-6px)}50%{transform:rotate(10deg)translate(6px)}75%{transform:rotate(-6deg)}}.discard{border:2px dashed #ffffff59;border-radius:9px;place-items:center;width:72px;height:100px;display:grid}.discard .card{transform:rotate(6deg)}.discard-empty{color:#ffffff80;font-size:12px}.known{color:#ffb4b4;background:#00000073;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:700}.known[hidden]{display:none}.known-top{color:#fff;background:var(--bad);animation:.8s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.table-reverse{animation:.9s ease-in-out spin-once}@keyframes spin-once{to{transform:rotate(360deg)}}.banner{background:var(--panel);text-align:center;border:2px solid #0000;border-radius:14px;padding:8px 12px 10px}.banner-you{border-color:var(--accent);background:#3b2a18}.banner-text{font-size:20px;font-weight:700}.timer{background:var(--panel2);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.timer-bar{background:var(--accent);transform-origin:0;height:100%}.timer-low{background:var(--bad)}.announcer{z-index:8;text-align:center;opacity:0;pointer-events:none;background:#14101eeb;border-radius:14px;padding:10px 14px;font-size:18px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:42%;left:16px;right:16px;transform:translateY(10px)}.announcer-show{opacity:1;transform:none}.announcer-bad{color:#ffc0a8}.announcer-good{color:#b5ffcb}.bottom{flex-direction:column;gap:6px;display:flex;position:relative}.me{border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 4px;display:flex}.me.current{border-color:var(--accent)}.me.out{opacity:.5}.me-avatar{font-size:28px}.pet{font-size:18px;position:absolute;bottom:-2px;right:-16px}.me-label{color:var(--muted);margin-left:12px;font-size:14px}.hand{scrollbar-width:none;gap:6px;min-height:128px;padding:16px 4px 6px;display:flex;overflow-x:auto}.hand::-webkit-scrollbar{display:none}.hand-card{width:76px;height:106px;transition:transform .15s,box-shadow .15s}.hand-card.playable{box-shadow:0 0 0 3px var(--accent), 0 6px 14px #00000080}.hand-card.idle{filter:brightness(.75)}.hand-card.selected{filter:none;transform:translateY(-14px)scale(1.05);box-shadow:0 0 0 3px #fff,0 10px 20px #0009}.out-note{text-align:center;width:100%;color:var(--muted);padding:30px 0}.detail{z-index:6;background:var(--bg);border:3px solid var(--card);border-radius:16px;padding:10px 14px 12px;animation:.18s ease-out pop;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 30px #0009}.detail[hidden]{display:none}.detail-head{align-items:center;gap:8px;font-size:20px;display:flex}.detail p{color:var(--muted);margin:6px 0 0;line-height:1.35}.hint{color:var(--muted);margin-top:10px;font-size:14px}.hint.good{color:var(--good)}.draw-btn{background:linear-gradient(#ff7a4a,#d8352a);border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:60px;font-size:24px;font-weight:700;display:flex;box-shadow:0 5px #0006}.draw-btn small{opacity:.85;font-size:14px}.draw-btn:disabled{background:var(--panel2);opacity:.6}.draw-btn.ready{animation:1.2s ease-in-out infinite pulse}.jam-bar{z-index:9;text-align:center;background:#3c1446;border:3px solid #ff50dc;border-radius:16px;padding:12px;font-weight:700;animation:.2s ease-out pop;position:absolute;top:34%;left:10px;right:10px}.jam-bar[hidden]{display:none}.jam-bar .btn{margin-top:8px}.jam-timer{background:#ffffff26;border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.jam-timer-bar{transform-origin:0;background:#ff50dc;height:100%}.sheet{background:var(--bg);border-top:3px solid var(--accent);width:100%;padding:16px 16px calc(var(--safe-bottom) + 16px);border-radius:22px 22px 0 0;animation:.22s ease-out rise}.sheet h2{color:var(--accent);margin:0 0 6px;font-size:22px}.sheet-note{color:var(--muted);margin:4px 0}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-grid .btn{margin-top:6px}.peek-row{justify-content:center;gap:12px;margin:10px 0;display:flex}.peek-card{text-align:center;font-weight:700}.peek-card .card{width:90px;height:125px;margin-bottom:6px}.ranking{margin:8px 0;padding:0;font-size:18px;line-height:1.6;list-style:none}.rewards{color:var(--coin);justify-content:center;gap:24px;font-size:22px;display:flex}.level-up,.streak{text-align:center;color:var(--accent2);margin-top:6px;font-weight:700}.anim-layer{pointer-events:none;z-index:15;position:fixed;inset:0}.flying{will-change:transform;position:fixed;top:0;left:0}.shaking{animation:80ms linear infinite jitter}@keyframes jitter{25%{margin-left:-3px}75%{margin-left:3px}}.caption{white-space:nowrap;background:#14101ee6;border-radius:12px;padding:6px 14px;font-weight:700;animation:.2s ease-out pop;position:fixed;transform:translate(-50%,-50%)}.stamp{background:#0000008c;border:4px solid;border-radius:10px;padding:6px 12px;font-size:26px;font-weight:700;animation:.35s cubic-bezier(.2,1.6,.4,1) stamp;position:fixed;transform:translate(-50%,-50%)rotate(-12deg)}.stamp-bad{color:#ff5a5a}.stamp-good{color:#6cff9a}.stamp-grey{color:#c8c8d0}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-12deg)scale(2.4)}}.emoji-fly{font-size:48px;position:fixed;top:0;left:0}.fx-canvas{pointer-events:none;z-index:30;width:100vw;height:100vh;position:fixed;inset:0}.flash{z-index:29;pointer-events:none;position:fixed;inset:0}.shake-small{animation:.35s linear shake}.shake-big{animation:.6s linear shake}@keyframes shake{10%,50%,90%{transform:translate(-6px,3px)}30%,70%{transform:translate(6px,-3px)}}.btn-friends{background:linear-gradient(#7a6cff,#5140d8)}.friends,.lobby{gap:14px}.friends-top{align-items:center;gap:12px;display:flex}.friends-top h2{color:var(--accent);margin:0}.friends-card{background:var(--panel);border-radius:18px;padding:14px}.friends-card h3{margin:0 0 4px}.field-label{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.text-input{border:2px solid var(--panel2);background:var(--bg);width:100%;min-height:48px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border-radius:12px;padding:0 14px;font-size:18px}.text-input:focus{border-color:var(--accent);outline:none}.code-input{text-align:center;letter-spacing:10px;text-transform:uppercase;font-size:30px;font-weight:700}.code-box{text-align:center;background:var(--panel);border:2px dashed var(--accent);border-radius:20px;padding:16px}.code-box small{color:var(--muted);letter-spacing:2px}.room-code{letter-spacing:12px;color:var(--coin);-webkit-user-select:text;user-select:text;font-size:56px;font-weight:700}.member-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.member-list li{background:var(--panel);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;animation:.2s ease-out pop;display:flex}.member-list .me-row{border:2px solid var(--good)}.member-avatar{font-size:28px}.member-name{flex:1;font-size:18px;font-weight:600}.member-host{color:var(--coin);font-size:14px}.lobby-controls{margin-top:auto}.lobby-wait{text-align:center;color:var(--muted);font-size:18px}.bots-row{background:var(--panel);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.stepper{align-items:center;gap:14px;font-size:22px;display:flex}.seat.human .seat-name:after{content:" 👤";font-size:11px}