:root{--font-scale: 1;--letter-spacing: 0em;--line-height: 1.5;--ui: "Space Grotesk", system-ui, sans-serif;--display: "Fraunces", Georgia, serif;--ink: #f3eef7;--ink-dim: #b7adc6;--panel: rgba(20, 18, 34, .66);--panel-edge: rgba(255, 255, 255, .08);--accent: #ff8a3d;--accent-cool: #56e0d6;--sky-top: #161a2e;--sky-bottom: #2a2140;--fog: #3d4668;--glow: #ff8a3d;--rim: #56e0d6}*{box-sizing:border-box}html{font-size:calc(100% * var(--font-scale))}body{margin:0;font-family:var(--ui);letter-spacing:var(--letter-spacing);line-height:var(--line-height);color:var(--ink);background:#0c0a16;-webkit-font-smoothing:antialiased;overflow-x:hidden}html[data-font=opendyslexic] body{font-family:"OpenDyslexic",var(--ui)}#app{min-height:100dvh}button{font-family:inherit;letter-spacing:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-cool);outline-offset:3px}.scene{position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 8%,color-mix(in srgb,var(--glow) 30%,transparent),transparent 55%),radial-gradient(140% 80% at 50% 120%,var(--fog),transparent 60%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bottom) 100%)}.scene:before{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--fog) 60%,#000 40%) 90%),repeating-linear-gradient(180deg,transparent 0 38px,color-mix(in srgb,var(--glow) 18%,transparent) 38px 44px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%);transform:perspective(420px) rotateX(62deg);transform-origin:50% 100%;opacity:.5;z-index:-2}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%),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.8' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:cover,160px 160px;mix-blend-mode:overlay;opacity:.5}.fog-bank{position:absolute;top:40%;right:-20%;bottom:-10%;left:-20%;z-index:-1;background:radial-gradient(60% 70% at 30% 50%,color-mix(in srgb,var(--fog) 70%,transparent),transparent 70%),radial-gradient(60% 70% at 75% 60%,color-mix(in srgb,var(--fog) 55%,transparent),transparent 70%);filter:blur(8px);animation:fog-drift 26s ease-in-out infinite alternate}@keyframes fog-drift{0%{transform:translate(-3%)}to{transform:translate(3%)}}.topbar{position:relative;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.1rem}.brand{font-family:var(--display);font-weight:900;font-size:1.15rem;letter-spacing:.01em;color:var(--ink);text-shadow:0 1px 12px rgba(0,0,0,.5)}.brand small{display:block;font-family:var(--ui);font-weight:500;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.icon-btn{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);font-size:1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-btn[aria-pressed=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.stage-wrap{position:relative;z-index:3;flex:1;display:grid;place-items:center;padding:.5rem 1rem 1rem}.stage{width:min(78vw,340px);filter:drop-shadow(0 24px 30px rgba(0,0,0,.5))}.creature{width:100%;height:auto;display:block;overflow:visible}.cr-body,.cr-head,.cr-ear,.cr-lid,.cr-steam,.cr-cone,.cr-halo{transform-box:fill-box}.cr-body{transform-origin:50% 100%;animation:breathe 4.2s ease-in-out infinite}.cr-head{transform-origin:50% 90%;animation:head-sway 6s ease-in-out infinite}.cr-ear-l{transform-origin:100% 100%;animation:ear-sway 5s ease-in-out infinite}.cr-ear-r{transform-origin:0% 100%;animation:ear-sway 5s ease-in-out infinite reverse}.cr-lid{transform-origin:50% 0%;transform:scaleY(0);animation:blink 5.6s ease-in-out infinite}.cr-halo{transform-origin:50% 50%;animation:glow-pulse 4.2s ease-in-out infinite}.cr-steam{opacity:0}@keyframes breathe{0%,to{transform:translateY(0) scaleY(1) rotate(-.6deg)}50%{transform:translateY(-5px) scaleY(1.015) rotate(.6deg)}}@keyframes head-sway{0%,to{transform:rotate(-1.6deg) translateY(0)}50%{transform:rotate(1.8deg) translateY(-2px)}}@keyframes ear-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes blink{0%,92%,to{transform:scaleY(0)}95%,97%{transform:scaleY(1)}}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}.stage.is-signature .cr-body{animation:signature 1.5s cubic-bezier(.34,1.56,.64,1)}.stage.is-signature .cr-steam{animation:steam 1.5s ease-out}.stage.is-signature .cr-halo{animation:glow-flare 1.5s ease-out}@keyframes signature{0%{transform:translateY(0) scale(1)}18%{transform:translateY(10px) scale(1.08,.86)}44%{transform:translateY(-26px) scale(.9,1.16)}68%{transform:translateY(4px) scale(1.06,.95)}to{transform:translateY(0) scale(1)}}@keyframes steam{0%{opacity:0;transform:translateY(6px) scale(.6)}35%{opacity:.9}to{opacity:0;transform:translateY(-34px) scale(1.3)}}@keyframes glow-flare{0%,to{opacity:.8}40%{opacity:1;transform:scale(1.18)}}.stage.is-catch .cr-body{animation:catch-pop .9s cubic-bezier(.34,1.56,.64,1)}@keyframes catch-pop{0%{transform:scale(1)}30%{transform:translateY(-30px) scale(1.14,.9)}55%{transform:translateY(0) scale(.92,1.1)}75%{transform:scale(1.05,.97)}to{transform:scale(1)}}.spark{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#fff,var(--accent) 60%,transparent 70%);border-radius:50%;pointer-events:none;animation:spark .9s ease-out forwards}@keyframes spark{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}.host{position:relative;z-index:7;margin:0 auto;max-width:30rem;padding:0 1.2rem .4rem;text-align:center}.host .label{font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.host .line{font-family:var(--display);font-style:italic;font-weight:700;font-size:clamp(1.05rem,4.6vw,1.4rem);color:var(--ink);margin:.15rem 0 0;text-wrap:balance}.creature-name{font-family:var(--display);font-weight:900;font-size:clamp(1.8rem,8vw,2.8rem);letter-spacing:.005em;background:linear-gradient(180deg,#fff,var(--accent) 140%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 30px color-mix(in srgb,var(--glow) 40%,transparent);margin:0}.dock{position:relative;z-index:7;display:flex;flex-direction:column;gap:.7rem;align-items:center;padding:.6rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom))}.row{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.btn{border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);font-weight:500;font-size:1rem;padding:.85rem 1.3rem;border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .12s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{border:none;font-weight:700;color:#1a0f06;background:linear-gradient(180deg,#ffd08a,var(--accent));box-shadow:0 10px 26px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.btn-lg{font-size:1.15rem;padding:1rem 1.7rem}html[data-targets=big] .btn{font-size:1.2rem;padding:1.1rem 1.7rem}html[data-targets=big] .icon-btn{width:3.2rem;height:3.2rem}.readout{display:flex;gap:.4rem;justify-content:center;min-height:2.4rem;align-items:center;flex-wrap:wrap}.readout .slot{font-family:var(--display);font-weight:900;font-size:clamp(1.4rem,6vw,2rem);color:var(--ink);opacity:.28;transition:opacity .2s ease,transform .2s ease}.readout .slot.filled{opacity:1;transform:translateY(-2px);color:#fff;text-shadow:0 2px 18px color-mix(in srgb,var(--glow) 60%,transparent)}.syllables{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;max-width:30rem}.chip{font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,5vw,1.5rem);color:var(--ink);padding:.6rem 1.05rem;border-radius:14px;border:1px solid var(--panel-edge);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff1f,0 8px 18px -10px #000;transition:transform .12s ease,opacity .2s ease}.chip:hover{transform:translateY(-2px)}.chip.spent{opacity:.25;pointer-events:none;transform:scale(.9)}.chip.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.chant{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:30rem}.word{font-family:var(--display);font-weight:700;font-size:clamp(1.1rem,5vw,1.5rem);color:var(--ink);opacity:.45;padding:.5rem .9rem;border-radius:12px;border:1px solid var(--panel-edge);background:linear-gradient(180deg,#ffffff0f,#ffffff05);transition:transform .16s ease,opacity .16s ease,color .16s ease,box-shadow .16s ease}.word.read{opacity:.85}.word.lit{opacity:1;color:#fff;transform:translateY(-4px) scale(1.08);box-shadow:0 6px 22px -6px color-mix(in srgb,var(--glow) 70%,transparent);border-color:color-mix(in srgb,var(--glow) 55%,transparent)}.stage.beat{animation:stage-beat .32s ease}@keyframes stage-beat{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-5px) scale(1.03)}}.holo-stage{width:min(58vw,240px);filter:none}.holo{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 0 12px rgba(86,224,214,.5));animation:holo-flicker 4s steps(30) infinite}.holo-figure{transform-box:fill-box;transform-origin:50% 100%;animation:holo-bob 4s ease-in-out infinite}.holo-eyes{transform-box:fill-box;transform-origin:50% 50%;animation:holo-blink 5s ease-in-out infinite}.holo-sweep{transform-box:fill-box;animation:holo-sweep 2.8s linear infinite}.holo-ring{animation:holo-ring 6s ease-in-out infinite}@keyframes holo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes holo-flicker{0%,to{opacity:1}48%{opacity:.97}50%{opacity:.82}52%{opacity:.98}}@keyframes holo-sweep{0%{transform:translateY(0)}to{transform:translateY(224px)}}@keyframes holo-blink{0%,92%,to{opacity:1}95%{opacity:.2}}@keyframes holo-ring{0%,to{opacity:.7}50%{opacity:.4}}.pick-label{text-align:center;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin:.2rem 0 .35rem}.part-chip[aria-pressed=true]{color:#fff;border-color:color-mix(in srgb,var(--accent-cool) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-cool) 50%,transparent),0 8px 18px -10px #000;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-cool) 22%,transparent),#ffffff05)}.card{position:relative;z-index:7;width:min(92vw,30rem);margin:0 auto;padding:1.3rem;border-radius:22px;border:1px solid var(--panel-edge);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -24px #000}.card .eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim)}.rarity{padding:.15rem .55rem;border-radius:999px;border:1px solid var(--panel-edge)}.rarity.common{color:var(--accent-cool)}.card h2{font-family:var(--display);font-weight:900;font-size:1.7rem;margin:.4rem 0 0}.card .species{color:var(--ink-dim);font-size:.92rem}.lore{margin:.9rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}.lore li{font-family:var(--display);font-size:1.12rem;line-height:1.45;padding:.55rem .75rem;border-radius:12px;background:#ffffff0a;border-left:3px solid color-mix(in srgb,var(--accent) 60%,transparent)}.lore li.reading{background:color-mix(in srgb,var(--glow) 18%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.9rem;width:min(92vw,40rem);margin:0 auto;padding-bottom:2rem}.slot-card{position:relative;border-radius:18px;border:1px solid var(--panel-edge);background:var(--panel);padding:.7rem;text-align:center;aspect-ratio:3 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;transition:transform .14s ease}.slot-card:hover{transform:translateY(-3px)}.slot-card .mini{width:84%}.slot-card .nm{font-family:var(--display);font-weight:700;font-size:1rem}.slot-card.empty{color:var(--ink-dim);border-style:dashed}.slot-card.empty .q{font-family:var(--display);font-size:2rem;opacity:.4}.settings-card{display:grid;gap:.2rem}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .1rem;border-bottom:1px solid var(--panel-edge)}.setting-stack{padding:.55rem .1rem;border-bottom:1px solid var(--panel-edge)}.settings-card>:last-child,.settings-card .setting-stack:last-child{border-bottom:0}.setting-label{font-weight:700;font-size:1rem}.setting-hint{font-size:.78rem;color:var(--ink-dim)}.setting-val{font-family:var(--ui);font-weight:700;color:var(--accent)}.switch{flex:0 0 auto;width:3.3rem;height:1.9rem;border-radius:999px;border:1px solid var(--panel-edge);background:#ffffff0f;position:relative;transition:background .2s ease,border-color .2s ease}.switch:after{content:"";position:absolute;top:50%;left:.25rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--ink-dim);transform:translateY(-50%);transition:transform .18s ease,background .2s ease}.switch[aria-pressed=true]{background:linear-gradient(180deg,#ffd08a,var(--accent));border-color:transparent}.switch[aria-pressed=true]:after{transform:translate(1.4rem,-50%);background:#1a0f06}.setting-stack input[type=range]{width:100%;height:1.6rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.setting-stack input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent-cool) 60%,transparent))}.setting-stack input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent-cool) 60%,transparent))}.setting-stack input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-8px;width:1.4rem;height:1.4rem;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 2px 8px -2px #000}.setting-stack input[type=range]::-moz-range-thumb{width:1.4rem;height:1.4rem;border-radius:50%;background:#fff;border:3px solid var(--accent)}.demo-flag{position:relative;z-index:7;margin:0 auto .4rem;font-size:.72rem;color:var(--ink-dim);display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--panel-edge);background:var(--panel)}.center-col{display:flex;flex-direction:column;align-items:center;gap:.8rem}.fade-in{animation:fade-in .5s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pop-in{animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html[data-motion=reduced] *{animation:none!important;transition:none!important}html[data-motion=reduced] .cr-lid{transform:scaleY(0)}html[data-motion=reduced] .cr-steam{opacity:0}html[data-contrast=high]{--ink: #ffffff;--ink-dim: #d8d2e2;--panel: rgba(8, 7, 16, .86);--panel-edge: rgba(255,255,255,.28)}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2) format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/opendyslexic-latin-700-normal-Bnmt45Ln.woff2) format("woff2"),url(/assets/opendyslexic-latin-700-normal-wYUJcbXi.woff) format("woff")}