:root{--bg:#f6f4ef;--bg2:#fff;--panel:#fff;--line:#14182817;--text:#15171c;--muted:#6b7180;--gold:#c98a12;--ok:#16a34a;--bad:#e11d48;--accent:#8b5cf6;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;margin:0}body{-webkit-user-select:none;user-select:none;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:16px}input:focus{border-color:var(--accent)}.app{background:radial-gradient(120% 50% at 50% 0%, #fff6dc 0%, var(--bg) 60%);max-width:480px;min-height:100dvh;margin:0 auto;position:relative}.screen{padding-bottom:calc(84px + var(--sab))}.pad{padding:0 16px 16px}.hdr{padding:calc(var(--sat) + 14px) 16px 8px;z-index:5;background:linear-gradient(var(--bg) 70%, transparent);position:sticky;top:0}.pad .hdr{padding-left:0;padding-right:0}.hdr-row{justify-content:space-between;align-items:center;display:flex}h1{letter-spacing:-.5px;margin:0;font-size:34px;font-weight:800}.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:600}.seg{background:#1418280f;border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;margin-top:12px;padding:2px;display:grid}.seg button{color:var(--muted);border-radius:8px;padding:7px 0;font-size:14px;font-weight:600}.seg button.on{color:var(--text);background:#fff;box-shadow:0 1px 4px #0000001f}.seg button:disabled{opacity:.35}.seg-full{margin:14px 0 10px}.sec{align-items:baseline;gap:8px;margin:22px 0 10px;font-size:20px;font-weight:800;display:flex}.sec small{color:var(--muted);font-size:13px;font-weight:600}.note{color:var(--muted);margin:8px 0;font-size:14px;line-height:1.45}.center{text-align:center}.err{color:var(--bad);margin:6px 0 0;font-size:13px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px;padding:28px}.row{gap:8px;margin-top:12px;display:flex}.row .btn-primary{width:auto;margin:0;padding:0 20px}.hud{background:var(--panel);border:1px solid var(--line);border-radius:20px;align-items:center;gap:16px;margin-top:10px;padding:14px;display:flex;box-shadow:0 4px 18px #1418280f}.ring{flex:none;width:112px;height:112px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#14182812;stroke-width:10px}.ring-fg{fill:none;stroke:var(--ok);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}.ring-fg.over{stroke:var(--bad)}.ring-fg.gold{stroke:var(--gold)}.ring-t{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring-t b{font-size:24px;font-weight:800}.ring-t span{color:var(--muted);font-size:11px}.hud-stats{flex:1;gap:8px;display:grid}.hud-stats>div:not(.stepper):not(.warn){justify-content:space-between;font-size:14px;display:flex}.hud-stats span{color:var(--muted)}.hud-stats b.ok{color:var(--ok)}.stepper{gap:6px;display:flex}.stepper button{background:#1418280f;border-radius:9px;flex:1;padding:7px 0;font-size:13px;font-weight:700}.warn{color:var(--bad);font-size:12px;font-weight:600}.btn-primary{color:#2b1a00;background:linear-gradient(#ffe48a,#e8a92c);border-radius:14px;width:100%;margin-top:12px;padding:15px;font-size:16px;font-weight:800;display:block;box-shadow:0 6px 20px #f5c84c40}.btn-primary:active,.btn-cheat:active,.crave-card:active{transform:scale(.97)}.btn-ghost{width:100%;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:10px;padding:13px;font-weight:700;display:block}.btn-cheat{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:800;display:block;box-shadow:0 6px 22px #db27774d}.actions{margin-top:26px}.hand{justify-content:center;padding:18px 0 22px;display:flex}.hand-slot{transform-origin:50% 120%;margin-left:-80px;transition:transform .25s}.hand-slot:first-child{margin-left:0}.deal{animation:.55s cubic-bezier(.2,.9,.25,1.15) both deal}@keyframes deal{0%{opacity:0;translate:0 160px}to{opacity:1;translate:0}}.deal-in{animation:.6s cubic-bezier(.2,.9,.25,1.1) both dealin}@keyframes dealin{0%{opacity:0;translate:120% -20px;rotate:18deg}to{opacity:1;translate:0;rotate:0deg}}.pop{animation:.45s cubic-bezier(.2,.9,.3,1.3) both pop}@keyframes pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.pile{scrollbar-width:none;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.pile-item{flex:none;justify-items:center;gap:4px;display:grid}.pile-item small{color:var(--muted);font-size:11px}.extra-chip{border:1px dashed var(--bad);text-align:center;border-radius:10px;place-content:center;width:96px;height:134px;padding:6px;display:grid}.extra-chip b{color:var(--bad);font-size:22px}.extra-chip span{color:var(--muted);font-size:11px}.grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.gc{perspective:800px;flex:none;width:13em;height:18.2em;font-size:10px}.gc-sm{font-size:7.4px}.gc-lg{font-size:18px}.gc.is-dim{filter:grayscale()brightness(.55)}.gc-inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + var(--flip,0deg)));transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.gc.is-down{--flip:180deg}.gc-face,.gc-back{backface-visibility:hidden;border-radius:1.1em;position:absolute;inset:0;overflow:hidden;box-shadow:0 .7em 1.6em #14182847,0 0 0 .08em #00000014}.gc-back{background:repeating-linear-gradient(45deg,#1b1446 0 .7em,#241a5c .7em 1.4em);padding:.7em;transform:rotateY(180deg)}.gc-back-in{border:.3em solid var(--gold);text-align:center;background:radial-gradient(circle,#f5c84c40,#0000 65%);border-radius:.7em;place-content:center;height:100%;display:grid}.gc-mono{color:var(--gold);letter-spacing:-.05em;text-shadow:0 .05em #7a5200;font-size:4em;font-style:italic;font-weight:900}.gc-back-sub{letter-spacing:.3em;text-transform:uppercase;color:#ffe9a8;font-size:1em;font-weight:800}.tier-bronze{--t1:#f0b77a;--t2:#b9773d;--t3:#6e4019;--ink:#2d1606;--stock:#3a2312;--glow:#f0a05a59}.tier-silver{--t1:#fff;--t2:#b9c3cd;--t3:#5f6b78;--ink:#1d242c;--stock:#26303b;--glow:#c8dcf04d}.tier-gold{--t1:#fff1b0;--t2:#e8b53a;--t3:#8a5d00;--ink:#2e1d00;--stock:#3b2a05;--glow:#ffd25a66}.tier-holo{--t1:#fff;--t2:#c9b6ff;--t3:#5b48a8;--ink:#1d1440;--stock:#221a4a;--glow:#b496ff73}.tier-obsidian{--t1:#ffe9a3;--t2:#d4a13a;--t3:#7a5300;--ink:#f7dc8a;--stock:#0b0b0d;--glow:#f5c84c59}.gc-face{background:linear-gradient(145deg, var(--t1), var(--t2) 40%, var(--t3) 75%, var(--t2));padding:.45em}.gc-frame{background:radial-gradient(90% 55% at 50% 42%, var(--glow), transparent 70%), repeating-linear-gradient(-30deg, #ffffff09 0 .4em, transparent .4em .9em), var(--stock);border-radius:.75em;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .12em #00000059}.tier-obsidian .gc-frame{box-shadow:inset 0 0 0 .15em var(--t2)}.gc-top{z-index:2;justify-content:space-between;align-items:flex-start;padding:.55em .65em 0;display:flex;position:relative}.gc-rating{justify-items:center;line-height:1;display:grid}.gc-rating b{letter-spacing:-.04em;background:linear-gradient(180deg, var(--t1), var(--t2));color:#0000;filter:drop-shadow(0 .06em #0009);-webkit-background-clip:text;background-clip:text;font-size:3em;font-style:italic;font-weight:900}.gc-rating span{letter-spacing:.12em;color:var(--t1);margin-top:.1em;font-size:.75em;font-weight:800}.gc-rating i{background:linear-gradient(180deg, var(--t1), var(--t2));color:var(--ink);border-radius:.3em;margin-top:.35em;padding:.15em .45em;font-size:.95em;font-style:normal;font-weight:900}.tier-obsidian .gc-rating i{color:#1a1300}.gc-no{color:var(--t1);opacity:.8;letter-spacing:.08em;font-size:.8em;font-weight:800}.gc-art{flex:1;place-items:center;min-height:0;margin-top:-1.8em;display:grid}.gc-art span{filter:drop-shadow(0 .08em .12em #0009);font-size:4.8em}.gc-banner{text-align:center;background:linear-gradient(180deg, var(--t1), var(--t2) 60%, var(--t3));clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);margin:0 -.1em;padding:.35em .5em .3em;position:relative}.gc-name{text-transform:uppercase;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.1em;font-style:italic;font-weight:900;line-height:1.15;overflow:hidden}.tier-obsidian .gc-name,.tier-obsidian .gc-sub{color:#1a1300}.gc-sub{color:var(--ink);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:.72em;font-weight:700;overflow:hidden}.gc-stats{grid-template-columns:1fr 1fr;align-items:end;gap:.3em;padding:.45em .55em .55em;display:grid}.gc-stat{background:#00000059;border-radius:.5em;justify-items:center;padding:.3em 0;line-height:1;display:grid;box-shadow:inset 0 0 0 .1em #ffffff1f}.gc-stat b{color:#fff;font-size:1.5em;font-weight:900}.gc-stat span{letter-spacing:.14em;color:var(--t1);margin-top:.2em;font-size:.62em;font-weight:800}.gc-meta{justify-items:end;gap:.2em;display:grid}.gc-tier{text-transform:uppercase;letter-spacing:.14em;color:var(--ink);background:linear-gradient(180deg, var(--t1), var(--t2));border-radius:.3em;padding:.2em .5em;font-size:.62em;font-weight:900}.tier-obsidian .gc-tier{color:#1a1300}.gc-holo{pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;opacity:0;position:absolute;inset:0}.tier-gold .gc-holo,.tier-obsidian .gc-holo,.tier-silver .gc-holo{opacity:.9;background:linear-gradient(115deg,#0000 30%,#ffffff8c 45%,#0000 58%) 0 0/260% 100%;animation:4.5s ease-in-out infinite sheen}.tier-holo .gc-holo{opacity:.75;mix-blend-mode:color-dodge;background:linear-gradient(115deg, transparent 25%, #fff9 45%, transparent 60%) 0 0 / 260% 100%, conic-gradient(from 0deg at var(--mx,50%) var(--my,50%), #ff6b6b, #ffd93d, #6bff95, #4dd8ff, #b06bff, #ff6bd5, #ff6b6b);animation:3.5s ease-in-out infinite sheen}@keyframes sheen{0%{background-position:130% 0,0 0}60%,to{background-position:-40% 0,0 0}}.overlay{z-index:50;-webkit-backdrop-filter:blur(10px);background:#14182859;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.overlay-in{width:100%;max-width:480px;max-height:92dvh;padding:22px 16px calc(18px + var(--sab));background:var(--bg);border-top:1px solid var(--line);border-radius:26px 26px 0 0;animation:.35s cubic-bezier(.2,.9,.3,1) both up;position:relative;overflow-y:auto}@keyframes up{0%{translate:0 100%}}.x{background:var(--panel);width:32px;height:32px;color:var(--muted);border-radius:50%;font-size:14px;position:absolute;top:12px;right:12px}.sheet h3{margin:4px 0 14px;font-size:22px;font-weight:800}.inspect{justify-items:center;display:grid}.items{gap:6px;width:100%;margin:16px 0 6px;padding:0;list-style:none;display:grid}.items li{background:var(--panel);border-radius:10px;padding:10px 12px;font-size:15px}.macro{color:var(--muted);gap:14px;width:100%;font-size:13px;display:flex}.crave{grid-template-columns:1fr 1fr;gap:12px;display:grid}.crave-card{aspect-ratio:5/6;text-align:center;border:2px solid var(--gold);background:repeating-linear-gradient(45deg,#1b1446 0 10px,#241a5c 10px 20px);border-radius:16px;place-content:center;gap:8px;display:grid}.crave-card span{font-size:44px}.crave-card b{color:#fff;font-size:16px;font-weight:800}.deal-row{justify-content:center;gap:10px;padding:8px 0 4px;display:flex}.deal-row .gc{font-size:8.4px}.pick-card{justify-content:center;display:flex}.opts{gap:6px;display:grid}.opts button{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-content:space-between;padding:12px 14px;font-size:15px;font-weight:600;display:flex}.opts button.on{border-color:var(--gold);background:#fff6dc}.opts small{color:var(--muted)}.timers{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.timers div{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.timers span{color:var(--muted);font-size:13px}.timers b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stage{justify-items:center;padding-top:18px;display:grid}.stage .grid{width:100%}.logbox{width:100%;margin-top:16px}.cue{text-align:center;margin:0;font-size:16px;line-height:1.4}.rest-ring{text-align:center;background:#fff;border:8px solid #8b5cf680;border-radius:50%;place-content:center;width:220px;height:220px;margin:30px 0 10px;animation:2s ease-in-out infinite breathe;display:grid;box-shadow:0 0 40px #8b5cf659}.rest-ring b{font-variant-numeric:tabular-nums;font-size:48px;font-weight:900}.rest-ring span{color:var(--muted);max-width:140px;font-size:13px}@keyframes breathe{50%{scale:1.04}}.pack-wrap{justify-items:center;padding-top:30px;display:grid}.pack{color:#fff;background:linear-gradient(160deg,#6d28d9,#1e1b4b 55%,#db2777);border-radius:10px;width:210px;height:300px;animation:3s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:0 20px 40px #3c1e784d}.pack:before,.pack:after{content:"";z-index:2;background:repeating-linear-gradient(90deg,#e5c06a 0 6px,#a4782a 6px 12px);height:16px;position:absolute;left:0;right:0}.pack:before{top:0}.pack:after{bottom:0}.pack-foil{background:linear-gradient(115deg,#0000 30%,#fff6 45%,#0000 60%) 0 0/260% 100%;animation:3s ease-in-out infinite sheen;position:absolute;inset:0}.pack-in{text-align:center;place-content:center;gap:6px;display:grid;position:absolute;inset:0}.pack-in small{letter-spacing:.25em;text-transform:uppercase;color:#ffe9a8;font-size:13px;font-weight:800}.pack-in b{color:#fff;text-shadow:0 3px #7c3aed;font-size:46px;font-style:italic;font-weight:900}.pack-in span{color:#e9ddff;font-size:13px}.pack.locked{filter:grayscale(.6)brightness(.7)}.pack.tearing{animation:.9s ease-in both tear}@keyframes float{50%{translate:0 -8px;rotate:-1deg}}@keyframes tear{0%{rotate:0deg}15%{rotate:-4deg}30%{rotate:4deg}45%{rotate:-3deg}60%{scale:1.05}to{opacity:0;filter:brightness(2.2);scale:1.4}}.pack-wrap .btn-primary{max-width:300px}.stotram{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;width:100%;margin-top:16px;padding:16px;display:flex}.stotram>span{font-size:32px}.stotram div{flex:1;display:grid}.stotram small{color:var(--muted)}.stotram i{border:2px solid var(--line);border-radius:50%;place-content:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.stotram.on{border-color:var(--gold);background:#fff6dc}.stotram.on i{background:var(--gold);color:#2b1a00;border-color:var(--gold)}.tabs{z-index:20;width:100%;max-width:480px;padding:6px 8px calc(6px + var(--sab));-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--line);background:#ffffffd9;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;translate:-50%}.tabs button{color:var(--muted);justify-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:600;display:grid}.tabs .ti{filter:grayscale()opacity(.6);font-size:22px;transition:filter .2s,scale .2s}.tabs button.on{color:var(--gold)}.tabs button.on .ti{filter:none;scale:1.1}