*{box-sizing:border-box}body{background:var(--background,#2b232b);color:var(--text,#ffeaa8);margin:0;font-family:Consolas,Menlo,DejaVu Sans Mono,monospace}.app{background:var(--background);height:100dvh;color:var(--text);flex-direction:column;display:flex}.room{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.arena{min-height:0;position:relative;overflow:hidden}.arena canvas{display:block}.controls{border-top:var(--outline) solid var(--ink);background:var(--panel)}.note{color:var(--pink)}button{font:inherit;color:var(--ink);background:var(--gold);border:var(--outline) solid var(--ink);cursor:pointer;border-radius:3px;padding:8px 16px}button:disabled{background:var(--slot-empty);color:var(--text-dim);cursor:default}.screen{text-align:center;max-width:900px;max-height:100%;margin:auto;padding:40px;overflow-y:auto}.screen h1{color:var(--gold);margin:0 0 8px}.lede{color:var(--text-dim);margin:0 0 32px}.frames{grid-auto-flow:column;justify-content:center;gap:20px;display:grid}.frame{text-align:left;background:var(--panel);width:240px;min-height:300px;color:var(--text);border:2px solid var(--slab);border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.frame:hover{border-color:var(--accent)}.frame-tag{text-align:center;letter-spacing:.04em;color:var(--background);background:var(--accent);border:var(--outline) solid var(--ink);border-radius:5px;padding:8px;font-weight:700}.frame-name{font-size:1.05em;font-weight:700}.frame-when{color:var(--gold);font-size:.78em}.frame-text{color:var(--text-dim);font-size:.82em;line-height:1.5}.frame-shape{justify-content:center;align-items:flex-end;min-height:142px;margin-top:auto;display:flex}.controls{align-items:flex-start;gap:18px;padding:12px 18px;display:flex}.editor{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.editor.running .tray .face{opacity:.45}.row h2{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0 0 6px;font-size:.66em;font-weight:400}.row .cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;display:flex}.slot{border:var(--outline) dashed var(--slot-empty);cursor:pointer;background:0 0;border-radius:4px;width:76px;height:62px;padding:3px;position:relative}.slot.open{border-color:var(--gold);border-style:solid}.slot.doubled{border-color:var(--pink)}.empty-slot{height:100%;color:var(--slot-empty);place-items:center;font-size:1.2em;display:grid}.repeat{color:var(--ink);background:var(--pink);border:1px solid var(--ink);border-radius:6px;padding:0 4px;font-size:.62em;position:absolute;top:-8px;right:-6px}.tray-card{border:var(--outline) solid transparent;cursor:pointer;background:0 0;border-radius:4px;padding:0}.tray-card.locked{cursor:default}.tray-card.locked .face{filter:grayscale();opacity:.4}.tray-card.locked{position:relative}.tray-card.locked .wait{text-align:center;color:var(--text);background:#000000c7;padding:2px 0;font-size:.62em;font-weight:700;position:absolute;inset:auto 0 0}.tray-card:not(.locked){border-color:#ffffff24}.tray-card:not(.locked):hover{border-color:var(--gold)}.face{width:70px;height:56px;color:var(--ink);border:var(--outline) solid var(--ink);text-align:center;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;font-size:.68em;line-height:1.1;display:flex;position:relative;overflow:hidden}.face.dim{opacity:.5}.tray-card.spent{cursor:default}.tray-card.spent:not(.locked){border-color:#0000}.face.ghost{color:var(--slot-empty);border-style:dashed;border-color:var(--slot-empty);opacity:.75}.face.ghost .badge{opacity:.22;filter:grayscale()}.face.ghost .well{background:#ffffff0d}.badge{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.name{letter-spacing:.02em;font-weight:700}.well{background:#00000038;border-radius:2px;place-items:center;min-width:30px;min-height:20px;padding:1px;display:grid}.well .face{border-width:1px;gap:0;width:30px;height:20px;font-size:.8em}.well .empty{color:#00000073}.count{opacity:.75;font-size:.82em;position:absolute;bottom:1px;right:2px}.nothing{color:var(--text-dim);margin:0;font-size:.8em}.play{letter-spacing:.04em;align-self:stretch;margin-left:10px;padding:0 18px;font-weight:700}.skip{color:var(--text-dim);border-color:var(--slab);background:0 0;margin-left:0;padding:4px 12px;font-size:.8em}.skip:hover{color:var(--text);border-color:var(--text-dim)}.hint{color:var(--text-dim);flex-direction:column;gap:3px;font-size:.74em;line-height:1.4;display:flex}.hint b{color:var(--gold)}.topbar{background:var(--panel);border-bottom:var(--outline) solid var(--ink);zoom:var(--ui);align-items:center;gap:18px;padding:8px 18px;font-size:.82em;display:flex}.topbar .level{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:700}.topbar .round{color:var(--text-dim)}.health{align-items:center;gap:3px;display:flex}.pip{border:1px solid var(--slab);border-radius:2px;width:9px;height:9px}.pip.full{background:var(--pink);border-color:var(--pink)}.health .track{background:var(--deep);border-radius:3px;flex:1;height:9px;overflow:hidden}.health .fill{background:var(--hp-fill);height:100%;display:block}.health .count{color:var(--text-dim);font-size:.82em}.passive{color:var(--gold);letter-spacing:.08em;font-size:.82em}.star-bar{align-items:center;gap:8px;display:flex}.bar{background:var(--slot-empty);border:var(--outline) solid var(--ink);border-radius:4px;width:150px;height:13px;position:relative;overflow:hidden}.bar-fill{background:var(--gold);height:100%}.notch{opacity:.45;width:2px;height:100%;position:absolute;top:0}.notch.reached{opacity:1;width:3px}.star-bar .score{color:var(--gold);font-size:.82em}.tooltip{z-index:20;background:var(--panel);border:1px solid var(--text);pointer-events:none;border-radius:6px;flex-direction:column;gap:7px;width:260px;padding:10px 12px;font-size:.78em;line-height:1.45;display:flex;position:fixed;box-shadow:0 6px 18px #00000073}.tooltip-title{letter-spacing:.04em}.tooltip-note{color:var(--gold);font-size:.92em}.tooltip-body{color:var(--text-dim)}.picture{justify-content:start;gap:1px;display:grid}.cell{border:1px solid var(--slab);border-radius:2px;place-items:center;display:grid}.home{border-radius:1px;width:60%;height:60%}.controls,.screen{zoom:var(--ui)}.topbar .seed{color:var(--text-dim);margin-left:auto;font-size:.78em}.note{color:var(--pink);background:var(--panel);zoom:var(--ui);margin:0;padding:6px 18px;font-size:.82em}.version{z-index:30;color:var(--text-dim);opacity:.7;letter-spacing:.03em;-webkit-user-select:text;user-select:text;font-size:11px;position:fixed;bottom:6px;right:8px}.star-flyer{z-index:25;pointer-events:none;width:28px;height:28px;image-rendering:pixelated;filter:drop-shadow(0 0 7px #ffd666d9);will-change:transform;position:fixed;top:0;left:0}.star-bar .bar{transform-origin:50%}.star-bar .score{transform-origin:50%;display:inline-block}.menu{zoom:var(--ui);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:24px;display:flex}.title{color:var(--gold);letter-spacing:.18em;text-indent:.18em;text-shadow:0 3px 0 var(--ink);margin:0;font-size:4.4em}.hero{--hero:128px;width:var(--hero);height:var(--hero);object-fit:contain;image-rendering:pixelated;animation:3.4s ease-in-out infinite hover}.hero.fallen{width:auto;height:calc(var(--hero) * 167 / 178);margin-bottom:28px;animation:none}@keyframes hover{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.hero{animation:none}}.gem-room h1{color:var(--preview)}.frames.gems{grid-auto-flow:column;gap:16px}.gem-frame{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;display:flex}.gem-bead{background:var(--accent);width:34px;height:34px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 26%, transparent);border-radius:50%}.gem-frame .frame-name{letter-spacing:.1em;text-transform:uppercase;font-size:1.15em}.charms{letter-spacing:.06em;text-transform:uppercase;color:var(--preview);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:.6em;display:block;overflow:hidden}.kit .pouch{flex-wrap:wrap;justify-content:center;gap:8px;min-height:34px;margin-bottom:24px;display:flex}.gem{border:1px solid var(--preview);color:var(--preview);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;padding:6px 14px;font-size:.8em}.gem.holding{background:var(--preview);color:var(--ink)}.kit .powers{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.kit .power{border:1px solid var(--line);text-align:left;border-radius:6px;grid-template-columns:1fr auto;grid-template-areas:"name sockets""does sockets";align-items:center;gap:2px 16px;padding:10px 14px;display:grid}.power-name{letter-spacing:.06em;grid-area:name;font-weight:700}.power-does{color:var(--text-dim);grid-area:does;font-size:.8em}.kit .sockets{grid-area:sockets;gap:6px;display:flex}.socket{border:1px solid var(--preview);min-width:46px;color:var(--preview);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:999px;padding:6px 10px;font-size:.7em}.socket.empty{border-style:dashed;border-color:var(--line);color:var(--text-dim)}.start{letter-spacing:.14em;text-transform:uppercase;padding:12px 44px;font-size:1.3em;font-weight:700}.start:hover{background:var(--cream)}.seed-field{color:var(--text-dim);letter-spacing:.08em;align-items:center;gap:8px;margin-top:10px;font-size:.85em;display:flex}.seed-field input{width:9ch;color:var(--text);background:var(--panel);border:var(--outline) solid var(--ink);font:inherit;letter-spacing:.1em;text-align:center;border-radius:3px;padding:6px 8px;font-size:1.1em}.seed-field input:focus{border-color:var(--gold);outline:none}.reroll{background:var(--slab);color:var(--text);padding:5px 10px;font-size:1em;line-height:1}.reroll:hover{background:var(--gold);color:var(--ink)}.fineprint{color:var(--text-dim);opacity:.7;margin:4px 0 0;font-size:.76em}.ending .lost{color:var(--hp-low)}.ways{flex-direction:column;align-items:center;gap:10px;display:flex}.quiet{color:var(--text-dim);background:0 0;border-color:#0000;padding:5px 14px;font-size:.85em}.quiet:hover{color:var(--text);border-color:var(--slot-empty)}.note .again{margin-left:10px;padding:2px 10px;font-size:.9em}@media (width<=720px){.topbar{flex-wrap:wrap;gap:8px 14px;padding:10px 12px;font-size:.9em}.topbar .seed{margin-left:0;font-size:.76em}.pip{width:11px;height:11px}.bar{height:15px}.star-bar{flex:1;min-width:120px}.bar{flex:1;width:auto;min-width:70px}.controls{padding:10px 6px 12px}.tooltip{display:none}.title{font-size:3.2em}.hero{--hero:96px}.version{pointer-events:none}.frames{grid-auto-flow:row;gap:12px}.frame{width:100%;min-height:0;padding:12px}.frame-shape{min-height:0;margin-top:10px}.row .cards{gap:6px}.slot{width:68px;height:58px;padding:3px}.face{gap:2px;width:62px;height:52px;font-size:.64em}.well{min-width:26px;min-height:18px}.well .face{width:26px;height:18px}.play{padding:8px 14px}}@media (height<=560px){.topbar{padding:4px 10px;font-size:.82em}.pip{width:9px;height:9px}.bar{height:13px}.controls{padding:4px 6px}.editor{gap:4px}.row .cards{gap:5px}.slot{width:58px;height:50px;padding:2px}.face{gap:1px;width:52px;height:44px;font-size:.58em}.well{min-width:22px;min-height:15px}.well .face{width:22px;height:15px}.play{padding:6px 12px;font-size:.9em}.screen{padding:16px}.title{font-size:2.6em}.hero{width:64px;height:64px}.menu{gap:8px}}html,body,#root{height:100%;margin:0}