:root{--bg: #0d0619;--ink: #eef1ff;--ink-dim: #aab3e8;--ink-mute: #7a82b8;--win-top: #3b4cc0;--win-bot: #0e1560;--win-edge: #e3e8ff;--win-inner: #2a3490;--win-shadow: #04072a;--btn-bg: #0a0f45;--btn-edge: #7c88e0;--btn-hot: #5064e6;--good: #39ff88;--bad: #ff4a6a;--gold: #ffd23f;--neon-pink: #ff2e88;--neon-cyan: #20f0ff;--neon-violet: #a45cff;--c-red: #ff4a3d;--c-blue: #2fb8ff;--c-green: #3dff8a;--c-black: #b36bff;--c-white: #ffe9a8;--r-common: #b8bfd8;--r-uncommon: #5ee0ff;--r-rare: #ffd23f;--r-epic: #d06bff;--r-legendary: #ff7a2e;--font-pixel: "Pixelify Sans", ui-monospace, "Courier New", monospace;--font-ui: "Chakra Petch", "Pixelify Sans", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);overflow:hidden;font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#world{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui>*{pointer-events:auto}#ui>.passthrough{pointer-events:none}.win{background:linear-gradient(180deg,var(--win-top),var(--win-bot));border:2px solid var(--win-edge);border-radius:6px;box-shadow:inset 0 0 0 2px var(--win-inner),0 0 0 2px var(--win-shadow),0 8px 30px #00000073;padding:10px 14px;line-height:1.25;text-shadow:2px 2px 0 #050830;color:var(--ink)}.win h1,.win h2,.win h3{margin:0 0 6px;font-weight:600;letter-spacing:.02em}.dim{color:var(--ink-dim)}.mute{color:var(--ink-mute)}.btn{font:inherit;font-size:15px;color:var(--ink);background:var(--btn-bg);border:1px solid var(--btn-edge);border-radius:4px;padding:6px 12px;cursor:pointer;text-shadow:1px 1px 0 #050830;transition:background .12s,transform .06s,box-shadow .12s}.btn:hover{background:#18208a;box-shadow:0 0 0 1px var(--btn-edge),0 0 12px #7c88e080}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#ff4f9a,#b0206a);border-color:#ffc2de}.btn.good{background:linear-gradient(180deg,#2bd07a,#137a45);border-color:#b8ffd6}.btn.bad{background:linear-gradient(180deg,#e0405a,#7a1428);border-color:#ffc2cc}button:focus-visible,.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}input.field,select.field,textarea.field{font:inherit;font-size:16px;color:var(--ink);background:#070b33;border:1px solid var(--btn-edge);border-radius:4px;padding:7px 10px;outline:none;-webkit-user-select:text;user-select:text}input.field:focus{border-color:#fff;box-shadow:0 0 10px #7c88e099}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#7c88e0 #0a0f45;touch-action:pan-y}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:#7c88e0;border-radius:4px}.scroll::-webkit-scrollbar-track{background:#0a0f45}.credits:before{content:"¢ ";color:var(--gold)}.mana-icon{width:1.1em;height:1.1em;vertical-align:-.18em;display:inline-block}@keyframes nk-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nk-pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}