:root{--ink-900:#0d1315;--ink-800:#141c1f;--panel:#26333a;--panel-hi:#34454c;--panel-lo:#1a2328;--edge:#0b1012;--paper:#f3eee2;--paper-ink:#262d31;--text:#f5f2ea;--text-dim:#9fb0b3;--red:#ff5a4f;--red-lo:#b8362e;--green:#3fc28f;--gold:#f2c14e;--binder:#6c43c9;--binder-lo:#35206a;--binder-hi:#b79cff;--accent:#ff6b8b;--slider-fill:#aebec1;--radius:10px;--font:"DotGothic16", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;--display:"Silkscreen", "DotGothic16", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink-900);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:none;font-variant-ligatures:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}body{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#bg{width:100%;height:100%;image-rendering:pixelated;z-index:0;position:fixed;inset:0}.room{z-index:0;opacity:0;pointer-events:none;background:#060814;position:fixed;inset:0}.app{z-index:1;grid-template:"top panel""stage panel"minmax(0,1fr)/minmax(0,1fr) 384px;height:100dvh;display:grid;position:relative}.top{grid-area:top;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px 0;display:flex}.logo{align-items:baseline;gap:14px;margin:0;font-weight:400;display:flex}.logo-word{--mx:.5;font-family:var(--display);perspective:400px;background:0 0;border:0;gap:4px;padding:4px 2px;font-size:22px;font-weight:700;line-height:1;display:inline-flex;position:relative}.tile{--r:-6deg;--lift:0px;width:28px;height:38px;color:var(--paper-ink);background:linear-gradient(160deg, var(--a), var(--b));box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge);transform:translateY(var(--lift)) rotate(var(--r));transition:transform .35s var(--ease-back);animation:4s ease-in-out infinite tile-bob;animation-delay:calc(var(--i) * .18s);border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.tile:before,.tile:after{content:"";pointer-events:none;position:absolute;inset:0}.tile:before{background:linear-gradient(115deg,#ff7eb3,#ffd36e,#7cf7c8,#6ec3ff,#c18bff,#ff7eb3) 0 0/400% 100%;background-position:calc(var(--mx) * 100% + var(--i) * 12%) 0;mix-blend-mode:overlay;opacity:.4;transition:background-position .25s}.tile:after{animation:4.5s ease-in-out infinite tile-glint;animation-delay:calc(var(--i) * .12s);background:linear-gradient(115deg,#0000 35%,#fffffff2 48%,#0000 60%) 0 0/250% 100% no-repeat}.tile:first-child{--i:0;--a:#ffd2cc;--b:#ff6b5f;--r:-7deg}.tile:nth-child(2){--i:1;--a:#ffe7b8;--b:#ffb341;--r:3deg;--lift:-3px}.tile:nth-child(3){--i:2;--a:#c9f5e4;--b:#4fd3a3;--r:-2deg}.tile:nth-child(4){--i:3;--a:#cfe8ff;--b:#4ab0ff;--r:6deg;--lift:-2px}@keyframes tile-bob{0%,70%,to{translate:0}80%{translate:0 -3px}}@keyframes tile-glint{0%,72%{background-position:150% 0}92%,to{background-position:-60% 0}}.logo-word:hover .tile:first-child{--r:-14deg;--lift:-2px}.logo-word:hover .tile:nth-child(2){--r:-4deg;--lift:-7px}.logo-word:hover .tile:nth-child(3){--r:5deg;--lift:-7px}.logo-word:hover .tile:nth-child(4){--r:14deg;--lift:-2px}.logo-word:hover .tile:before{opacity:.85}.logo-word.is-flip .tile{animation:tile-flip .6s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}@keyframes tile-flip{0%{transform:translateY(var(--lift)) rotate(var(--r)) rotateY(0)}50%{transform:translateY(calc(var(--lift) - 10px)) rotate(var(--r)) rotateY(180deg) scale(1.1)}to{transform:translateY(var(--lift)) rotate(var(--r)) rotateY(360deg)}}.spark{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px #fff0b4e6);pointer-events:none;opacity:0;background:#fffbe6;width:12px;height:12px;animation:2.8s steps(4,end) infinite spark;position:absolute}.spark:first-of-type{animation-delay:.2s;top:-2px;left:22px}.spark:nth-of-type(2){width:10px;height:10px;animation-delay:1.1s;top:0;left:82px}.spark:nth-of-type(3){background:#e3f4ff;animation-delay:1.9s;top:28px;left:118px}.spark:nth-of-type(4){background:#ffe3f0;width:10px;height:10px;animation-delay:2.4s;top:34px;left:52px}.logo-word:hover .spark{animation-duration:1.2s}@keyframes spark{0%,60%,to{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1)}80%{opacity:.8;transform:scale(.7)rotate(45deg)}}.toggles{gap:8px;display:flex}.chip{background:var(--panel);height:36px;box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px var(--panel-hi);color:var(--text-dim);border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:16px;transition:transform 80ms,box-shadow 80ms,color .15s;display:inline-flex}.chip svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;width:16px;height:16px}.chip svg path:first-child{fill:currentColor}.chip-icon{padding:0 10px}.chip-icon svg{stroke:none;width:18px;height:18px}.chip[aria-pressed]{position:relative}.chip[aria-pressed]:after{content:"";background:#4a5a5f;border-radius:1px;width:6px;height:6px}.chip[aria-pressed=true]{color:var(--text)}.chip[aria-pressed=true]:after{background:var(--green);box-shadow:0 0 6px var(--green)}.chip[aria-pressed=false] .wave{opacity:0}.chip[aria-pressed=false]{text-decoration:line-through;text-decoration-thickness:2px}.chip:hover{color:var(--text);box-shadow:0 3px 0 var(--edge), inset 0 0 0 2px var(--text-dim)}.chip:active{box-shadow:0 0 0 var(--edge), inset 0 0 0 2px var(--panel-hi);transform:translateY(3px)}.support{position:relative}.chip-heart{color:var(--text)}.chip-heart svg,.chip-heart svg path:first-child{fill:#ff6b8b;stroke:none}.chip-heart[aria-expanded=true] svg{animation:heart-beat .6s var(--ease-back)}.chip-binder{color:var(--text);margin-right:6px}.chip-binder svg,.chip-binder svg path:first-child{fill:var(--binder-hi);stroke:none}.binder-count{background:var(--edge);min-width:22px;color:var(--gold);font-family:var(--display);text-align:center;border-radius:5px;padding:0 5px;font-size:12px;font-weight:400;line-height:20px}.chip-binder[data-empty=true] .binder-count{color:var(--text-dim)}.chip-binder.is-bump{animation:deck-bump .45s var(--ease-back)}@keyframes heart-beat{40%{transform:scale(1.35)}}.support-menu{z-index:20;background:var(--panel-lo);width:264px;box-shadow:0 0 0 3px var(--edge), 0 8px 0 3px #00000073;transform-origin:85% 0;animation:menu-in .22s var(--ease-back);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 12px);right:0}.support-menu[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)scale(.94)}}.support-title{color:var(--text-dim);margin:0 4px 10px;font-size:15px}.support-link{color:var(--text);background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel-hi), 0 3px 0 var(--edge);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.support-link+.support-link{margin-top:8px}.support-link:hover{background:var(--panel-hi)}.support-link:active{box-shadow:inset 0 0 0 2px var(--panel-hi);transform:translateY(3px)}.support-link svg{fill:currentColor;flex:none;width:22px;height:22px}.support-link+.support-link svg{color:var(--gold)}.support-link span{line-height:1.3;display:grid}.support-link b{font-weight:400}.support-link small{color:var(--text-dim);font-size:13px}.support-foot{border-top:2px solid var(--panel-hi);color:var(--text-dim);margin:12px 4px 0;padding-top:10px;font-size:13px;line-height:1.45}.support-foot p{margin:0}.support-foot a{color:inherit}.app-credit a{color:var(--text)}.support-foot .app-version{text-align:right;margin-top:6px}.app-version a{opacity:.75;text-decoration:none}.app-version a:hover,.app-version a:focus-visible{opacity:1;text-decoration:underline}.stage{grid-area:stage;grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:8px 28px 16px;display:grid;position:relative}#cards{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.showcase{justify-content:center;align-items:center;gap:clamp(28px,4vw,64px);min-height:0;display:flex;position:relative}:root{--card-ar:900 / 1260;--card-kw:.7143;--card-kh:1}.card-slot{z-index:3;height:calc(min(100%, 520px) * var(--card-kh));max-height:520px;aspect-ratio:var(--card-ar);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6%;padding:0;position:relative}.card-slot:active{cursor:grabbing}.btn.stage-pick{display:none}.card-slot:focus-visible{outline-offset:10px}.info{z-index:3;width:300px;transition:transform .35s var(--ease-out), opacity .2s;flex:none;position:relative}.is-dragging .info{opacity:.25}.info-box{background:var(--panel-lo);box-shadow:0 0 0 3px var(--edge), 0 8px 0 3px #00000073;border-radius:12px;padding:6px}.info-box .info-name{width:100%;color:var(--text);text-align:center;text-overflow:ellipsis;text-shadow:0 3px 0 var(--edge);box-shadow:none;background:0 0;border:0;border-radius:8px;margin:0;padding:6px 10px 8px;font-size:24px;line-height:1.25;transition:background-color .15s;display:block}.info-name::placeholder{color:var(--text);opacity:1}.info-name:hover,.info-desc:hover textarea{background-image:linear-gradient(90deg,currentColor 50%,#0000 0);background-position:0 calc(100% - 4px);background-repeat:repeat-x;background-size:8px 2px}.info-box .info-name:focus-visible{outline:3px solid var(--gold);outline-offset:0;background-color:#ffffff0f}.info-desc{background:var(--paper);color:var(--paper-ink);text-align:center;border-radius:8px;min-height:72px;padding:12px 14px;font-size:16px;line-height:1.5}.info-desc textarea{width:100%;box-shadow:none;color:var(--paper-ink);text-align:center;word-break:auto-phrase;resize:none;background:0 0;border:0;border-radius:0;padding:0;font-size:16px;line-height:1.5;display:block;overflow:hidden}.info-desc textarea::placeholder{color:var(--paper-ink);opacity:1}.info-desc textarea.is-hint::placeholder{color:#8d8a80}.info-desc textarea:focus-visible{outline:none}.info-desc:focus-within{outline:3px solid var(--gold);outline-offset:2px}.pills{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 4px 4px;display:flex}.pill{background:var(--c,var(--panel-hi));color:#fff;text-shadow:0 2px #00000059;border-radius:999px;padding:2px 10px 3px;font-size:16px;box-shadow:0 3px #00000059}.pill.is-light{color:var(--paper-ink);text-shadow:none}.card-hint{width:fit-content;word-break:auto-phrase;text-wrap:pretty;color:#c3cfd0;text-shadow:0 2px 0 var(--edge);background:#0d1315b3;border-radius:8px;margin:14px 0 0;padding:6px 10px;font-size:14px;line-height:1.45}.pill-rarity{align-items:center;gap:8px;padding-left:8px;display:inline-flex}.rarity-pick{gap:1px;display:inline-flex}.rpip{cursor:pointer;background:0 0;border:0;place-items:center;width:16px;height:20px;padding:0;display:grid}.rpip:before{content:"";width:9px;height:9px;transition:transform .15s var(--ease-back), background .15s;background:#00000047;border-radius:1px;rotate:45deg;box-shadow:0 0 0 1.5px #ffffffb3}.rpip.is-on:before{background:#fff;box-shadow:0 0 0 1.5px #00000059}.rpip:hover:before{transform:scale(1.3)}.rpip:focus-visible{outline-offset:0;border-radius:4px}.hand-wrap{justify-items:center;display:grid;position:relative}.hand-caption{z-index:3;box-shadow:0 0 0 2px var(--edge);text-align:center;min-height:28px;text-shadow:0 3px 0 var(--edge);background:#0d1315d1;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:12px;margin:0 0 8px;padding:4px 14px 5px;font-size:20px;display:flex;position:relative}.hand-bar{display:contents}.hand-step{display:none}.hand-caption i{background:var(--gold);color:var(--paper-ink);text-shadow:none;border-radius:4px;align-self:center;padding:1px 6px;font-size:13px;font-style:normal}.hand-caption span{color:var(--text-dim);font-size:16px}.hand{width:min(100%,980px);height:192px;position:relative}.hand-peek{z-index:6;background:var(--paper);color:var(--paper-ink);white-space:nowrap;box-shadow:0 0 0 2px var(--edge), 0 3px 0 2px var(--edge);pointer-events:none;border-radius:6px;margin:0;padding:2px 10px 3px;font-size:15px;position:absolute;top:0;left:0}.hand-peek[hidden]{display:none}.hand-slot:focus-visible{outline-offset:5px;outline:3px dashed #fff}.hand-slot[aria-checked=true]:after{content:"";border:7px solid #0000;border-bottom-color:var(--gold);width:0;height:0;filter:drop-shadow(0 2px 0 var(--edge));position:absolute;bottom:-14px;left:50%;translate:-50%}.hand-slot{z-index:3;transform-origin:50%;background:0 0;border:0;border-radius:8px;padding:0;position:absolute;top:0;left:0}.hand-slot .key{background:var(--panel-lo);min-width:18px;height:18px;box-shadow:0 2px 0 var(--edge);color:var(--text-dim);text-align:center;opacity:0;border-radius:4px;padding:0 4px;font-size:13px;line-height:18px;transition:opacity .2s;position:absolute;top:4px;left:4px}.hand-slot:hover .key,.hand-slot:focus-visible .key{opacity:1}.hand-slot[aria-checked=true] .key{background:var(--accent);color:#fff}.hand-row{align-items:center;gap:8px;width:min(100%,1100px);display:flex}.hand-row .hand{flex:1;min-width:0}.deck-dock{flex:none;justify-items:center;gap:44px;padding:14px 8px 20px 6px;display:grid}.deck{cursor:pointer;width:64px;height:90px;transition:transform .15s var(--ease-out);background:0 0;border:0;padding:0;position:relative}.deck-pile i{left:0;bottom:calc(var(--i) * 3px);width:60px;height:84px;margin-left:calc(var(--i) * -2px);background:var(--card-back) center / 100% 100%;border-radius:5px;position:absolute;box-shadow:0 3px #d8d2c4,0 4px 0 1px #0b1012}.deck[data-empty=true] .deck-pile i{outline-offset:-6px;background:#0d131599;border:0;outline:2px dashed #ffffff40;box-shadow:inset 0 0 0 2px #ffffff40}.deck-count{z-index:1;min-width:26px;color:var(--text);text-align:center;background:#0b1012;border-radius:6px;padding:0 6px;font-size:15px;font-weight:400;line-height:22px;position:absolute;top:-10px;right:-12px;box-shadow:inset 0 0 0 2px #fff3,0 2px 0 2px #05080a}.deck:hover{transform:translateY(-3px)rotate(-2deg)}.deck.is-bump{animation:deck-bump .45s var(--ease-back)}@keyframes deck-bump{30%{transform:scale(1.14)rotate(3deg)}}.deck-packs{cursor:pointer;width:56px;height:56px;transition:transform .15s var(--ease-out);background:#222c32;border:0;border-radius:12px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #3a4a53,0 0 0 2px #05080a,0 4px 0 2px #05080a}.deck-pack{clip-path:polygon(0 3px,3px 0,6px 3px,9px 0,12px 3px,15px 0,18px 3px,22px 0,22px 27px,19px 30px,16px 27px,13px 30px,10px 27px,7px 30px,4px 27px,0 30px);background:linear-gradient(135deg,#ff6b5f,#ffb341 30%,#4fd3a3 60%,#4ab0ff);width:22px;height:30px}.deck-packs small{background:var(--gold);min-width:20px;color:var(--paper-ink);border-radius:10px;padding:0 5px;font-size:13px;line-height:20px;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #05080a}.deck-packs small:empty{display:none}.deck-packs:not([data-sealed="0"]){animation:2.4s ease-in-out infinite deck-glow}.deck-packs:not([data-sealed="0"]) .deck-pack{animation:2.4s ease-in-out infinite deck-wobble}@keyframes deck-glow{50%{box-shadow:inset 0 0 0 2px #3a4a53,0 0 0 2px #05080a,0 4px 0 2px #05080a,0 0 22px 7px #f2c14ecc}}@keyframes deck-wobble{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-10deg)}86%{transform:rotate(8deg)}94%{transform:rotate(-4deg)}}.deck-packs:hover{transform:translateY(-2px)}.deck:focus-visible,.deck-packs:focus-visible{outline-offset:5px;outline:3px dashed #fff}.deck-packs[aria-busy=true]{cursor:progress}.deck-cap{color:#f5f2eacc;text-shadow:0 2px #05080a;white-space:nowrap;margin-top:12px;font-size:13px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.deck .deck-cap{margin-top:14px}.deck-packs .deck-cap{margin-top:8px}.deck-plus{z-index:2;color:var(--gold);text-shadow:0 3px #05080a;animation:deck-plus 1.9s var(--ease-out) forwards;pointer-events:none;font-size:30px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes deck-plus{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}@media (prefers-reduced-motion:reduce){.deck-packs,.deck-pack,.deck.is-bump{animation:none!important}}@font-face{font-family:Times Sign;src:local(Segoe UI),local(Helvetica Neue),local(Helvetica),local(Roboto),local(Arial);unicode-range:U+D7}.panel{--board:#2f4147;--board-rim:#4f6970;--well:#182226;--pocket:#0d1417;--slab:#435a61;--slab-lo:#1a2427;--blue:#0b78cc;--blue-lo:#064a80;--orange:#ff9a2a;--orange-lo:#a35a08;--red:#d13d1f;--red-lo:#7a200f;--orange-ink:#2a1600;--mark:#59e0a5;--text-dim:#c4d2d4;--drop:0 2px 0 #00000080;--pad:14px;--gap:10px;--panel:var(--board);--panel-lo:var(--pocket);--panel-hi:var(--slab);--hue:var(--orange);--hue-lo:var(--orange-lo);--on-hue:var(--orange-ink);--on-hue-drop:0 1px 0 #ffffff59;z-index:4;border:3px solid var(--board-rim);height:calc(100dvh - 32px);min-height:0;color:var(--text);font-family:"Times Sign", var(--font);background:var(--board);box-shadow:0 0 0 3px var(--edge), 0 12px 0 3px #00000080;scrollbar-width:thin;scrollbar-color:var(--slab) transparent;word-break:auto-phrase;border-radius:18px;flex-direction:column;grid-area:panel;margin:16px 16px 16px 0;display:flex;position:relative;overflow:hidden auto}.sec{margin:var(--gap) var(--gap) 0;padding:var(--pad);background:var(--well);border-radius:12px;flex:none;box-shadow:inset 0 4px #00000059,0 2px #ffffff0f}.sec-image{--hue:var(--blue);--hue-lo:var(--blue-lo);--on-hue:#fff;--on-hue-drop:var(--drop)}.sec-export{--hue:var(--red);--hue-lo:var(--red-lo);--on-hue:#fff;--on-hue-drop:var(--drop)}.panel:before{content:"";z-index:3;background:linear-gradient(var(--board) 40%, transparent);opacity:0;pointer-events:none;flex:none;height:28px;margin-bottom:-28px;transition:opacity .15s;display:block;position:sticky;top:0}.panel.is-scrolled:before{opacity:1}.sec-head{flex-wrap:wrap;align-items:center;gap:2px 12px;margin-bottom:14px;display:flex}.sec-title{background:var(--hue);width:fit-content;box-shadow:0 3px 0 var(--hue-lo), inset 0 2px 0 #ffffff40;color:var(--on-hue);text-shadow:var(--on-hue-drop);border-radius:9px;flex:none;align-items:center;gap:8px;margin:0;padding:3px 12px 3px 4px;font-size:16px;font-weight:400;line-height:1.4;display:inline-flex}.step{background:var(--pocket);color:#fff;width:22px;height:22px;font-family:var(--display);text-shadow:none;border-radius:6px;flex:none;place-items:center;font-size:12px;font-style:normal;line-height:1;display:inline-grid}.sec-note{color:var(--text-dim);margin-left:auto;font-size:14px}.export-head{flex-wrap:nowrap;margin-bottom:0}.export-more{gap:8px;margin-left:auto;display:flex}.mini-slab{--c:var(--slab);--lo:var(--slab-lo);--lip:4px;background:var(--c);min-height:34px;box-shadow:0 var(--lip) 0 var(--lo), inset 0 2px 0 #fff3;color:#fff;text-shadow:var(--drop);white-space:nowrap;transition:transform .25s var(--ease-back), box-shadow 80ms;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px 0 9px;font-size:14px;display:inline-flex}.mini-slab[hidden]{display:none}.mini-slab svg{fill:currentColor;flex:none;width:16px;height:16px}.mini-keep svg{fill:var(--binder-hi)}.mini-keep .i-kept,.mini-keep[data-kept=true] .i-keep{display:none}.mini-keep[data-kept=true] .i-kept{fill:var(--mark);display:inline}.mini-keep[aria-busy=true] svg{animation:.5s ease-in-out infinite alternate keep-bob}@keyframes keep-bob{to{transform:translateY(-3px)}}.mini-share[data-ready=true]{--c:var(--blue);--lo:var(--blue-lo);animation:.8s ease-in-out infinite alternate share-call}@keyframes share-call{to{box-shadow:0 var(--lip) 0 var(--lo), inset 0 2px 0 #fff3, 0 0 0 4px #0b78cc73}}.mini-slab:hover:not(:disabled){animation:slab-wobble .45s var(--ease-out) forwards}.mini-slab:active:not(:disabled){transform:translateY(var(--lip));box-shadow:0 0 0 var(--lo), inset 0 2px 0 #fff3;transition-duration:50ms;animation:none}.mini-slab:disabled:not([data-busy]){opacity:.5}.mini-share[data-busy]{--c:var(--slab-lo);font-family:var(--display)}.btn{--c:var(--slab,var(--panel-hi));--lo:var(--slab-lo,var(--edge));--lip:5px;background:var(--c);color:#fff;width:100%;min-height:52px;text-shadow:var(--drop,0 2px 0 #0000004d);box-shadow:0 var(--lip) 0 var(--lo), inset 0 3px 0 #fff3;transition:transform .25s var(--ease-back), box-shadow 80ms, filter .15s;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:8px 16px;display:flex}.btn:hover{filter:brightness(1.08);transform:scale(1.025)}.btn:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--lo), inset 0 3px 0 #fff3;transition-duration:50ms}.btn[disabled]{cursor:progress;filter:saturate(.4)brightness(.85)}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;flex:none;width:22px;height:22px}.btn-text{text-align:left;line-height:1.3;display:grid}.btn-text b{font-size:16px;font-weight:400}.btn-text small{white-space:nowrap;opacity:.85;font-size:13px}.btn-paper{--c:var(--paper);--lo:#a9a497;color:var(--paper-ink);text-shadow:none}.btn-quiet{--c:var(--panel-hi);--lo:var(--edge);color:var(--text)}.panel .btn:hover{filter:none}@keyframes slab-wobble{0%{transform:scale(1)}30%{transform:scale(1.04)rotate(-1.4deg)}55%{transform:scale(1.035)rotate(1deg)}80%{transform:scale(1.03)rotate(-.4deg)}to{transform:scale(1.03)}}.thumbs{flex-wrap:wrap;gap:14px;margin-bottom:14px;padding-top:4px;display:flex}.thumb{aspect-ratio:5/7;border:3px solid var(--paper);background:var(--pocket) center / cover no-repeat;width:46px;box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge);transition:transform .25s var(--ease-back), box-shadow .15s, filter .15s;image-rendering:pixelated;border-radius:6px;padding:0;position:relative}.thumb[data-badge]:after{content:attr(data-badge);background:var(--pocket);box-shadow:0 0 0 2px var(--edge);color:var(--text);font-family:var(--display);border-radius:4px;padding:0 4px;font-size:10px;line-height:14px;position:absolute;bottom:-8px;right:-8px}.thumb:hover{transform:translateY(-3px)rotate(-3deg)scale(1.06)}.thumb:not([aria-checked=true]){filter:saturate(.6)brightness(.75)}.thumb:not([aria-checked=true]):hover{filter:none}.thumb[aria-checked=true]{box-shadow:0 0 0 2px var(--edge), 0 7px 0 2px var(--edge);transform:translateY(-5px)rotate(-3deg)}.thumb[aria-checked=true]:before{content:"";z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 4l2 2 4-4' stroke='%23fff' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center / 10px no-repeat, var(--blue);width:18px;height:18px;box-shadow:0 0 0 2px var(--edge);border-radius:6px;position:absolute;top:-10px;right:-10px}.pick{justify-content:flex-start}.panel[data-picture=sample] .pick{--c:var(--blue);--lo:var(--blue-lo)}.panel[data-picture=sample] .pick:hover{animation:slab-wobble .45s var(--ease-out) forwards}.panel[data-picture=sample] .pick:active{animation:none}.whole{border-radius:var(--radius);background:var(--panel-lo);width:100%;box-shadow:inset 0 0 0 2px var(--edge);color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:grid}.whole>svg{width:20px;height:20px;fill:var(--text-dim)}.whole-text b{font-size:14px;font-weight:400;display:block}.whole-text small{color:var(--text-dim);font-size:12px;line-height:1.45;display:block}.whole-knob{background:var(--edge);border-radius:4px;width:34px;height:18px;position:relative}.whole-knob:after{content:"";background:var(--text-dim);width:12px;height:12px;transition:transform .2s var(--ease-out), background-color .2s;border-radius:2px;position:absolute;top:3px;left:3px}.whole:hover{background:var(--panel)}.whole:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.whole[aria-pressed=true] .whole-knob{background:var(--green)}.whole[aria-pressed=true] .whole-knob:after{background:#fff;transform:translate(16px)}.whole[aria-pressed=true]>svg{fill:var(--green)}.whole.is-suggest{box-shadow:inset 0 0 0 2px var(--gold)}.whole.is-suggest small{color:var(--gold)}:is(.field,.tab)[hidden]{display:none}.crop-view.is-crisp :is(canvas,.crop-window){image-rendering:pixelated}.info.is-frameless :is(.info-name,.info-type,.info-desc,.pill-rarity,.lt-jump,.card-hint){display:none}.crop{grid-template-columns:auto minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.crop-view{background:repeating-linear-gradient(45deg, #ffffff08 0 2px, transparent 2px 7px), var(--pocket);touch-action:none;cursor:grab;border-radius:8px;place-items:center;width:100px;height:112px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 3px #0009}.crop-view:active{cursor:grabbing}.crop-view canvas{opacity:.45;max-width:100%;max-height:100%;display:block}.crop-window{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--edge), 0 0 0 999px #0d141759;pointer-events:none;background-repeat:no-repeat;border-radius:2px;position:absolute}.crop-view:focus-visible{outline:none}.crop-view:focus-visible .crop-window{box-shadow:0 0 0 2px var(--paper), 0 0 0 5px var(--gold), 0 0 0 999px #0d141759}.crop-side{grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:10px 12px;display:grid}.crop-side .row{grid-column:1/-1}.crop-reset{align-self:start}.image-error[hidden]{display:none}.image-error{box-shadow:inset 0 0 0 2px var(--red), 0 3px 0 var(--red-lo);background:#3a1d19;border-radius:10px;gap:12px;margin-top:16px;padding:14px 16px;display:grid}.image-error p{word-break:auto-phrase;text-wrap:pretty;grid-template-columns:auto 1fr;gap:10px;margin:0;font-size:16px;line-height:1.5;display:grid}.image-error p:before{content:"!";background:var(--red);width:22px;height:22px;box-shadow:0 2px 0 var(--red-lo);color:#fff;border-radius:6px;place-items:center;margin-top:1px;font-size:14px;line-height:1;display:grid}.image-error-actions{align-items:center;gap:16px;display:flex}.image-error .btn{width:auto;min-height:40px}.image-error .btn svg{width:18px;height:18px}#pickBtn[aria-busy]{cursor:progress;filter:saturate(.6)}.sec-finish .sec-title{margin-bottom:14px}.finish-row{grid-template-rows:auto auto 1fr;grid-template-columns:auto minmax(0,1fr);gap:2px 16px;display:grid}.finish-row .finish-proof{grid-row:1/span 3;margin:2px 0 4px 4px;rotate:-4deg}.finish-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--orange);text-shadow:var(--drop);font-size:20px;font-weight:400;line-height:1.3;overflow:hidden}.finish-look{color:var(--text-dim);font-size:14px}.finish-row .finish-pick{place-self:end start;margin-top:8px}.finish-proof{background:var(--pocket);width:56px;height:78px;box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge);border-radius:5px;overflow:hidden}.finish-proof canvas{width:100%;height:100%;display:block}.finish-pick{--lip:4px;background:var(--orange);min-height:36px;box-shadow:0 var(--lip) 0 var(--orange-lo), inset 0 2px 0 #ffffff40;color:var(--orange-ink);text-shadow:0 1px #ffffff59;white-space:nowrap;transition:transform .25s var(--ease-back), box-shadow 80ms;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:14px;display:inline-flex}.finish-pick:hover{animation:slab-wobble .45s var(--ease-out) forwards}.finish-pick:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--orange-lo), inset 0 2px 0 #ffffff40;transition-duration:50ms;animation:none}.finish-pick svg{fill:currentColor;width:16px;height:16px}.panel.is-tuning .seg-format small{display:none}.panel.is-tuning .seg-format .seg-btn{min-height:38px}.recap,.panel.is-tuning :is(.sec-image,.sec-finish)>:not(.recap){display:none}.panel.is-tuning :is(.sec-image,.sec-finish){padding:6px 8px 6px 10px}.panel.is-tuning .sec-finish{margin-top:8px}.panel.is-tuning .recap{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:2px 0;display:grid}.recap .step{background:var(--hue);box-shadow:0 2px 0 var(--hue-lo);color:var(--on-hue)}.recap-thumb{border:2px solid var(--paper);width:24px;height:33px;box-shadow:0 0 0 2px var(--edge);image-rendering:pixelated;background:50%/cover no-repeat;border-radius:4px}.recap .finish-proof{border:0;width:24px;height:33px;rotate:none}.recap-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:400;overflow:hidden}.recap-go{box-shadow:0 3px 0 var(--slab-lo), inset 0 2px 0 #ffffff26;color:#fff;text-shadow:var(--drop);transition:transform .25s var(--ease-back);background:#5d7880;border-radius:7px;padding:4px 10px;font-size:13px}.recap:hover .recap-go{background:var(--hue);box-shadow:0 3px 0 var(--hue-lo);color:var(--on-hue);text-shadow:var(--on-hue-drop);transform:scale(1.08)}.recap:active .recap-go{box-shadow:none;transform:translateY(3px)}.flip-row{border-top:2px solid #ffffff0f;grid-column:1/-1;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:grid}.flip-row[hidden]{display:none}.flip-thumb{background:var(--pocket) center / cover no-repeat;width:22px;height:30px;box-shadow:0 0 0 2px var(--edge), inset 0 0 0 2px var(--paper);border-radius:4px}.flip-thumb.is-auto{filter:grayscale()contrast(1.6)brightness(1.25)}.flip-text{min-width:0;font-size:14px;line-height:1.35;display:grid}.flip-text b{font-weight:400}.flip-text small{color:var(--text-dim);font-size:13px}.flip-text .link{margin-left:6px;font-size:13px}.sec-adjust{box-shadow:none;background:0 0;border-radius:0;margin-bottom:auto;padding:0}.adjust-toggle{--lip:5px;z-index:4;width:100%;min-height:56px;margin-bottom:var(--lip);background:var(--slab);box-shadow:0 var(--lip) 0 var(--slab-lo), inset 0 3px 0 #ffffff1f;text-align:left;text-shadow:var(--drop);transition:transform .25s var(--ease-back), box-shadow 80ms;border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:6px 12px 6px 14px;display:grid;position:sticky;top:0}.adjust-toggle:hover{transform:scale(1.015)}.adjust-toggle:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--slab-lo), inset 0 3px 0 #ffffff1f;transition-duration:50ms}.panel.is-tuning .adjust-toggle{box-shadow:0 var(--lip) 0 var(--slab-lo), inset 0 3px 0 #ffffff1f, 0 calc(var(--lip) + 4px) 0 4px var(--board), 0 -10px 0 4px var(--board)}.adjust-icon{width:22px;height:22px;fill:var(--orange);filter:drop-shadow(0 2px #00000080)}.adjust-text{line-height:1.35;display:grid}.adjust-text b{font-size:16px;font-weight:400}.adjust-text small{color:var(--text-dim);text-shadow:none;font-size:14px}.adjust-text small.is-changed{color:var(--mark)}.adjust-chev{background:var(--pocket);width:30px;height:30px;fill:var(--text);transition:rotate .25s var(--ease-back);border-radius:8px;padding:6px;box-shadow:inset 0 2px #000}.adjust-close{color:var(--text-dim);font-size:14px;display:none}.sec-adjust.is-open .adjust-close{display:block}.sec-adjust.is-open .adjust-text small{display:none}.adjust-toggle:has(.adjust-close){grid-template-columns:auto minmax(0,1fr) auto auto}.sec-adjust.is-open .adjust-chev{rotate:180deg}.adjust-body{margin-top:var(--gap);padding:0 var(--pad) var(--pad);background:var(--well);border-radius:12px;box-shadow:inset 0 4px #00000059,0 2px #ffffff0f}.tabs-bar{top:var(--adjust-row-h,72px);z-index:3;margin:0 calc(-1 * var(--pad));padding:14px var(--pad) 12px;background:var(--well);border-radius:12px 12px 0 0;position:sticky}.tabs-bar:after{content:"";background:linear-gradient(var(--well), transparent);pointer-events:none;height:16px;position:absolute;top:100%;left:0;right:0}.tabs{background:var(--pocket);border-radius:10px;justify-content:space-between;gap:5px;padding:8px 5px 6px;display:flex;box-shadow:inset 0 3px #000}.tab{--lip:3px;background:var(--slab);min-height:38px;box-shadow:0 var(--lip) 0 var(--slab-lo);color:var(--text-dim);white-space:nowrap;text-shadow:var(--drop);transition:transform .25s var(--ease-back), box-shadow 80ms, background-color .15s;border:0;border-radius:8px;flex:auto;padding:2px 6px;font-size:16px;line-height:1.2;position:relative}.tab:hover{color:var(--text);box-shadow:0 calc(var(--lip) + 2px) 0 var(--slab-lo);transform:translateY(-2px)}.tab[aria-selected=true]{background:var(--orange);color:var(--orange-ink);text-shadow:0 1px #ffffff59;box-shadow:0 calc(var(--lip) + 4px) 0 var(--orange-lo), inset 0 2px 0 #ffffff40;transform:translateY(-4px)}.tab:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--slab-lo);transition-duration:50ms}.tab-dot{background:var(--mark);width:9px;height:9px;box-shadow:0 0 0 2px var(--edge);position:absolute;top:-4px;right:-3px;transform:rotate(45deg)}.pane{gap:24px;padding:16px 0 4px;display:grid}.pane[hidden]{display:none}.pane-tools{justify-content:flex-end;margin-bottom:-12px;display:flex}.pane-tools[hidden]{display:none}.sec-format{gap:16px;padding-block:8px;display:grid}.sec-format:not(:has(.save-opts:not([hidden]))){display:none}.sec-export{bottom:var(--gap);z-index:10;margin-top:16px;margin-bottom:var(--gap);box-shadow:inset 0 4px 0 #00000059, 0 0 0 var(--gap) var(--board);grid-template-columns:minmax(0,1fr);gap:14px;display:grid;position:sticky}.sec-export:before{content:"";left:calc(-1 * var(--gap));right:calc(-1 * var(--gap));bottom:calc(100% + var(--gap));background:linear-gradient(transparent, var(--board) 90%);opacity:0;pointer-events:none;height:24px;transition:opacity .15s;position:absolute}.panel.has-more .sec-export:before{opacity:1}.sec-export:after,.tune-dock:after{content:none;background:var(--slab);box-shadow:0 0 0 2px var(--edge);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:7px;padding:0 10px;font-size:12px;line-height:20px;transition:opacity .15s;position:absolute;top:-11px;left:50%;translate:-50%}.panel.has-more :is(.sec-export,.tune-dock):after{content:var(--more-text);opacity:1}.panel:has(.tune-dock:not([hidden])) .sec-export:after{display:none}.panel .tune-dock{bottom:calc(var(--export-h,0px) + 2 * var(--gap))}.panel:has(.tune-dock:not([hidden])) .sec-export:before{display:none}.seg.seg-format{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.panel .seg-format .seg-btn{place-content:center;min-height:48px;padding:4px 2px;line-height:1.15;display:grid}.seg-format .seg-btn b{font-weight:400}.seg-format .seg-btn small{letter-spacing:-.04em;white-space:nowrap;opacity:.8;font-size:12px}.save-opts[hidden],.save-opts-body[hidden],.save-opts .field[hidden],.save-note[hidden]{display:none}.save-opts{gap:16px;display:grid}.save-opts-toggle{width:100%;min-height:32px;color:var(--text-dim);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 2px;font-size:16px;display:flex}.save-opts-toggle:hover{color:var(--text)}.save-opts-toggle small{margin-left:auto;font-size:13px}.save-opts-toggle svg{fill:currentColor;flex:none;width:14px;height:14px}.save-opts.is-open .save-opts-toggle svg{transform:rotate(180deg)}.save-opts-body{scroll-margin-bottom:calc(var(--export-h,90px) + 16px);gap:16px;padding-bottom:4px;display:grid}.seg.seg-two{grid-template-columns:1fr 1fr}.seg.seg-three{grid-template-columns:repeat(3,minmax(0,1fr))}.save-motion{background:var(--pocket);border-radius:10px;align-items:baseline;gap:10px;margin:0;padding:8px 12px;display:flex;box-shadow:inset 0 2px #00000073}.save-motion b{color:var(--text);font-size:18px;line-height:1.1}.save-motion small{color:var(--text-dim);font-size:13px}.save-motion .link{margin-left:auto}.matte{gap:10px;display:flex}.matte-sw{background:var(--sw,var(--slab));min-width:36px;height:36px;box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge);color:var(--text);text-shadow:var(--drop);transition:transform .25s var(--ease-back), box-shadow .15s;border:0;border-radius:8px;padding:0 10px;font-size:13px;position:relative}.matte-sw:hover{transform:translateY(-2px)scale(1.06)}.matte-white{--sw:#fff}.matte-black{--sw:#000}.matte-custom:not(.is-set){background:conic-gradient(#ff5a4f,#ffd84a,#3fc28f,#1a9cff,#b26cd8,#ff5a4f)}.matte-custom:not(.is-set):after{content:"+";background:var(--well);color:var(--text);font-family:var(--display);border-radius:4px;place-items:center;font-size:13px;line-height:1;display:grid;position:absolute;inset:8px}.matte-sw[aria-checked=true]{box-shadow:0 0 0 2px var(--edge), 0 0 0 5px var(--paper), 0 0 0 7px var(--edge);transform:translateY(-2px)}.matte-picker{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute}.save-note .link{font-size:13px}#saveBtn{--c:var(--red);--lo:var(--red-lo);--lip:6px;min-height:58px;margin-bottom:var(--lip);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;display:grid;position:relative;overflow:hidden}#saveBtn>svg{background:#00000038;border-radius:8px;width:34px;height:34px;padding:6px;box-shadow:inset 0 2px #00000040}#saveBtn:not([aria-busy]):hover{animation:slab-wobble .45s var(--ease-out) forwards}#saveBtn:not([aria-busy]):active{animation:none}.panel[data-picture=sample] #saveBtn:not([aria-busy]):not(.is-saved){--c:var(--slab);--lo:var(--slab-lo);color:#fff}.panel[data-picture=sample] #saveBtn:not([aria-busy]):not(.is-saved)>svg{background:var(--red);box-shadow:0 3px 0 var(--red-lo)}.panel[data-picture=sample] #saveBtn:not([aria-busy]):not(.is-saved):hover{animation:none}#saveBtn:before{content:"";mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 32%,#ffffff38 43%,#f2c14e73 50%,#7dffc647 57%,#0000 68%) 100% 0/250% 100% no-repeat;position:absolute;inset:0}#saveBtn:not([aria-busy]):hover:before{animation:save-glint .9s var(--ease-out) forwards}@keyframes save-glint{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:0 0}}#saveBtn.is-saved{--c:#237a57;--lo:#12402d}#saveBtn.is-saved .btn-text small{opacity:1}#saveBtn .btn-text b{font-variant-numeric:tabular-nums}#saveBtn .btn-text{min-width:0}#saveBtn .btn-text small{text-overflow:ellipsis;overflow:hidden}.save-meta{font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:end;line-height:1.3;display:grid}.save-meta:empty{display:none}.save-meta:has(b:empty):has(small:empty){display:none}.save-meta b{font-size:16px;font-weight:400}.save-meta small{opacity:.85;font-size:13px}.seal{background:var(--gold);box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge);color:#3a2706;text-shadow:none;pointer-events:none;border-radius:8px;grid-area:1/3;align-items:center;gap:6px;padding:2px 8px;font-size:18px;line-height:1.2;display:none;rotate:-6deg}#saveBtn.is-saved .save-meta{display:none}#saveBtn.is-saved .seal{animation:seal-in .4s var(--ease-back);display:flex}@keyframes seal-in{0%{opacity:0;rotate:20deg;scale:.3}}#saveBtn[aria-busy]{filter:none;background:linear-gradient(90deg, var(--c) calc(var(--p,0) * 100%), var(--lo) 0)}.row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label out""input input";align-items:center;gap:6px 12px;display:grid}.row>label,.row>.field-label{grid-area:label}.row>output{grid-area:out}.row>input{grid-area:input}.field{gap:10px;display:grid}.field-label{color:var(--text-dim);font-size:16px}output{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;font-size:16px}.panel output{background:var(--pocket);min-width:64px;color:color-mix(in srgb, var(--hue) 70%, #fff);text-align:center;text-shadow:var(--drop);border-radius:7px;padding:0 8px;font-size:20px;line-height:32px;box-shadow:inset 0 2px #000}.panel output.is-bump{animation:value-bump .3s var(--ease-back)}@keyframes value-bump{0%{transform:scale(1)}35%{color:#fff;transform:scale(1.18)rotate(-3deg)}to{transform:scale(1)}}.hint{text-wrap:pretty;color:var(--text-dim);margin:0;font-size:13px;line-height:1.55}.link{color:var(--gold);text-underline-offset:3px;background:0 0;border:0;flex:none;padding:2px 0;font-size:14px;text-decoration:underline}.link[hidden]{display:none}input[type=text],textarea{background:var(--paper);width:100%;color:var(--paper-ink);box-shadow:inset 0 3px 0 #0000001f, 0 0 0 2px var(--edge);resize:none;border:0;border-radius:8px;padding:8px 12px;font-size:16px}input[type=text]:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input[type=range]{appearance:none;background:0 0;width:100%;height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--hue,var(--slider-fill)), var(--hue,var(--slider-fill))) 0 0 / var(--fill,50%) 100% no-repeat, var(--panel-lo);height:10px;box-shadow:inset 0 2px 0 #000000b3, 0 0 0 2px var(--edge);border-radius:5px}input[type=range]::-moz-range-track{background:var(--panel-lo);height:10px;box-shadow:inset 0 2px 0 #000000b3, 0 0 0 2px var(--edge);border-radius:5px}input[type=range]::-moz-range-progress{background:var(--hue,var(--slider-fill));border-radius:5px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);width:20px;height:26px;box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge), inset 0 -4px 0 #cfc8b6;transition:transform .2s var(--ease-back);border-radius:6px;margin-top:-10px}input[type=range]::-moz-range-thumb{background:var(--paper);width:20px;height:26px;box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge), inset 0 -4px 0 #cfc8b6;border:0;border-radius:6px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transform:translateY(2px)scale(1.05)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--gold);box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge), 0 0 0 6px #f2c14e73}input[type=range]:focus-visible::-moz-range-thumb{background:var(--gold);box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge), 0 0 0 6px #f2c14e73}input[type=range]:disabled{opacity:.4}.seg{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.seg-btn{--lip:4px;min-height:40px;margin-bottom:var(--lip);background:var(--panel-hi);box-shadow:0 var(--lip) 0 var(--slab-lo,var(--edge)), inset 0 2px 0 #ffffff1a;color:var(--text);white-space:nowrap;text-shadow:var(--drop,none);transition:transform .25s var(--ease-back), box-shadow 80ms;border:0;border-radius:8px;padding:4px 6px;font-size:16px;line-height:1.2;position:relative}.seg-btn:hover{color:var(--text);box-shadow:0 calc(var(--lip) + 2px) 0 var(--slab-lo,var(--edge)), inset 0 2px 0 #ffffff1a;transform:translateY(-2px)scale(1.03)}.seg-btn[aria-checked=true]{background:var(--paper);color:var(--paper-ink);text-shadow:none;box-shadow:0 calc(var(--lip) + 2px) 0 #8f8a7e, 0 calc(var(--lip) + 2px) 0 2px var(--edge), 0 0 0 2px var(--edge);transform:translateY(-2px)}.seg-btn:active{transform:translateY(var(--lip));box-shadow:0 0 0 var(--edge);transition-duration:50ms}.seg-btn:disabled{cursor:progress;opacity:.5}.seg-frames{grid-template-columns:repeat(3,1fr)}.seg-frames .seg-btn{white-space:normal;justify-items:center;gap:6px;padding:10px 4px 8px;font-size:14px;display:grid}.swatch{width:22px;height:30px;box-shadow:0 0 0 2px var(--edge);background:var(--sw);border-radius:4px;position:relative}.swatch:after{content:"";background:linear-gradient(160deg,#4f6e86,#24384a);border-radius:2px;position:absolute;inset:4px 4px 9px}.swatch[data-frame=rim]{box-shadow:0 0 0 2px var(--edge), inset 0 0 0 2px #d9a441}.swatch[data-frame=rim]:after{box-shadow:0 0 0 2px #d9a441}.swatch[data-frame=ribbon]{overflow:hidden}.swatch[data-frame=ribbon]:before{content:"";z-index:1;width:22px;height:5px;box-shadow:0 0 0 1px var(--edge);background:#d23a45;position:absolute;top:3px;left:-7px;transform:rotate(-45deg)}.seg-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.seg-shapes .seg-btn{white-space:normal;word-break:keep-all;text-align:left;justify-content:flex-start;align-items:center;gap:4px;min-width:0;min-height:36px;padding:4px 4px 4px 3px;font-size:14px;display:flex}.shape-ico{flex:none;place-items:center;width:20px;height:22px;display:grid}.shape-ico:before{content:"";width:var(--w);height:var(--h);opacity:.85;border-radius:2px;box-shadow:0 0 0 2px}.seg-backdrops{grid-template-columns:repeat(3,minmax(0,1fr))}.seg-backdrops .seg-btn{white-space:normal;word-break:keep-all;justify-items:stretch;gap:5px;min-width:0;padding:5px 5px 6px;font-size:14px;display:grid}.bd-pic{height:38px;box-shadow:0 0 0 2px var(--edge);image-rendering:pixelated;border-radius:4px;display:block;position:relative;overflow:hidden}.bd-pic:after{content:"";width:14px;height:20px;box-shadow:0 0 0 1px var(--edge), 2px 3px 0 #00000073;background:linear-gradient(135deg,#f3eee2 0 30%,#ffd6f1 45%,#b8f0ff 58%,#f3eee2 72%);border-radius:2px;position:absolute;top:calc(50% - 10px);left:calc(50% - 7px)}[data-v=swirl]>.bd-pic{background:radial-gradient(circle at 50% 50%, transparent 30%, #00000073 80%), repeating-conic-gradient(from 10deg at 46% 56%, var(--c1) 0 34deg, var(--c2) 34deg 70deg, var(--c3) 70deg 82deg, var(--c1) 82deg 120deg)}[data-v=felt]>.bd-pic{background:radial-gradient(70% 80%,#1c573d,#0c2a1f 62%,#04110c)}[data-v=studio]>.bd-pic{background:radial-gradient(45% 55% at 50% 42%,#dcd6c880,#0000 70%),linear-gradient(#0d0e11,#24272c 58%,#2b2e33 64%,#111215)}[data-v=velvet]>.bd-pic{background:radial-gradient(30% 40% at 22% 30%,#aa34508c,#0000 70%),radial-gradient(35% 45% at 80% 70%,#aa345073,#0000 70%),radial-gradient(70% 80% at 50% 45%,#5e1328,#22030c 75%)}[data-v=bokeh]>.bd-pic{background:radial-gradient(circle at 16% 30%, var(--c3), transparent 8px), radial-gradient(circle at 82% 24%, var(--c2), transparent 11px), radial-gradient(circle at 76% 78%, var(--c3), transparent 7px), radial-gradient(circle at 24% 80%, var(--c2), transparent 9px), #08080e}[data-v=bokeh]>.bd-pic:before{content:"";background:#06060c73;position:absolute;inset:0}[data-v=stars]>.bd-pic{background:radial-gradient(circle at 14% 22%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 30% 70%,#cfe0ff 0 1px,#0000 1.5px),radial-gradient(circle at 78% 18%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 88% 62%,#ffe9c8 0 1px,#0000 1.5px),radial-gradient(circle at 66% 86%,#cfe0ff 0 1px,#0000 1.5px),linear-gradient(160deg,#0000 30%,#7864be40 45%,#0000 60%),linear-gradient(#02030c,#0b1230)}[data-v=confetti]>.bd-pic{background:linear-gradient(#f5c24c,#f5c24c) 12% 20%/5px 3px no-repeat,linear-gradient(#ff6b8b,#ff6b8b) 26% 74%/3px 5px no-repeat,linear-gradient(#5fd4ff,#5fd4ff) 80% 16%/5px 3px no-repeat,linear-gradient(#59f2b0,#59f2b0) 88% 66%/3px 5px no-repeat,linear-gradient(#c58bff,#c58bff) 70% 92%/5px 3px no-repeat,linear-gradient(#f4f0e8,#f4f0e8) 10% 92%/3px 3px no-repeat,radial-gradient(#2a1838,#0a0812 75%)}[data-v=plain]>.bd-pic{background:var(--plain)}[data-v=clear]>.bd-pic{background:repeating-conic-gradient(#262c30 0 25%, #20262a 0 50%) 0 0 / 8px 8px}.backdrop-color{margin-top:6px}.backdrop-dot{vertical-align:-2px;background:var(--plain);width:14px;height:14px;box-shadow:0 0 0 2px var(--edge), 0 0 0 3px #ffffff40;border-radius:3px;margin-right:6px;display:inline-block}.panel :is(.btn-text small,.hint){font-size:14px}.panel .btn-text small{opacity:1}.panel .field-label{text-shadow:var(--drop)}.panel :focus-visible{outline-color:#fff}.panel input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--paper);box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge), 0 0 0 5px #fff}.panel input[type=range]:focus-visible::-moz-range-thumb{background:var(--paper);box-shadow:0 0 0 2px var(--edge), 0 4px 0 2px var(--edge), 0 0 0 5px #fff}@media (prefers-reduced-motion:reduce){.panel *,.panel :before,.panel :after{animation:none!important}.btn:hover:not(:active),.seg-btn:hover:not(:active,[aria-checked=true]),.tab:hover:not(:active,[aria-selected=true]),.thumb:hover:not([aria-checked=true]),.matte-sw:hover:not([aria-checked=true]),.adjust-toggle:hover:not(:active),.sw-add:hover:not(:active),.chip.range-chip:hover:not(:active),.layer-chip:hover:not(:active),.layer-row:hover:not(:active),.recap:hover:not(:active) .recap-go{transform:none}.panel :is(.btn,.seg-btn,.tab,.thumb,.finish-pick,.adjust-toggle,.adjust-chev,.matte-sw,.recap-go,.sw-add,.lt-style,.chip.range-chip,.tone-chip,.layer-chip,.layer-row,.layer-add){transition:none}.panel input[type=range]::-webkit-slider-thumb{transition:none}.panel input[type=range]:hover:not(:active)::-webkit-slider-thumb{transform:none}}.crt{display:contents}.crt>*{z-index:50;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.crt.is-off>*{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.crt-glow{-webkit-backdrop-filter:blur(6px)contrast(2.4)brightness(.8);backdrop-filter:blur(6px)contrast(2.4)brightness(.8);mix-blend-mode:screen;opacity:.3}.crt-mask{mix-blend-mode:overlay;background:repeating-linear-gradient(#fff0 0,#ffffff24 1px,#fff0 2px,#00000052 2.6px,#0000 3px),linear-gradient(90deg,#ff1e3c66,#ff1e3c00 6%,#286eff00 94%,#286eff66),repeating-linear-gradient(90deg,#a27070 0 1px,#70a070 1px 2px,#7072a6 2px 3px)}.crt-noise{overflow:hidden}.crt-noise:before{content:"";opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(3,end) infinite crt-grain;position:absolute;inset:-50%}.crt-noise:after{content:"";background:linear-gradient(#fff0,#ffffff06 50%,#fff0);height:40vh;animation:9s linear infinite crt-roll,3.2s step-end infinite crt-flicker;position:absolute;inset:-40vh 0 auto}@keyframes crt-grain{33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}@keyframes crt-roll{to{transform:translateY(180vh)}}@keyframes crt-flicker{0%,to{opacity:1}41%{opacity:.4}43%{opacity:1}77%{opacity:.6}78%{opacity:1}}.crt-glass{background:repeating-linear-gradient(#0000 0 2px,#00000021 2px 3px),radial-gradient(70% 45% at 28% 8%,#ffffff0b,#fff0 70%),radial-gradient(#0000 58%,#00000057 100%);border-radius:clamp(14px,3.2vmin,34px);box-shadow:0 0 0 60px #000,inset 0 0 2px 1px #000000b3,inset 0 0 clamp(28px,7vmin,90px) #00000080}@media (prefers-reduced-motion:reduce){.crt-noise{display:none}}.drop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#080c0ecc;place-items:center;display:grid;position:fixed;inset:0}.drop[hidden]{display:none}.drop-box{border:4px dashed var(--gold);background:var(--panel);box-shadow:0 0 0 4px var(--edge), 0 12px 0 4px #00000080;text-shadow:0 3px 0 var(--edge);animation:drop-pulse .9s var(--ease-out) infinite alternate;border-radius:18px;justify-items:center;gap:6px;padding:48px 72px;font-size:28px;display:grid}.drop-box span{color:var(--text-dim);font-size:16px}@keyframes drop-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.toasts{z-index:70;pointer-events:none;gap:8px;width:344px;display:grid;position:fixed;bottom:200px;left:auto;right:36px}.toast{background:var(--panel);box-shadow:0 0 0 3px var(--edge), 0 6px 0 3px #00000073;animation:toast-in .35s var(--ease-back);border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:16px;display:flex}.toast:before{content:"";background:var(--green);border-radius:2px;flex:none;width:10px;height:10px}.toast.is-error:before{background:var(--red)}.toast-msg{word-break:auto-phrase;line-break:strict;text-wrap:pretty;margin:0}.toast.is-error{box-shadow:0 0 0 3px var(--edge), inset 0 0 0 2px #ff5a4f59, 0 6px 0 3px #00000073;pointer-events:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px 12px;padding:12px 10px 14px 16px;line-height:1.45;display:grid}.toast.is-error:before{box-shadow:0 0 8px var(--red);margin-top:7px}.toast.is-error .toast-msg{padding-top:1px}.toast-close{width:32px;height:32px;color:var(--text-dim);background:0 0;border:0;border-radius:6px;grid-area:1/3;place-items:center;margin:-2px 0 0;padding:0;transition:color .15s,background .15s;display:grid}.toast-close:hover{color:var(--text);background:var(--panel-hi)}.toast-close svg{fill:currentColor;width:14px;height:14px}.toast-btn{background:var(--paper);min-height:36px;color:var(--paper-ink);border:0;border-radius:8px;grid-column:2/4;justify-self:start;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:15px;transition:transform 70ms,box-shadow 70ms,filter .15s;display:inline-flex;box-shadow:0 4px #a9a497}.toast-btn:hover{filter:brightness(1.08)}.toast-btn:active{transform:translateY(4px);box-shadow:0 0 #a9a497}.toast-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;flex:none;width:16px;height:16px}.toast.is-out{animation:.25s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(-12px)}}.fatal{z-index:80;background:var(--ink-900);text-align:center;place-items:center;padding:24px;font-size:18px;display:grid;position:fixed;inset:0}.fatal[hidden]{display:none}.is-loading .card-slot:after{content:attr(data-loading);white-space:nowrap;text-shadow:0 2px 0 var(--edge);font-size:16px;position:absolute;bottom:-40px;left:50%;translate:-50%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@media (width>=901px) and (height<=800px){.panel{--pad:12px;--gap:8px}.sec-head,.sec-finish .sec-title{margin-bottom:8px}.finish-row{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px}.finish-row .finish-proof{grid-row:1;margin-block:0 4px}.finish-name{font-size:18px}.finish-row .finish-pick{align-self:center;margin-top:0}.sec-export{margin-top:12px}#saveBtn{gap:10px;padding-inline:12px}#saveBtn>svg{width:28px;height:28px;padding:4px}#saveBtn .btn-text small{font-size:13px}.crop-view{width:84px;height:96px}.crop{margin-top:10px}.crop-side .hint,.finish-look{display:none}.finish-row .finish-proof{width:38px;height:53px}.thumbs{margin-bottom:8px}.thumb{width:34px}.pick{min-height:46px}.finish-row .finish-pick{min-height:32px}.adjust-toggle{min-height:48px;padding-block:4px}.sec-export{gap:8px}.panel .seg-format .seg-btn{min-height:38px;padding-block:2px}#saveBtn{min-height:50px}.tabs-bar{padding-block:10px 8px}}@media (width<=1180px){.toasts{width:304px}.chip-binder .binder-name{display:none}.tab{padding:4px;font-size:14px}.app{grid-template-columns:minmax(0,1fr) 344px}.info{width:232px}}@media (width<=900px){body{overflow:auto}.app{grid-template:"top""stage""panel"/minmax(0,1fr);height:auto;min-height:100dvh}.top{padding:14px 16px 0}.chip{padding:0 10px}.stage{min-height:0;padding:8px 16px}.showcase{flex-direction:column;gap:20px;padding:12px 0 8px}.card-slot{height:auto;width:min(calc(min(62vw, 300px) * var(--card-kw) * 1.4), 88vw)}.btn.stage-pick{z-index:3;width:auto;min-height:44px;margin-top:-4px;display:flex;position:relative}.info{width:min(100%,340px)}.card-hint{text-align:center}.info{justify-items:center;display:grid}.info-box{width:100%}.hand{height:290px}.stage{padding-bottom:12px}.deck{width:52px;height:74px}.deck-pile i{width:48px;height:68px}.panel{--pad:20px;height:auto;margin:16px;overflow:visible}.adjust-toggle{position:static}.tabs-bar{padding-block:8px;top:0}.sec-export{z-index:30;padding:20px var(--pad) calc(14px + env(safe-area-inset-bottom));border:3px solid var(--board-rim);background:var(--board);box-shadow:0 0 0 3px var(--edge), 0 -8px 24px #00000073;border-bottom:0;border-radius:16px 16px 0 0;grid-template-columns:minmax(0,1fr);grid-template-areas:"title""formats""save";gap:10px 12px;margin:0;position:fixed;bottom:0;left:16px;right:16px}.sec-export .export-head{grid-area:title}.sec-export .seg-format{grid-area:formats}#saveBtn{grid-area:save}.sec-export:before{opacity:0;transition:opacity .2s}.sec-export.is-over-panel:before{opacity:1}.sec-export:has(.tune-peek:not([hidden])){grid-template-columns:auto minmax(0,1fr);grid-template-areas:"peek title""peek formats""peek save"}.sec-export:has(.tune-peek:not([hidden])) .seg-format small{display:none}.sec-export:has(.tune-peek:not([hidden])) .seg-format .seg-btn{min-height:38px}.panel .tune-dock{bottom:var(--export-h,0px)}.sec-export .tune-peek{grid-area:peek;align-self:stretch;height:auto}#saveBtn{min-height:54px}.app{padding-bottom:calc(var(--export-h,90px) + 8px)}}@media (pointer:coarse){.pick .btn-text small{display:none}}@media (width<=900px){.toasts{width:min(420px,100vw - 32px);left:50%;right:auto;translate:-50%}}@media (width<=420px),(width<=599px) and (orientation:portrait){.toggles .chip span{display:none}.toggles{gap:6px}.chip{padding:0 8px}.chip[aria-pressed]:after{display:none}.chip[aria-pressed=false]{opacity:.55}.chip-binder{margin-right:0;position:relative}.binder-count{min-width:20px;box-shadow:0 0 0 2px var(--panel-hi);padding:0 4px;line-height:18px;position:absolute;top:-8px;right:-8px}.chip-binder[data-empty=true] .binder-count{display:none}.tile{width:24px;height:32px;font-size:18px}.support-menu{width:auto;position:fixed;top:66px;left:16px;right:16px}#raritySeg{grid-template-columns:repeat(2,1fr)}}[data-still] :not([aria-busy],[aria-busy] *,.is-waiting,.is-waiting *),[data-still] :not([aria-busy],[aria-busy] *,.is-waiting,.is-waiting *):before,[data-still] :not([aria-busy],[aria-busy] *,.is-waiting,.is-waiting *):after{animation-iteration-count:1!important}[data-still] .crt-glow,[data-no-crt] .crt{display:none}@media (prefers-reduced-motion:reduce){.support-menu,.chip-heart[aria-expanded=true] svg,.tile,.tile:after,.spark,.logo-word.is-flip .tile,.drop-box{animation:none}.toast{animation-duration:10ms}.mini-slab:hover:not(:disabled),.mini-share[data-ready=true],.mini-keep[aria-busy=true] svg,.chip-binder.is-bump{animation:none}}.row-hint{grid-template-areas:"label out""hint hint""input input"}.row-hint>.hint{grid-area:hint;margin-top:-4px}.dot-hint{margin-top:-6px}.dot-head{align-items:baseline;gap:10px;display:flex}.dot-now{color:var(--gold);font-size:14px}.dot-more{margin-left:auto}.dot-more[hidden],.dot-scope[hidden],.dot-body[hidden]{display:none}.dot-body{background:var(--panel-lo);border-radius:8px;gap:14px;padding:12px;display:grid;box-shadow:inset 0 2px #00000073}.dot-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-box .info-name.is-off{opacity:.45}.info-desc textarea{field-sizing:content}.info-desc textarea:not(:placeholder-shown){font:var(--msg-font,inherit);line-height:1.4}.seg.seg-layouts{grid-template-columns:1fr 1fr}.seg-layouts .seg-btn{justify-content:center;align-items:center;gap:10px;padding-block:8px;display:flex}.layout-icon{background:color-mix(in srgb, currentColor 25%, transparent);width:22px;height:30px;box-shadow:0 0 0 2px var(--edge);border-radius:4px;flex:none;grid-template-rows:1fr 5px;gap:2px;padding:2px;display:grid;position:relative}.layout-icon>i{background:currentColor;border-radius:1px}.layout-icon>i:first-child{opacity:.55}.layout-icon>i:nth-child(3){display:none}[data-v=tcg]>.layout-icon{grid-template-rows:4px 1fr 7px}[data-v=tcg]>.layout-icon>i:first-child{opacity:1}[data-v=tcg]>.layout-icon>i:nth-child(2){opacity:.55}[data-v=tcg]>.layout-icon>i:nth-child(3){background:var(--paper);display:block}.info-box .info-type{width:100%;box-shadow:none;color:var(--text);text-align:center;background:#ffffff0f;border:0;border-radius:8px;margin:0 0 6px;padding-block:4px 6px;font-size:16px;display:block}.info-box .info-type::placeholder{color:var(--text-dim)}.info-box .info-type:focus-visible{outline:3px solid var(--gold);outline-offset:0}.info-box .info-type[hidden]{display:none}.info.is-tcg .info-desc textarea{font-size:14px}@media (width<=900px){.stage{--hand-h:clamp(112px, 21svh, 168px);flex-direction:column;align-items:center;gap:12px;display:flex}.showcase{display:contents}.card-slot{width:min(calc(clamp(64px, calc((100svh - var(--export-h,130px) - var(--hand-h) - 200px) * 5 / 7), min(62vw, 300px)) * var(--card-kw) * 1.4), 88vw);margin-top:12px}.hand-wrap{order:1;width:100%;margin-top:0}.hand-bar{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.hand-step{justify-content:center;width:44px;height:40px;display:inline-flex}.hand{height:var(--hand-h)}.deck-dock{gap:28px;padding:6px 4px 16px 0}.deck{width:40px;height:56px}.deck-pile i{width:36px;height:50px}.deck-packs{width:44px;height:44px}.deck-dock .deck-cap{margin-top:3px;font-size:11px}.hand-caption{white-space:nowrap;flex-wrap:nowrap;margin:0;font-size:clamp(15px,5vw,20px)}.hand-caption span{display:none}.info{order:2;margin-top:8px}}@media (width<=900px) and (height<=620px){.stage{gap:6px}.card-slot{margin-top:4px}}.flick-hint{display:none}@media (width<=599px) and (orientation:portrait){.top{padding:4px 8px 0}.logo-word{gap:3px;padding:2px}.tile{width:20px;height:26px;font-size:15px}.toggles{gap:6px}.stage{--room:calc(100svh - 72px - env(safe-area-inset-bottom) - 44px);--card-w:min(100vw - 16px, (var(--room) - 200px) * var(--card-kw) / var(--card-kh));gap:6px;padding:0 8px 8px}#cards{height:calc(100% + 44px);top:-44px}.card-slot{max-height:none;width:calc(var(--card-w));margin-top:6px}.hand{height:clamp(136px, calc(var(--room) - var(--card-w) * var(--card-kh) / var(--card-kw) - 64px), 168px)}.hand-bar{order:-1}.hand-step{height:40px}.hand-wrap{gap:2px}.deck-dock{gap:22px;padding:6px 2px 8px 0}.deck{width:32px;height:45px}.deck-pile i{width:28px;height:40px}.deck-packs{width:40px;height:40px}.hand-row{position:relative}.hand-row:has(.qm){padding-left:56px}.hand-row .deck-dock{position:static}.hand-row .qm{height:fit-content;margin-block:auto;position:absolute;top:0;bottom:0;left:0;transform:none}.flick-hint{z-index:1;box-shadow:0 0 0 2px var(--edge);color:var(--text);white-space:nowrap;text-shadow:0 2px 0 var(--edge);pointer-events:none;background:#0d1315db;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 7px;font-size:15px;animation:7s 1.2s both flick-hint;display:flex;position:absolute;bottom:16%;left:50%;translate:-50%}.flick-hint svg{width:14px;height:14px;fill:var(--gold);animation:1.4s ease-in-out 1.2s infinite flick-nudge}.flick-hint svg:first-child{--dx:-4px}.flick-hint svg:last-child{--dx:4px}.flick-hint[hidden],.is-dragging .flick-hint{display:none}.btn.stage-pick{left:6px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:31;flex-direction:column;gap:2px;width:64px;min-height:48px;margin:0;padding:4px 2px;position:fixed}.btn.stage-pick .btn-text b{letter-spacing:-.04em;text-align:center;font-size:12px;line-height:1.1;display:block}.btn.stage-pick svg{width:18px;height:18px}:is(body:has(.tune-peek:not([hidden])) .btn.stage-pick,body:has(.qm-tray:not([hidden])) .btn.stage-pick){display:none}.sec-export:has(.tune-peek:not([hidden])){padding-left:8px}.sec-export{padding:8px 6px calc(8px + env(safe-area-inset-bottom)) 76px;border-inline:0;border-radius:14px 14px 0 0;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"formats more save";column-gap:6px;left:0;right:0}.sec-export .sec-title,.sec-export .seg-format small,#saveBtn .btn-text small,#saveBtn .save-meta{display:none}.sec-export .seg-format{gap:4px}.panel .sec-export .export-head{grid-area:more;align-self:start}.sec-export .export-more{gap:6px;margin-left:0}.sec-export .mini-slab{justify-content:center;min-width:40px;min-height:44px;padding:0 6px}.sec-export .mini-slab:not([data-ready=true]) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sec-export .mini-slab svg{width:20px;height:20px}.panel .sec-export .seg-format .seg-btn{min-height:48px;padding-inline:0;font-size:13px}#saveBtn{gap:6px;min-height:48px;margin-bottom:4px;padding:4px 10px 4px 8px}#saveBtn>svg{width:28px;height:28px;padding:4px}#saveBtn .btn-text b{white-space:nowrap;font-size:16px}#saveBtn:not([aria-busy]) .btn-text b{font-size:0}#saveBtn:not([aria-busy]) .btn-text b:after{content:attr(data-short);font-size:16px}}@keyframes flick-hint{0%{opacity:0;scale:.9}6%,88%{opacity:1;scale:1}to{opacity:0}}@keyframes flick-nudge{50%{translate:var(--dx) 0}}@media (prefers-reduced-motion:reduce){.flick-hint svg{animation:none}}#saveBtn[data-format=apng][aria-busy]{background:var(--panel-lo);box-shadow:0 5px 0 var(--edge), inset 0 0 0 2px var(--c)}#saveBtn[data-format=apng][aria-busy] .btn-text:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(100% / var(--n,30) - 2px), var(--panel-lo) 0 calc(100% / var(--n,30))), linear-gradient(90deg, var(--c) calc(var(--p,0) * 100%), #ffffff29 0);border-radius:1px;height:6px;margin-top:4px}#saveBtn.is-stopped{background:var(--panel-lo);color:var(--text-dim);box-shadow:0 5px 0 var(--edge), inset 0 0 0 2px var(--text-dim)}#saveBtn[aria-busy] .save-meta{background:var(--panel);box-shadow:0 0 0 2px var(--edge);border-radius:6px;padding:4px 10px}#saveBtn[aria-busy]:hover .save-meta b{color:var(--gold)}#saveBtn[aria-busy] .save-meta small{display:none}.save-meta kbd{font-family:var(--display);color:var(--paper-ink);background:var(--paper);box-shadow:0 2px 0 var(--edge);vertical-align:1px;text-shadow:none;border-radius:3px;margin-right:6px;padding:0 4px;font-size:10px;line-height:16px;display:inline-block}@media (hover:none){.save-meta kbd{display:none}}.lt-chip{background:var(--lt-paper);width:100%;height:46px;box-shadow:0 0 0 2px var(--edge), inset 0 2px 0 #ffffff40, inset 0 -3px 0 #0000001f;transition:transform .18s var(--ease-back);border-radius:5px;place-items:center;display:grid;position:relative;overflow:hidden}.lt-chip b{color:var(--lt-ink);font-family:DotGothic16,monospace;font-size:36px;font-weight:700;line-height:1;position:relative}.lt{--lt-sh:#0000008c;--lt-hl:#fffffff2;--lt-trough:#0003;--lt-pillow:#ffffffd9}.is-dark-stock{--lt-sh:#000000f2;--lt-hl:#fff6;--lt-trough:#00000073;--lt-pillow:#ffffff24}[data-style=deboss] .lt-chip b,[data-style=emboss] .lt-chip b{-webkit-text-stroke:6px var(--lt-trough);paint-order:stroke fill}[data-style=deboss] .lt-chip b{color:color-mix(in srgb, var(--lt-ink) 85%, #000);text-shadow:calc(var(--lx) * 2px) calc(var(--ly) * 2px) 0 var(--lt-sh), calc(var(--lx) * -1.5px) calc(var(--ly) * -1.5px) 0 var(--lt-hl)}[data-style=emboss] .lt-chip b{-webkit-text-stroke-color:var(--lt-pillow);text-shadow:calc(var(--lx) * 1.5px) calc(var(--ly) * 1.5px) 0 var(--lt-hl), calc(var(--lx) * -3.5px) calc(var(--ly) * -3.5px) 0 var(--lt-sh)}.is-blind{--lt-trough:#0000004d}.is-blind[data-style=deboss] .lt-chip b,.is-blind[data-style=emboss] .lt-chip b,.is-blind [data-style=deboss] .lt-chip b,.is-blind [data-style=emboss] .lt-chip b{color:var(--lt-stock)}[data-style=foil] .lt-chip b{color:#0000;background:linear-gradient(115deg, var(--lt-lo) 10%, var(--lt-hi) 30%, var(--lt-lo) 48%, var(--lt-hi) 64%, var(--lt-lo) 86%);background-size:320% 100%;background-position:calc(var(--mx) * 100%) 0;filter:drop-shadow(0 1px #00000059);-webkit-background-clip:text;background-clip:text}.is-rainbow[data-style=foil] .lt-chip b,.is-rainbow [data-style=foil] .lt-chip b{background-image:linear-gradient(115deg,#ff8aa8,#ffe28a 18%,#9cf7c8 34%,#8ad4ff 50%,#c99cff 66%,#ff8aa8 84%,#ffe28a)}[data-style=spot] .lt-chip b{color:color-mix(in srgb, var(--lt-ink) 85%, #000)}[data-style=spot] .lt-chip b:after{content:attr(data-g);color:#0000;background:linear-gradient(115deg,#0000 42%,#fff 46% 50%,#0000 54%) 0 0/300% 100%;background-position:calc((var(--mx) * .6 + .2) * 100%) 0;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.is-blind[data-style=spot] .lt-chip b,.is-blind [data-style=spot] .lt-chip b{-webkit-text-stroke:1.5px #00000024;color:color-mix(in srgb, var(--lt-ink) 10%, transparent)}.lt-jump{background:var(--panel-lo);width:100%;box-shadow:0 0 0 3px var(--edge), inset 0 0 0 2px var(--panel-hi), 0 5px 0 3px var(--edge);color:var(--text);text-align:left;border:0;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:6px 12px 6px 6px;transition:transform 80ms,background .15s;display:flex}.lt-jump:hover{background:var(--panel-hi)}.lt-jump:active{box-shadow:0 0 0 3px var(--edge), inset 0 0 0 2px var(--panel-hi), 0 1px 0 3px var(--edge);transform:translateY(4px)}.lt-jump .lt-chip{border-radius:6px;flex:none;width:40px;height:34px}.lt-jump .lt-chip b{font-size:24px}.lt-jump-text{min-width:0;line-height:1.15;display:grid}.lt-jump-text small{color:var(--text);opacity:.75;font-size:13px}@media (width<=900px){.lt-jump-arrow{transform:rotate(90deg)}.lt-jump:hover .lt-jump-arrow{transform:rotate(90deg)translateY(-3px)}}.lt-jump-text b{text-shadow:0 2px 0 var(--edge);font-size:17px;font-weight:400}.lt-jump-arrow{font-family:var(--display);color:var(--gold);transition:transform .15s var(--ease-back);margin-left:auto;font-size:20px}.lt-jump:hover .lt-jump-arrow{transform:translate(3px)}.lt-jump .lt-chip:after{content:"";background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:9px;height:9px;position:absolute;top:2px;right:2px}@media (prefers-reduced-motion:reduce){.lt-chip,.lt-jump,.lt-jump-arrow{transition:none}.lt-jump:hover .lt-jump-arrow{transform:none}}.deck-dock{position:relative}.qm{z-index:6;position:absolute;bottom:calc(100% + 22px);left:50%;transform:translate(-50%)}.qm-btn{height:46px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;transition:transform .15s var(--ease-out), background .15s;background:#222c32;border:0;border-radius:11px;align-items:center;gap:7px;padding:0 12px 0 9px;display:flex;box-shadow:inset 0 0 0 2px #3a4a53,0 0 0 2px #05080a,0 4px 0 2px #05080a}.qm-ico svg{fill:currentColor;width:24px;height:24px;display:block}.qm-text{text-align:left;line-height:1.05;display:grid}.qm-text small{color:var(--text-dim);font-size:11px}.qm-text b{font-size:14px;font-weight:400}.qm-btn:hover{transform:translateY(-2px)}.qm-btn:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px #3a4a53,0 0 0 2px #05080a,0 1px 0 2px #05080a}.qm.is-open .qm-btn{color:#1a1206;background:#ff9a2a;box-shadow:inset 0 0 0 2px #ffc46b,0 0 0 2px #05080a,0 4px 0 2px #a35a08}.qm.is-open .qm-text small{color:#5a3305}.qm-btn:focus-visible,.qm-opt:focus-visible,.qm-close:focus-visible,.qm-reset:focus-visible{outline-offset:4px;outline:3px dashed #fff}#info{transition:opacity .2s}.qm-open #info{opacity:0;visibility:hidden}.toggles{transition:opacity .2s}@media (height<=820px) and (width>=901px){.qm-open .toggles{opacity:.25}}.qm.is-tight{bottom:calc(100% - 8px);transform:translate(calc(-50% - 36px))}.qm.is-tight .qm-btn{height:34px;padding:0 10px 0 7px}.qm.is-tight .qm-ico svg{width:20px;height:20px}.qm.is-tight .qm-text small{font-size:9px}.qm.is-tight .qm-text b{font-size:12px}@media (width<=900px){.qm{bottom:calc(100% + 16px);left:auto;right:0;transform:none}.qm-btn{height:38px;padding:0 10px 0 8px}.qm-btn .qm-text small{display:none}}