:root{--bg: #ede6ff;--bg-glow-1: #ffd9ea;--bg-glow-2: #d4f3ff;--surface: #ffffff;--surface-2: #f8f4ff;--ink: #3a2a5c;--ink-2: #6e5f8f;--line: rgba(58, 42, 92, .12);--berry: #ff5c8a;--berry-deep: #d93a6a;--mint: #7fe0c4;--butter: #ffd66b;--butter-deep: #e9a92a;--r-common: #d7d2e6;--r-rare: #6ec3ff;--r-epic: #b97cff;--r-legendary: #ffc83d;--display: "Bagel Fat One", "Cooper Black", system-ui, sans-serif;--body: "Bricolage Grotesque", system-ui, sans-serif;--shadow-soft: 0 10px 30px -12px rgba(92, 60, 160, .35);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.5;color:var(--ink);background:radial-gradient(60vw 50vh at 10% -10%,var(--bg-glow-1),transparent 70%),radial-gradient(50vw 50vh at 100% 10%,var(--bg-glow-2),transparent 70%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;margin:0;letter-spacing:.005em}h1{font-size:clamp(2rem,4vw,2.75rem)}h2{font-size:1.4rem}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--berry);outline-offset:3px}.muted{color:var(--ink-2)}.hint{color:var(--ink-2);font-size:.875rem;margin:.5rem 0 0}.error{color:var(--berry-deep);font-weight:600}.empty{padding:3rem 1rem;text-align:center;color:var(--ink-2)}.btn{border:0;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--berry);color:#fff;box-shadow:0 4px 0 var(--berry-deep)}.btn--primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--berry-deep)}.btn--ghost{background:var(--surface);box-shadow:inset 0 0 0 2px var(--line)}.btn--ghost:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--ink-2)}.btn--sm{padding:.35rem .9rem;font-size:.875rem}input,select{border:2px solid var(--line);border-radius:14px;padding:.65rem .9rem;background:var(--surface);min-width:0}input:focus,select:focus{border-color:var(--berry);outline:none}.wordmark{font-family:var(--display);font-size:1.6rem;color:var(--berry);text-shadow:0 2px 0 var(--surface),0 3px 0 rgba(217,58,106,.25);white-space:nowrap}.wordmark--big{font-size:clamp(3.5rem,12vw,7rem);line-height:.95;text-shadow:0 4px 0 var(--surface),0 8px 0 rgba(217,58,106,.2)}.shell{max-width:1240px;margin:0 auto;padding:0 16px 4rem}.topbar{display:flex;align-items:center;gap:1.5rem;padding:1rem 0;flex-wrap:wrap}.tabs{display:flex;gap:.25rem;background:#fff9;padding:.3rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}.tabs a{padding:.45rem 1.1rem;border-radius:999px;text-decoration:none;color:var(--ink-2);font-weight:600;white-space:nowrap}.tabs a.active{background:var(--ink);color:#fff}.topbar__me{margin-left:auto;display:flex;align-items:center;gap:.75rem}.cash{font-family:var(--display);font-size:1.15rem;background:var(--butter);padding:.2rem .9rem;border-radius:999px;box-shadow:0 3px 0 var(--butter-deep)}.nick{font-weight:600;color:var(--ink-2)}@media(max-width:720px){.topbar{gap:.75rem}.tabs{order:3;width:100%;justify-content:space-between}.tabs a{flex:1;text-align:center;padding-inline:.5rem}}.page-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.page-head p{margin:0}.splash{display:grid;place-content:center;justify-items:center;gap:1rem;min-height:100vh;font-family:var(--display);font-size:1.5rem;color:var(--ink-2)}.welcome{max-width:640px;margin:0 auto;padding:14vh 16px 4rem}.welcome__lede{font-size:1.2rem;max-width:34ch;margin:1.25rem 0 2.5rem}.welcome__form{display:grid;gap:1rem;max-width:380px}.welcome__form label{display:block;font-weight:600;margin-bottom:.4rem}.welcome__form .error,.welcome__form .hint{margin:0}.field input{width:100%}.field .hint,.field .error{margin-top:.4rem}.field input[aria-invalid=true]{border-color:var(--berry-deep)}.welcome__actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.link{border:0;padding:0;background:none;color:var(--berry-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.welcome__row{display:flex;gap:.6rem}.welcome__row input{flex:1}.card{--frame: var(--r-common);--art-a: #f4efff;--art-b: #e2d8ff;position:relative;display:flex;flex-direction:column;width:100%;padding:6px;border:0;border-radius:20px;background:var(--surface);box-shadow:inset 0 0 0 3px var(--frame),var(--shadow-soft);text-align:left;overflow:hidden;isolation:isolate}button.card{cursor:pointer;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}button.card:not(:disabled):hover{transform:translateY(-4px) rotate(-.6deg)}button.card:disabled{cursor:default}.card.is-selected{transform:translateY(-8px);box-shadow:inset 0 0 0 3px var(--frame),0 0 0 4px var(--berry),var(--shadow-soft)}.card.is-dimmed{opacity:.4;filter:saturate(.4)}.rar-rare{--frame: var(--r-rare)}.rar-epic{--frame: var(--r-epic)}.rar-legendary{--frame: var(--r-legendary)}.cat-sponge{--art-a: #ffe6f0;--art-b: #ffc5da}.cat-frosting{--art-a: #e0f3ff;--art-b: #b6dcfa}.cat-fruit{--art-a: #e0f8ec;--art-b: #b2e9d0}.cat-crunch{--art-a: #ebebff;--art-b: #c9c8fa}.cat-figurine{--art-a: #f2e8ff;--art-b: #d4bdff}.cat-sprinkles{--art-a: #fff7d6;--art-b: #ffe39b}.card__art{position:relative;aspect-ratio:1;border-radius:15px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95),transparent 55%),radial-gradient(ellipse 45% 9% at 50% 82%,rgba(90,60,150,.22),transparent 100%),linear-gradient(170deg,var(--art-a),var(--art-b));overflow:hidden}.card__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 10px rgba(90,60,150,.22))}.card__art-loading{position:absolute;inset:30%;border-radius:50%;background:#fff9;filter:blur(8px)}.lvl-gold{--lvl-ink: #a86e00}.lvl-diamond{--lvl-ink: #1f84c4}.lvl-platinum{--lvl-ink: #5f6b7a}.lvl-obsidian{--lvl-ink: #3b2a6b}.lvl-gold .card__art,.lvl-gold .modal__stage{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.9),transparent 52%),radial-gradient(ellipse 45% 9% at 50% 82%,rgba(120,70,0,.3),transparent 100%),linear-gradient(118deg,transparent 30%,rgba(255,255,255,.55) 42%,transparent 54%),linear-gradient(165deg,#fff3b0,#ffd145 45%,#e59a12)}.lvl-diamond .card__art,.lvl-diamond .modal__stage{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95),transparent 50%),radial-gradient(ellipse 45% 9% at 50% 82%,rgba(40,90,160,.25),transparent 100%),linear-gradient(60deg,rgba(255,255,255,.55) 0 22%,transparent 22% 58%,rgba(255,255,255,.35) 58% 74%,transparent 74%),linear-gradient(-58deg,rgba(120,200,255,.35) 0 30%,transparent 30% 66%,rgba(190,160,255,.35) 66%),linear-gradient(165deg,#f2fdff,#b4ecff 45%,#86cdfb 75%,#cfc0ff)}.lvl-platinum .card__art,.lvl-platinum .modal__stage{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95),transparent 52%),radial-gradient(ellipse 45% 9% at 50% 82%,rgba(40,50,70,.28),transparent 100%),repeating-linear-gradient(100deg,rgba(255,255,255,.22) 0 2px,transparent 2px 5px),linear-gradient(118deg,transparent 34%,rgba(255,255,255,.6) 46%,transparent 58%),linear-gradient(165deg,#f6f8fb,#cdd5de 48%,#97a3b2)}.lvl-obsidian .card__art,.lvl-obsidian .modal__stage{background:radial-gradient(circle at 50% 40%,rgba(190,150,255,.55),transparent 55%),radial-gradient(ellipse 45% 9% at 50% 82%,rgba(0,0,0,.5),transparent 100%),linear-gradient(122deg,transparent 22%,rgba(255,255,255,.2) 32%,transparent 40%,transparent 62%,rgba(255,255,255,.1) 70%,transparent 78%),linear-gradient(165deg,#46366f,#1d1636 55%,#0d0919)}.rar-epic .card__art:after,.rar-legendary .card__art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,rgba(255,220,250,.4) 50%,rgba(200,240,255,.4) 55%,transparent 70%);background-size:250% 100%;background-position:100% 0;mix-blend-mode:soft-light;pointer-events:none;transition:background-position .8s ease}.rar-legendary .card__art:after{mix-blend-mode:overlay}.card:hover .card__art:after{background-position:0 0}.card__value{position:absolute;top:8px;left:8px;font-family:var(--display);font-size:1rem;line-height:1;padding:.35rem .55rem;border-radius:999px;background:var(--butter);box-shadow:0 2px 0 var(--butter-deep);z-index:1}.card__count{position:absolute;top:8px;right:8px;font-weight:700;font-size:.85rem;padding:.15rem .5rem;border-radius:999px;background:var(--ink);color:#fff;z-index:1}.card__body{padding:.6rem .4rem .35rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.card__name{font-family:var(--display);font-size:1.1rem;line-height:1.1}.card--md .card__body{container-type:inline-size}.card--md .card__name{font-size:max(.72rem,min(1.1rem,100cqi / (var(--len) * .55)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--md .card__effect{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:calc(2lh + .4rem + 1.5px)}.card__meta{display:flex;justify-content:space-between;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--ink-2)}.card__meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__level{color:var(--lvl-ink, inherit);font-weight:700}.card__rarity{text-transform:capitalize;color:color-mix(in srgb,var(--frame) 55%,var(--ink))}.card__effect{font-size:.82rem;line-height:1.35;margin-top:.25rem;padding-top:.4rem;border-top:1.5px dashed var(--line)}.card__effect em{color:var(--ink-2)}.card--sm{width:92px;padding:4px;border-radius:14px;box-shadow:inset 0 0 0 2px var(--frame),0 4px 10px -6px #5c3ca066}.card--sm .card__art{border-radius:10px}.card--sm .card__value{font-size:.72rem;top:4px;left:4px;padding:.22rem .38rem}.card--sm .card__body{padding:.3rem .15rem .1rem}.card--sm .card__name{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--sm .card__meta{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.25rem}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.card__effect{font-size:.75rem}}.filters{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:0;border-radius:999px;padding:.4rem .95rem;font-weight:600;font-size:.9rem;cursor:pointer;background:var(--art-b, var(--surface));color:var(--ink);box-shadow:inset 0 0 0 2px transparent}.chip:not(.cat-sponge,.cat-frosting,.cat-fruit,.cat-crunch,.cat-figurine,.cat-sprinkles){background:var(--surface)}.chip.is-on{box-shadow:inset 0 0 0 2px var(--ink)}.filters__right{display:flex;gap:.5rem}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#3a2a5c73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s ease}.modal__panel{--frame: var(--r-common);display:grid;grid-template-columns:1.15fr 1fr;width:min(880px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border-radius:28px;box-shadow:inset 0 0 0 4px var(--frame),0 30px 80px -20px #28145080;animation:pop .28s cubic-bezier(.3,1.5,.5,1)}.modal__stage{min-height:380px;margin:8px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.9),transparent 60%),linear-gradient(170deg,var(--art-a),var(--art-b))}.modal__info{padding:2rem 2rem 2rem 1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.modal__rarity{font-weight:700;text-transform:capitalize;color:color-mix(in srgb,var(--frame) 55%,var(--ink))}.modal__info h2{font-size:2.2rem}.modal__flavor{margin:0;font-style:italic;color:var(--ink-2)}.modal__stats{display:flex;gap:1.5rem;margin:.5rem 0}.modal__stats dt{font-size:.8rem;color:var(--ink-2)}.modal__stats dd{margin:0;font-family:var(--display);font-size:1.4rem}.modal__effects{margin:0;padding:.75rem 1rem;list-style:none;background:var(--surface-2);border-radius:14px;font-weight:600}.modal__info .btn{margin-top:auto}@media(max-width:720px){.modal__panel{grid-template-columns:1fr}.modal__stage{min-height:300px}.modal__info{padding:.5rem 1.5rem 1.5rem}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.92);opacity:0}}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.pack{--box: #ffb3cb;--box-deep: #f08aac;--ribbon: #ffffff;display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;background:var(--surface);border-radius:26px;box-shadow:var(--shadow-soft)}.pack-fancy{--box: #a9dcff;--box-deep: #74bdf0;--ribbon: #ffd66b}.pack-royal{--box: #c9a6ff;--box-deep: #9d70f0;--ribbon: #ffc83d}.pack__box{position:relative;height:150px;margin:.5rem auto 1rem;width:160px}.pack__box:before{content:"";position:absolute;inset:38px 10px 0;border-radius:10px;background:linear-gradient(90deg,var(--box) 0 50%,var(--box-deep) 50%);box-shadow:0 14px 20px -12px #3c1e7880}.pack__lid{position:absolute;inset:20px 0 auto;height:30px;border-radius:10px;background:linear-gradient(90deg,var(--box) 0 50%,var(--box-deep) 50%);filter:brightness(1.05);z-index:1}.pack__ribbon{position:absolute;inset:20px 72px 0;background:var(--ribbon);z-index:2}.pack__ribbon:before,.pack__ribbon:after{content:"";position:absolute;top:-22px;width:30px;height:24px;border:6px solid var(--ribbon);border-radius:50% 50% 10%}.pack__ribbon:before{right:6px;transform:rotate(-20deg)}.pack__ribbon:after{left:6px;transform:scaleX(-1) rotate(-20deg)}.pack:hover .pack__box{animation:wiggle .6s ease}@keyframes wiggle{25%{transform:rotate(-4deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}}.pack__blurb{margin:0;color:var(--ink-2)}.pack__odds{list-style:none;padding:0;margin:.25rem 0 .75rem;display:grid;gap:.2rem;font-size:.9rem}.pack__odds li{display:flex;justify-content:space-between;padding:.2rem .6rem;border-radius:8px;background:color-mix(in srgb,var(--frame) 22%,transparent);text-transform:capitalize}.pack .btn{margin-top:auto}.opening{background:#3a2a5cb3}.opening__inner{width:min(1180px,100%);max-height:calc(100vh - 32px);overflow:auto;text-align:center;color:#fff}.opening__inner .muted{color:#ffffffbf}.opening__row{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin:1.5rem 0;color:var(--ink)}.opening__actions{display:flex;gap:.75rem;justify-content:center}.flip{width:200px;perspective:1000px;display:grid;animation:deal .5s cubic-bezier(.3,1.4,.5,1) backwards;animation-delay:calc(var(--i) * 90ms)}.flip>*{grid-area:1 / 1;backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,1.4,.5,1)}.flip__front{transform:rotateY(180deg)}.flip.is-flipped .flip__front{transform:rotateY(0)}.flip.is-flipped .flip__back{transform:rotateY(-180deg)}.flip__back{border:0;border-radius:20px;cursor:pointer;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.85) 0 18%,transparent 19%),repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 10px,transparent 10px 20px),linear-gradient(160deg,var(--berry),#c79bff);box-shadow:inset 0 0 0 6px #fff}.flip__back.pack-fancy{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.85) 0 18%,transparent 19%),repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 10px,transparent 10px 20px),linear-gradient(160deg,#6ec3ff,#7fe0c4)}.flip__back.pack-royal{background:radial-gradient(circle at 50% 45%,rgba(255,240,200,.95) 0 18%,transparent 19%),repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0 10px,transparent 10px 20px),linear-gradient(160deg,#9d70f0,#ffc83d)}.flip:not(.is-flipped) .flip__back:hover{transform:translateY(-6px)}@keyframes deal{0%{transform:translateY(40px) scale(.9);opacity:0}}@media(max-width:480px){.flip{width:calc(50% - .5rem)}}.section-title{margin:2rem 0 1rem}.forge,.forged{--soot: #140e0c;--iron: #2a201c;--iron-hi: #45362f;--ash: #eaddd0;--slag: #a8958a;--ember: #ff6a1a;--molten: #ffb347;--white-hot: #fff1c9}body:has(.forge){background:radial-gradient(120vw 70vh at 50% 118%,rgba(255,106,26,.42),rgba(255,106,26,.08) 55%,transparent 75%),radial-gradient(60vw 40vh at 50% 105%,rgba(255,179,71,.35),transparent 70%),linear-gradient(#1c1411,#140e0c 55%,#0d0908);background-attachment:fixed;color-scheme:dark}body:has(.forge) .wordmark{color:var(--ember, #ff6a1a);text-shadow:0 2px 0 #3a1a10,0 0 18px rgba(255,106,26,.55)}body:has(.forge) .tabs{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}body:has(.forge) .tabs a{color:#a8958a}body:has(.forge) .tabs a.active{background:linear-gradient(#ffb347,#ff6a1a);color:#1c0e06}body:has(.forge) .nick{color:#a8958a}body:has(.forge) .topbar .btn--ghost{background:transparent;color:#eaddd0;box-shadow:inset 0 0 0 2px #ffffff29}body:has(.forge) :focus-visible{outline-color:#ffb347}.forge{position:relative;color:var(--ash);padding-bottom:14vh}.forge .card{color:var(--ink)}.forge .muted,.forge .hint{color:var(--slag)}.forge .error{color:#ff9a85}.forge .page-head p{max-width:62ch}.forge__title{background:linear-gradient(#fff1c9 10%,#ffb347,#ff6a1a 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,106,26,.6));animation:flicker 3.2s ease-in-out infinite}.forge .section-title{margin:2.25rem 0 1rem;color:var(--molten)}.forge__furnace{position:fixed;inset:auto 0 0;height:46vh;z-index:-1;pointer-events:none;overflow:hidden}.forge__glow{position:absolute;inset:auto -10% -40%;height:80%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,241,201,.5),rgba(255,140,40,.35) 40%,transparent 72%);filter:blur(18px);transform-origin:50% 100%;animation:breathe 2.6s ease-in-out infinite}.sparks{position:absolute;inset:0;pointer-events:none}.sparks i{position:absolute;left:var(--x);bottom:-8px;width:var(--size);height:var(--size);border-radius:50%;background:#ffd27a;box-shadow:0 0 6px 1px #ff8c28e6;opacity:0;animation:rise var(--dur) linear var(--delay) infinite}.sparks--burst i{left:50%;top:50%;bottom:auto;animation:burst .9s cubic-bezier(.1,.7,.3,1) .15s backwards;opacity:0}.forge-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.75rem 1.25rem;align-items:start}.forge-grid li{display:grid;justify-items:center;gap:.7rem}.forge-grid .card{width:100%}.forge-grid .hint{margin:0;text-align:center}.btn--molten{background:linear-gradient(#ffd27a,#ff8a1f 55%,#e2500a);color:#241006;text-decoration:none;box-shadow:inset 0 1px #fff9,0 4px #8a2c05,0 0 22px #ff6a1a8c}.btn--molten:not(:disabled):hover{box-shadow:inset 0 1px #fff9,0 4px #8a2c05,0 0 34px #ff8c28d9}.btn--molten:not(:disabled):active{transform:translateY(3px);box-shadow:inset 0 1px #fff9,0 1px #8a2c05,0 0 22px #ff6a1a8c}.btn--molten:disabled{background:#3a2e29;color:#8a7a70;box-shadow:inset 0 0 0 1px #ffffff14;opacity:1}.pips{display:flex;gap:4px}.pips i{width:16px;height:7px;border-radius:2px;background:#3a2e29;box-shadow:inset 0 0 0 1px #00000080}.pips i.is-on{background:linear-gradient(var(--white-hot),var(--molten) 40%,var(--ember));box-shadow:0 0 8px #ff6a1ae6}.forge .empty{color:var(--slag)}.modal.forged{overflow:hidden;background:radial-gradient(circle at 50% 55%,#782805bf,#0a0605f0 60%)}.forged .opening__inner .muted{color:var(--slag)}.forged__card{position:relative;width:min(240px,70vw);margin:1.75rem auto;color:var(--ink)}.forged__card .card{position:relative;box-shadow:inset 0 0 0 3px var(--frame),0 0 70px 10px #ff8c28bf;animation:quench 1.4s cubic-bezier(.2,1.2,.4,1) backwards}.sparks--impact{z-index:4}.sparks--impact i{width:calc(var(--size) * 5);height:var(--size);border-radius:999px;background:linear-gradient(90deg,#e03c00,#ff8a1f 55%,#ffe9a8);box-shadow:0 0 10px 2px #ff6a1af2;animation:impact .65s cubic-bezier(.05,.7,.2,1) backwards;animation-delay:calc(var(--delay) * .012)}@keyframes impact{0%{transform:rotate(var(--angle)) translate(10px) scaleX(.4);opacity:1}70%{opacity:1}to{transform:rotate(var(--angle)) translate(calc(var(--dist) * 2.6)) scaleX(1.5);opacity:0}}.anvil{--cw: clamp(96px, 19vw, 168px);--hl: clamp(250px, 46vw, 400px);width:min(1100px,100%);text-align:center;color:#fff}.anvil__stage{position:relative;display:grid;place-items:center;height:calc(var(--cw) * 2.3 + 60px);margin-top:.5rem}.anvil__pile{display:flex;justify-content:center;padding-left:calc(var(--cw) * .4)}.anvil__card{width:var(--cw);margin-left:calc(var(--cw) * -.4);color:var(--ink);transform:rotate(var(--tilt));animation:anvil-in .45s cubic-bezier(.3,1.3,.5,1) backwards;animation-delay:calc(var(--i) * .11s)}.forging--flash .anvil__pile{animation:anvil-hit .3s ease-out forwards}.hammer{position:absolute;width:calc(var(--hl) * .5);height:var(--hl);left:calc(50% + var(--hl) * .86 - var(--hl) * .25);top:calc(50% - var(--hl));transform-origin:50% 100%;transform:rotate(-88deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.7));animation:hammer-swing .52s cubic-bezier(.5,0,.9,.4) backwards;z-index:2}.forging__flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:3}.forging--flash .forging__flash{opacity:1;transition:opacity .16s ease-in}.forging--reveal .forging__flash{opacity:0;transition:opacity .75s ease-out}@keyframes anvil-in{0%{transform:translateY(60px) rotate(var(--tilt)) scale(.8);opacity:0}}@keyframes anvil-hit{0%{transform:none}25%{transform:translateY(10px) scaleY(.86)}to{transform:translateY(4px) scaleY(.94)}}@keyframes hammer-swing{0%{transform:rotate(8deg);opacity:0}12%{opacity:1}38%{transform:rotate(34deg)}to{transform:rotate(-88deg)}}@keyframes flicker{0%,to{filter:drop-shadow(0 0 14px rgba(255,106,26,.6))}42%{filter:drop-shadow(0 0 22px rgba(255,140,40,.85))}48%{filter:drop-shadow(0 0 10px rgba(255,106,26,.45))}56%{filter:drop-shadow(0 0 20px rgba(255,140,40,.8))}}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes rise{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}70%{opacity:.8}to{transform:translate(var(--drift),-44vh) scale(.3);opacity:0}}@keyframes burst{0%{transform:rotate(var(--angle)) translate(0) scale(1.6);opacity:1}to{transform:rotate(var(--angle)) translate(var(--dist)) scale(.2);opacity:0}}@keyframes quench{0%{transform:scale(.5);opacity:0;filter:brightness(4) sepia(1) saturate(4) hue-rotate(-15deg)}35%{transform:scale(1.06);opacity:1;filter:brightness(2.2) sepia(.8) saturate(3) hue-rotate(-15deg)}to{transform:scale(1);filter:none}}@media(max-width:480px){.forge-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem .75rem}.forge-grid .btn{padding:.55rem .8rem;font-size:.85rem}}.panel{background:var(--surface);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.panel p{margin:0;color:var(--ink-2)}.panel .welcome__row{width:100%}.entry__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.code-input{font-family:var(--display);letter-spacing:.2em;font-size:1.3rem}.entry__practice{flex-direction:row;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:1.25rem}.entry__practice>div{display:grid;gap:.4rem;max-width:62ch}.entry__practice .btn{flex-shrink:0}@media(max-width:720px){.entry__practice{flex-direction:column;align-items:flex-start}}.entry__create{display:flex;flex-wrap:wrap;gap:.6rem}.room-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;max-width:720px}.room-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-soft)}.room-list li div{display:grid}.lobby__code strong.lobby__public{flex:0 0 auto;font-size:1.6rem;letter-spacing:0}.rules{margin-top:2rem;max-width:68ch}.rules summary{cursor:pointer;font-weight:700}.rules li{margin:.3rem 0}.lobby{max-width:560px;margin:2rem auto;display:flex;flex-direction:column;gap:1.25rem}.lobby__code{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:24px;padding:1rem 1.5rem;box-shadow:var(--shadow-soft)}.lobby__code strong{font-family:var(--display);font-weight:400;font-size:2.4rem;letter-spacing:.15em;color:var(--berry);flex:1}.lobby__players{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.lobby__players li{display:flex;justify-content:space-between;padding:.85rem 1.2rem;border-radius:16px;background:var(--surface);font-weight:600}.lobby__players li span:last-child{color:var(--ink-2)}.lobby__players li.is-ready{box-shadow:inset 0 0 0 2px var(--mint)}.lobby__players li.is-ready span:last-child{color:#1e9c78}.lobby__players li.is-empty{background:transparent;border:2px dashed var(--line);color:var(--ink-2);font-weight:400}.lobby p{margin:0}.lobby__actions{display:flex;gap:.75rem}.round{font-family:var(--display);font-size:1.5rem}.timer{font-family:var(--display);font-size:1.3rem;background:var(--surface);padding:.25rem 1rem;border-radius:999px;min-width:4.5rem;text-align:center}.timer.is-low{background:var(--berry);color:#fff}.mini-row{display:flex;flex-wrap:wrap;gap:.4rem}.shell:has(.table){padding-bottom:0}.table{--hand-h: 220px;position:relative;isolation:isolate;height:calc(100dvh - 76px);min-height:600px;margin:0 -16px;padding:0 16px;display:grid;grid-template-rows:auto minmax(110px,30%) minmax(150px,1fr) var(--hand-h);overflow:hidden}.table:before{content:"";position:absolute;z-index:-1;left:50%;top:12%;width:150%;height:120%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.6),rgba(255,255,255,.15) 45%,transparent 70%)}.table__hud{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.table__opponents{display:grid;grid-template-columns:repeat(var(--seats),minmax(0,280px));justify-content:center;gap:clamp(.5rem,4vw,3rem);min-height:0}.seat{position:relative;display:flex;flex-direction:column;min-height:0;height:100%}.seat.is-away{opacity:.45;filter:saturate(.5)}.seat__stage{position:relative;flex:1;min-height:0}.seat__stage:before{content:"";position:absolute;inset:15% 0 0;z-index:-1;background:radial-gradient(ellipse 48% 38% at 50% 72%,rgba(255,255,255,.85),transparent 72%)}.seat__tag{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.seat__value{font-family:var(--display);font-size:1.1rem;padding:0 .6rem;border-radius:999px;background:var(--butter);box-shadow:0 2px 0 var(--butter-deep)}.seat__status{padding:.1rem .65rem;border-radius:999px;background:#ffffffbf;color:var(--ink-2);font-weight:600;font-size:.8rem}.seat__status.is-done{background:var(--mint);color:var(--ink)}.table__me{display:grid;grid-template-columns:minmax(0,480px);justify-content:center;min-height:0}.table__action{position:absolute;z-index:30;left:50%;bottom:calc(var(--hand-h) + 58px);transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;pointer-events:none}.table__action>*{pointer-events:auto}.table:not(:has(.hand)) .table__action{bottom:calc(var(--hand-h) / 2)}.table__prompt{margin:0;font-family:var(--display);font-size:1.25rem;text-shadow:0 2px 0 var(--surface)}.table__confirm{display:flex;align-items:center;gap:.75rem;padding:.3rem .3rem .3rem 1.1rem;border-radius:999px;background:#ffffffd9;box-shadow:var(--shadow-soft);font-weight:700;font-variant-numeric:tabular-nums}.table__action .error{margin:0;background:var(--surface);padding:.2rem .8rem;border-radius:999px}.hand{position:absolute;z-index:20;left:0;right:0;bottom:0;height:var(--hand-h);pointer-events:none}.hand__slot{position:absolute;left:50%;bottom:20px;width:var(--card-w);margin-left:calc(var(--card-w) / -2);transform:translate(var(--x));transition:transform .24s cubic-bezier(.3,1.4,.5,1);pointer-events:auto}.hand__slot:has(.card:not(:disabled)):hover{z-index:50!important;transform:translate(var(--x)) translateY(-22px)}.hand__slot.is-chosen{transform:translate(var(--x)) translateY(-22px)}.hand__slot .card{animation:deal-in .5s cubic-bezier(.3,1.3,.5,1) backwards;animation-delay:calc(var(--i) * 60ms)}.hand button.card:hover,.hand .card.is-selected{transform:none}.hand .card.is-selected{box-shadow:inset 0 0 0 3px var(--frame),0 0 0 4px var(--berry),0 22px 40px -12px #ff5c8a99}.hand .card__effect{font-size:clamp(.66rem,calc(var(--card-w) / 14.5),.82rem)}.hand .card__meta{font-size:clamp(.66rem,calc(var(--card-w) / 15),.78rem)}.kept{position:absolute;z-index:19;left:0;right:0;bottom:0;height:var(--hand-h);pointer-events:none}.kept__item{position:absolute;bottom:20px;width:var(--card-w);transform:translateY(14px);transition:transform .22s cubic-bezier(.3,1.4,.5,1);pointer-events:auto}.kept__item:hover{z-index:60!important;transform:translateY(-22px)}.kept .card{box-shadow:inset 0 0 0 3px var(--frame),-6px 8px 18px -10px #5c3c9673}.kept .card__effect{font-size:clamp(.66rem,calc(var(--card-w) / 14.5),.82rem)}.kept .card__meta{font-size:clamp(.66rem,calc(var(--card-w) / 15),.78rem)}@keyframes deal-in{0%{transform:translateY(110%) rotate(8deg);opacity:0}}@media(max-width:720px){.table{grid-template-rows:auto minmax(90px,24%) minmax(140px,1fr) var(--hand-h)}.table__prompt{font-size:1.05rem}.seat__tag{font-size:.85rem}}.results__title{text-align:center;margin:1rem 0;font-size:clamp(2.2rem,6vw,3.5rem);color:var(--berry)}.results__note{text-align:center;margin:-.25rem 0 1rem;color:var(--ink-2);font-weight:600}.results__cake{height:320px;max-width:520px;margin:0 auto 1.5rem;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#ffffff,transparent 60%),linear-gradient(170deg,#fff2c7,#ffd0e4)}.results__list{list-style:none;padding:0;margin:0 auto;max-width:820px;display:grid;gap:.6rem}.result{background:var(--surface);border-radius:20px;overflow:hidden}.result.is-winner{box-shadow:inset 0 0 0 3px var(--r-legendary)}.result__head{display:flex;align-items:center;gap:1rem;width:100%;border:0;background:none;padding:.9rem 1.2rem;cursor:pointer;text-align:left}.result__rank{font-family:var(--display);font-size:1.4rem;width:1.5rem}.result__name{font-weight:700;flex:1}.result__total{font-family:var(--display);font-size:1.4rem}.result.is-left{opacity:.7}.result__left{border-radius:999px;padding:.15rem .7rem;background:var(--surface-2);color:var(--ink-2);font-weight:700;font-size:.85rem}.result__prize{background:var(--butter);border-radius:999px;padding:.15rem .7rem;font-weight:700}.result__body{padding:0 1rem 1rem}.breakdown{width:100%;border-collapse:collapse;margin-top:.75rem;font-size:.9rem;font-variant-numeric:tabular-nums}.breakdown td{padding:.35rem .5rem;border-top:1px solid var(--line)}.breakdown td:nth-child(3){color:var(--ink-2)}.breakdown td:last-child{text-align:right;font-weight:700}.breakdown__cake td{font-weight:700}.bakes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.bake{--frame: var(--r-common);display:flex;flex-direction:column;padding:6px;border:0;border-radius:22px;background:var(--surface);box-shadow:inset 0 0 0 3px var(--frame),var(--shadow-soft);text-align:left;cursor:pointer;transition:transform .18s cubic-bezier(.3,1.6,.5,1)}.bake:hover{transform:translateY(-4px)}.bake.is-win{--frame: var(--r-legendary)}.bake__art{position:relative;aspect-ratio:1;border-radius:17px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95),transparent 58%),radial-gradient(ellipse 42% 8% at 50% 84%,rgba(90,60,150,.2),transparent 100%),linear-gradient(170deg,#fde7f3,#dcd3ff)}.bake.is-win .bake__art{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.95),transparent 58%),radial-gradient(ellipse 42% 8% at 50% 84%,rgba(150,100,40,.2),transparent 100%),linear-gradient(170deg,#fff2c7,#ffd0e4)}.bake__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(90,60,150,.22))}.bake__place{position:absolute;top:8px;left:8px;padding:.25rem .7rem;border-radius:999px;background:var(--surface);font-weight:700;font-size:.85rem}.bake.is-win .bake__place{background:var(--butter);box-shadow:0 2px 0 var(--butter-deep)}.bake__body{padding:.6rem .5rem .4rem;display:grid;gap:.15rem}.bake__row{display:flex;align-items:baseline;gap:.6rem}.bake__total{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1.1}.bake__prize{font-weight:700;color:#1e9c78}.bake__vs{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bake__when{font-size:.8rem;color:var(--ink-2)}.bake-modal{--frame: var(--r-common);width:min(980px,100%)}.bake-modal.is-win{--frame: var(--r-legendary)}.bake-modal__stage{background:radial-gradient(circle at 50% 35%,#ffffff,transparent 60%),linear-gradient(170deg,#fde7f3,#dcd3ff)}.bake-modal.is-win .bake-modal__stage{background:radial-gradient(circle at 50% 35%,#ffffff,transparent 60%),linear-gradient(170deg,#fff2c7,#ffd0e4)}.bake-modal .modal__info{align-items:stretch}.bake-modal .modal__info .btn{align-self:flex-start}.bake-modal__prize{margin:0;font-weight:700;color:#1e9c78}.empty .btn{display:inline-block;margin-top:.5rem;text-decoration:none}@media(max-width:480px){.bakes{grid-template-columns:repeat(2,1fr);gap:.75rem}.bake__total{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}