:root{--ink: #e9f0ff;--dim: #8aa0c0;--accent: #00ffff;--accent2: #ff00ff;--font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SFMono-Regular", monospace;font-family:var(--font-sans)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#000;overflow:hidden}.stage{position:fixed;inset:0}.screen{position:absolute;inset:0;width:100vw;height:100vh;display:block;background:radial-gradient(ellipse at 50% 58%,rgba(54,58,64,.26),transparent 42%),radial-gradient(circle at 50% 42%,rgba(214,222,236,.08),transparent 28%),linear-gradient(140deg,#020304,#050607 52%,#030202);touch-action:manipulation}.deck-field{position:absolute;inset:0;z-index:1;perspective:1200px;pointer-events:none}.deck-field--grasshopper{pointer-events:none}.deck-card{--card-x: 0px;--card-y: 0px;--card-r: 0deg;--card-z: 0;position:absolute;left:50%;top:57%;width:clamp(46px,6.7vw,86px);aspect-ratio:5 / 7;transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y)),0) rotateX(8deg) rotate(var(--card-r));transform-origin:50% 66%;z-index:var(--card-z);transition:transform .52s cubic-bezier(.18,.8,.18,1),filter .24s ease,opacity .24s ease;filter:drop-shadow(0 14px 11px rgba(0,0,0,.38))}button.deck-card{border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}button.deck-card:focus{outline:none}.deck-field--cat .deck-card{top:59%;width:clamp(40px,5.25vw,66px);transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y)),0) rotateX(4deg) rotate(var(--card-r))}.deck-field--grasshopper .deck-card{top:59%;width:clamp(78px,11.5vw,132px);aspect-ratio:7 / 4;pointer-events:auto;transition:transform .32s cubic-bezier(.18,.8,.18,1),filter .18s ease,opacity .18s ease;transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y)),0) rotateX(6deg) rotate(var(--card-r))}.deck-field--grasshopper .deck-card:hover .grasshopper-tile{border-color:#ffc857b8;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 22px #ffc8572e}.deck-field--grasshopper .deck-card:focus-visible .grasshopper-tile{border-color:#7cff6bf2;box-shadow:inset 0 0 0 1px #ffffff21,0 0 0 3px #7cff6b38,0 0 24px #ffc85738}.deck-card--active{transform:translate3d(calc(-50% + var(--card-x)),calc(-50% + var(--card-y) - 20px),0) rotateX(0) rotate(var(--card-r)) scale(1.1);filter:drop-shadow(0 21px 15px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(220,236,255,.28))}.deck-card__face{position:relative;width:100%;height:100%;overflow:hidden;border-radius:7.4%/5.3%;background:linear-gradient(150deg,#fffffff5,#f4f2ebf0 54%,#e2dfd6f5),#f8f7f2;color:#11151c;box-shadow:inset 0 0 0 1px #ffffffe0,inset 0 0 0 2px #1a202c0f,inset 0 -8px 15px #10141a14,0 0 0 1px #00000029}.deck-card__face:before{content:"";position:absolute;inset:8%;border:1px solid currentColor;border-radius:5.8%/4.2%;opacity:.14}.deck-card__face--heart,.deck-card__face--diamond{color:#9b1020}.deck-card__corner{position:absolute;display:grid;justify-items:center;gap:0;font-family:Georgia,Times New Roman,serif;font-weight:700;line-height:.9;letter-spacing:0}.deck-card__corner--top{top:8.6%;left:9%}.deck-card__corner--bottom{right:9%;bottom:8.6%;transform:rotate(180deg)}.deck-card__corner span:first-child{font-size:clamp(10px,1.22vw,17px)}.deck-card__corner span:last-child{font-size:clamp(9px,1.04vw,15px)}.deck-card__center{position:absolute;inset:27% 20%;display:grid;place-items:center}.deck-card__sigil{font-size:clamp(21px,3.4vw,47px);line-height:1;opacity:.96;text-shadow:0 1px 0 rgba(255,255,255,.68)}.deck-card__filigree{position:absolute;inset:10% 4%;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.08}.deck-card__filigree:before,.deck-card__filigree:after{content:"";position:absolute;top:50%;width:34%;height:40%;border:1px solid currentColor;border-radius:50%;transform:translateY(-50%)}.deck-card__filigree:before{left:0}.deck-card__filigree:after{right:0}.deck-field--locked .deck-card__face--active{box-shadow:inset 0 0 0 1px #ffffffe6,inset 0 0 0 3px #1a202c14,0 0 0 1px #0003,0 0 34px #ffffff5c}.grasshopper-tile{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(5px,.8vw,8px);width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,200,87,.38);border-radius:8px;padding:clamp(7px,1vw,10px);background:linear-gradient(145deg,rgba(255,200,87,.17),transparent 58%),linear-gradient(180deg,#0a221ef5,#0a0f14f5);color:#fff3cf;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #0000003d}.grasshopper-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(124,255,107,.1),transparent 36%),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 12px);opacity:.42}.grasshopper-tile__slot,.grasshopper-tile__word{position:relative;min-width:0}.grasshopper-tile__slot{font-family:var(--font-mono);font-size:clamp(10px,1.3vw,13px);color:#7cff6b;font-variant-numeric:tabular-nums}.grasshopper-tile__word{overflow:hidden;font-family:var(--font-mono);font-size:clamp(10px,1.12vw,13px);font-weight:700;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.grasshopper-tile--active{border-color:#ffc857e6;background:linear-gradient(145deg,rgba(255,200,87,.32),transparent 56%),linear-gradient(180deg,#113325fa,#101215fa);color:#fff;box-shadow:inset 0 0 0 1px #ffffff21,0 0 24px #ffc85752,0 0 38px #7cff6b29}.grasshopper-tile--pinned:after{content:"";position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#ffc857;box-shadow:0 0 0 2px #061210d1,0 0 14px #ffc857b8}.hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:0;right:0;z-index:2;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px 18px rgba(0,0,0,.9)}.hud__number{font-family:var(--font-mono);font-size:clamp(44px,10vw,118px);font-weight:700;line-height:.9;color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;pointer-events:auto;outline:none;cursor:text;transition:opacity .2s ease}.hud__number:hover{opacity:.8}.hud__number:focus{opacity:1;color:var(--accent)}.hud__label{margin-top:2px;font-size:clamp(10px,1.55vw,13px);letter-spacing:.24em;color:var(--dim);text-transform:uppercase;padding:0 16px;overflow-wrap:anywhere}.hud__sub{margin-top:7px;font-size:clamp(10px,1.35vw,12px);color:var(--dim)}.hud--trapped .hud__number{color:var(--accent2);text-shadow:0 0 30px rgba(255,0,255,.55)}.hud--trapped .hud__label{color:var(--accent2)}.hud--corner .hud__number{color:#fff;text-shadow:0 0 40px rgba(255,255,255,.85)}.hud--corner .hud__label{color:#fff;animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.toolbar{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:0;right:0;z-index:3;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:0 16px}.btn{background:#141a28b8;color:var(--ink);border:1px solid rgba(140,170,220,.28);border-radius:999px;padding:.6rem 1.3rem;font-size:.95rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .08s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);border-color:#8caadc99}.btn--accent{border-color:#00ffff8c;color:var(--accent)}.toolbar__hint{color:var(--dim);font-size:.8rem;opacity:.7}.constellation{position:absolute;top:max(18px,env(safe-area-inset-top));left:18px;z-index:5;display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.constellation a{color:#8aa0c094;text-decoration:none;border:1px solid transparent;border-radius:999px;padding:.28rem .46rem;background:#00000047;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.constellation a:hover,.constellation a.is-current{color:var(--ink);border-color:#8caadc47}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));background:#0a0e18f2;border:1px solid rgba(0,255,255,.35);border-radius:16px;padding:22px;color:var(--ink);box-shadow:0 24px 80px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel__title{font-size:1.05rem;font-weight:700;margin-bottom:14px}.panel__row{display:flex;gap:10px}.panel__input{flex:1;background:#05080f;color:var(--ink);border:1px solid rgba(140,170,220,.4);border-radius:10px;padding:.7rem .9rem;font-family:var(--font-mono);font-size:1.25rem;font-variant-numeric:tabular-nums}.panel__presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.chip{background:#ffffff0f;color:var(--ink);border:1px solid rgba(140,170,220,.28);border-radius:8px;padding:.4rem .8rem;font-size:.9rem;cursor:pointer;font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--accent);color:var(--accent)}.panel__close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--dim);cursor:pointer;font-size:.85rem}@media(max-width:680px){.hud{top:max(82px,env(safe-area-inset-top))}.deck-field--grasshopper .deck-card{width:clamp(76px,20vw,84px);transition:filter .14s ease,opacity .14s ease}.deck-field--grasshopper .grasshopper-tile{gap:3px;padding:5px}.deck-field--grasshopper .grasshopper-tile__word{font-size:clamp(8px,2.15vw,9px)}.hud__label{letter-spacing:.12em}.hud__sub{padding:0 16px;line-height:1.5}footer{display:none}}