:root{--bg-abyss: #0d0a14;--bg-panel: #171226;--bg-raised: #221a38;--line: #322a4d;--ink: #f2edff;--ink-dim: rgba(242, 237, 255, .62);--ember: #ff6b2b;--ember-hot: #ffd9a0;--arcane: #37e2c4;--danger: #ff3860;--gold: #ffc84a;--r-normal: #9aa3b2;--r-rare: #3fa9ff;--r-sr: #a06bff;--r-epic: #ff2e63;--r-unique: #ffd24a;--el-ember: #ff6b2b;--el-tide: #3fa9ff;--el-volt: #ffe14d;--el-gale: #7ef0d4;--el-terra: #c9834e;--el-umbra: #a06bff;--world-ash: #6b6a78;--world-bone: #d9d2c0;--world-umber: #6b4a34;--world-moss: #4a5a3a;--world-rust: #8a4a2e;--world-pale-gold: #e8d9a0;--world-blood-red: #7a1f2b;--font-display: "Silkscreen", ui-monospace, monospace;--font-body: "Rubik", system-ui, -apple-system, sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 18px;--fs-lg: 24px;--fs-xl: 32px;--fs-xxl: 44px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-xxl: 32px;--rad-sm: 2px;--rad-md: 4px;--rad-lg: 8px;--border-w: 2px;--z-bg: 0;--z-world: 10;--z-vfx: 20;--z-hud: 30;--z-modal: 40;--z-birth: 50;--z-toast: 60;--dur-feedback: 90ms;--dur-transition: .16s;--dur-modal: .24s;--ease-ui: cubic-bezier(.2, .8, .2, 1)}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-400.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/silkscreen-700.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik-400.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik-500.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--bg-abyss);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--border-w) solid var(--ember);outline-offset:2px}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.display{font-family:var(--font-display);letter-spacing:.02em}.serial{font-family:var(--font-display);letter-spacing:.08em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);height:48px;padding:0 var(--sp-lg);border:var(--border-w) solid transparent;border-radius:var(--rad-md);font-family:var(--font-body);font-size:var(--fs-base);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-feedback) var(--ease-ui),background var(--dur-feedback) var(--ease-ui)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--ember);color:var(--bg-abyss);font-weight:700}.btn--secondary{background:transparent;border-color:var(--line);color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink-dim)}.btn--danger{background:var(--danger);color:var(--bg-abyss);font-weight:700}.btn--block{display:flex;width:100%}.card{position:relative;border:var(--border-w) solid var(--line);border-radius:var(--rad-md);background:var(--bg-panel);padding:var(--sp-md);overflow:hidden}.card--rare{border-color:var(--r-rare);box-shadow:0 0 14px -3px var(--r-rare)}.card--super_rare{border-color:var(--r-sr);box-shadow:0 0 16px -2px var(--r-sr)}.card--super_rare:before,.card--super_rare:after{content:"";position:absolute;width:6px;height:6px;background:var(--r-sr);box-shadow:0 0 6px var(--r-sr)}.card--super_rare:before{top:4px;left:4px}.card--super_rare:after{bottom:4px;right:4px}.card--epic{border-color:var(--r-epic);animation:epic-pulse 4s var(--ease-ui) infinite}@keyframes epic-pulse{0%,to{box-shadow:0 0 10px -2px var(--r-epic)}50%{box-shadow:0 0 22px 1px var(--r-epic)}}.card--unique{border-color:var(--r-unique);box-shadow:0 0 26px -2px var(--r-unique)}.card--unique:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,210,74,.16) 45%,rgba(120,200,255,.22) 50%,rgba(255,120,200,.16) 55%,transparent 70%);background-size:300% 300%;animation:prism-sweep 6s linear infinite;pointer-events:none}@keyframes prism-sweep{0%{background-position:200% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.card--epic,.card--unique:after{animation:none}}.badge{display:inline-block;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;padding:3px 6px;border-radius:var(--rad-sm);border:1px solid currentColor}.serial-stamp{font-family:var(--font-display);letter-spacing:.08em;font-size:var(--fs-sm)}.bar{--seg: 4px;height:10px;background:var(--bg-abyss);border:1px solid var(--line);border-radius:var(--rad-sm);padding:1px;overflow:hidden}.bar__fill{height:100%;background-image:repeating-linear-gradient(90deg,var(--bar-color) 0,var(--bar-color) var(--seg),rgba(0,0,0,.35) var(--seg),rgba(0,0,0,.35) calc(var(--seg) + 1px));transition:width var(--dur-transition) var(--ease-ui)}.bar--hp{--bar-color: var(--danger)}.bar--xp{--bar-color: var(--arcane)}.bar--stat{--bar-color: var(--ember)}.dice-panel{display:flex;gap:var(--sp-md)}.die{width:40px;height:40px;background:var(--bg-raised);border:var(--border-w) solid var(--line);border-radius:var(--rad-sm);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;gap:2px}.die.is-rolling{animation:die-shake var(--dur-transition) steps(3) infinite}@keyframes die-shake{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-8deg)}to{transform:translateY(0) rotate(6deg)}}.die__pip{border-radius:50%;background:var(--ember-hot);align-self:center;justify-self:center;width:7px;height:7px;visibility:hidden}.die__pip.on{visibility:visible}.joystick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#f2edff0f;border:var(--border-w) solid rgba(242,237,255,.2);opacity:.6;pointer-events:none;z-index:var(--z-hud)}.joystick__thumb{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--ember);opacity:.85}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d0a14b3;display:flex;align-items:center;justify-content:center;padding:var(--sp-lg);z-index:var(--z-modal)}.modal{background:var(--bg-panel);border:var(--border-w) solid var(--line);border-radius:var(--rad-lg);padding:var(--sp-lg);max-width:340px;width:100%;animation:modal-in var(--dur-modal) var(--ease-ui)}@keyframes modal-in{0%{transform:translateY(8px);opacity:0}}.toast-host{position:fixed;top:calc(env(safe-area-inset-top) + var(--sp-md));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);z-index:var(--z-toast);pointer-events:none}.toast{background:var(--bg-raised);border:var(--border-w) solid var(--line);border-radius:var(--rad-md);padding:var(--sp-sm) var(--sp-lg);font-size:var(--fs-sm);box-shadow:0 4px 16px -4px #0009;animation:toast-in var(--dur-transition) var(--ease-ui)}@keyframes toast-in{0%{transform:translateY(-8px);opacity:0}}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--fs-sm);color:var(--ink-dim)}.input,.textarea{background:var(--bg-abyss);border:var(--border-w) solid var(--line);border-radius:var(--rad-md);color:var(--ink);padding:var(--sp-sm) var(--sp-md);width:100%}.textarea{min-height:88px;resize:vertical}.input__count{align-self:flex-end;font-size:var(--fs-xs);color:var(--ink-dim)}.voice{display:flex;align-items:center;gap:var(--sp-md);background:var(--bg-panel);border:var(--border-w) solid var(--line);border-radius:var(--rad-md);padding:var(--sp-md)}.voice__wave{display:flex;align-items:center;gap:2px;height:28px;flex:1}.voice__bar{width:3px;background:var(--arcane);border-radius:1px;height:20%}.voice.is-recording .voice__bar{animation:wave var(--dur-transition) var(--ease-ui) infinite alternate}@keyframes wave{to{height:100%}}.draw{display:flex;flex-direction:column;gap:var(--sp-sm)}.draw__canvas{width:100%;aspect-ratio:1;background:var(--bg-abyss);border:var(--border-w) solid var(--line);border-radius:var(--rad-md);touch-action:none;image-rendering:pixelated}.draw__tools{display:flex;gap:var(--sp-sm);align-items:center}.draw__swatch{width:28px;height:28px;border-radius:var(--rad-sm);border:var(--border-w) solid var(--line);cursor:pointer}.draw__swatch.is-active{outline:2px solid var(--ember);outline-offset:1px}.photo{display:flex;flex-direction:column;gap:var(--sp-md)}.photo__drop{border:var(--border-w) dashed var(--line);border-radius:var(--rad-md);padding:var(--sp-xl);text-align:center;color:var(--ink-dim)}.check{display:flex;gap:var(--sp-sm);align-items:flex-start;font-size:var(--fs-sm)}.mask-row{display:flex;gap:var(--sp-sm)}.mask{width:48px;height:48px;border-radius:var(--rad-md);border:var(--border-w) solid var(--line);background:var(--bg-raised);display:grid;place-items:center;cursor:pointer}.mask.is-active{border-color:var(--ember)}.gallery{max-width:920px;margin:0 auto;padding:var(--sp-xl) var(--sp-lg) 64px}.gallery h2{font-family:var(--font-display);font-size:var(--fs-md);margin:var(--sp-xxl) 0 var(--sp-xs)}.gallery .note{color:var(--ink-dim);font-size:var(--fs-sm);margin-bottom:var(--sp-lg)}.row{display:flex;flex-wrap:wrap;gap:var(--sp-md);align-items:center}.stage{min-height:100dvh;max-width:480px;margin:0 auto}.screen{display:flex;flex-direction:column;min-height:100dvh;padding:var(--sp-lg);gap:var(--sp-lg)}.screen--flush{padding:0}.spacer{flex:1}.topbar{display:flex;align-items:center;gap:var(--sp-md);min-height:32px}.topbar__title{font-family:var(--font-display);font-size:var(--fs-md);flex:1}.topbar__back{background:none;border:none;color:var(--ink);font-size:var(--fs-lg);cursor:pointer;padding:0 6px 0 0}.wallet{display:flex;gap:var(--sp-md);font-family:var(--font-display);font-size:var(--fs-sm)}.wallet span{color:var(--ink)}.tabbar{display:flex;position:sticky;bottom:0;border-top:var(--border-w) solid var(--line);background:var(--bg-abyss)}.tabbar button{flex:1;background:none;border:none;color:var(--ink-dim);padding:var(--sp-md) 0;font-size:var(--fs-xs);cursor:pointer}.tabbar button.is-active{color:var(--ember)}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:var(--sp-lg);cursor:pointer;position:relative;overflow:hidden}.splash__logo{font-family:var(--font-display);font-size:var(--fs-xxl);color:var(--ember);text-shadow:0 0 24px rgba(255,107,43,.5);text-align:center;z-index:1}.splash__cta{color:var(--ink-dim);font-size:var(--fs-base);z-index:1;animation:pulse 1.6s var(--ease-ui) infinite}@keyframes pulse{50%{opacity:.4}}.embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ember-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ember);box-shadow:0 0 6px var(--ember);bottom:-10px;animation:rise linear infinite}@keyframes rise{to{transform:translateY(-110dvh);opacity:0}}@media(prefers-reduced-motion:reduce){.ember-dot{display:none}}.slots{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.slot{aspect-ratio:3 / 4;display:flex;flex-direction:column;cursor:pointer}.slot.is-selected{outline:2px solid var(--ember);outline-offset:2px;border-radius:var(--rad-md)}.slot__sprite{flex:1;display:grid;place-items:center;font-size:40px}.slot--empty{border:var(--border-w) dashed var(--line);border-radius:var(--rad-md);align-items:center;justify-content:center;color:var(--ink-dim);text-align:center;padding:var(--sp-md);gap:var(--sp-sm)}.slot--empty .spark{color:var(--ember);font-size:24px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.mode{height:88px;border:var(--border-w) solid var(--line);border-radius:var(--rad-md);background:var(--bg-panel);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:var(--fs-sm)}.mode.is-active{border-color:var(--ember)}.mode .glyph{font-size:24px}.sheet{display:grid;grid-template-columns:auto 1fr;gap:6px var(--sp-md);font-size:var(--fs-sm)}.sheet dt{color:var(--ink-dim)}.ceremony{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-lg);position:relative;text-align:center;padding:var(--sp-lg)}.ceremony__silhouette{width:120px;height:120px;border-radius:var(--rad-md);background:radial-gradient(circle,var(--bg-raised),var(--bg-abyss));display:grid;place-items:center;font-size:56px}.ceremony__silhouette.quarantined{filter:blur(2px) contrast(2);background:repeating-linear-gradient(45deg,#222,#222 6px,#333 6px,#333 12px)}.tape{position:absolute;top:46%;left:-10%;right:-10%;height:22px;background:repeating-linear-gradient(45deg,#d9a441,#d9a441 10px,#1a1a1a 10px,#1a1a1a 20px);color:#1a1a1a;font-family:var(--font-display);font-size:11px;display:grid;place-items:center;transform:rotate(-6deg)}.skip{position:absolute;top:calc(env(safe-area-inset-top) + var(--sp-md));right:var(--sp-md)}.count{font-family:var(--font-display);font-size:var(--fs-xxl)}.forge-row{display:flex;flex-direction:column;gap:6px;padding:var(--sp-md) 0;border-bottom:1px solid var(--line)}.match{font-size:var(--fs-sm);color:var(--ink-dim)}.stat-row{display:grid;grid-template-columns:44px 1fr 32px;align-items:center;gap:var(--sp-sm);font-size:var(--fs-sm)}.stat-row .k{color:var(--ink-dim);font-family:var(--font-display);font-size:var(--fs-xs)}.pkg{display:flex;justify-content:space-between;align-items:center;border:var(--border-w) solid var(--line);border-radius:var(--rad-md);padding:var(--sp-md);background:var(--bg-panel)}.remaining{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--gold)}.setting{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) 0;border-bottom:1px solid var(--line)}.switch{width:44px;height:26px;border-radius:13px;background:var(--bg-raised);border:var(--border-w) solid var(--line);position:relative;cursor:pointer}.switch.on{background:var(--ember)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ink);transition:transform var(--dur-feedback) var(--ease-ui)}.switch.on:after{transform:translate(18px)}