@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-hyperlegible-latin-700-normal.woff2) format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin-400-normal.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:#1a1626;color:#f4efe6;font-family:Atkinson Hyperlegible,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}#root{height:100dvh}h1,.pixel-font{font-family:"Press Start 2P",Atkinson Hyperlegible,-apple-system,Segoe UI,sans-serif;line-height:1.3}h1{font-size:clamp(1.3rem,5vw,2.2rem)}input,textarea,select{font-size:max(1rem,16px)}canvas.game-canvas{image-rendering:pixelated;display:block}.panel-wood{border:16px solid transparent;border-image:url(/assets/ui/panel-wood.png) 24 fill stretch;color:#3b2a18}.panel-wood-slim{border-width:12px}.btn-wood{font-family:inherit;font-weight:800;color:#43290f;border:14px solid transparent;border-image:url(/assets/ui/button.png) 26 fill stretch;background:none;cursor:pointer;touch-action:manipulation;line-height:1.1;text-shadow:0 1px 0 rgba(255,240,200,.5);filter:drop-shadow(0 3px 0 rgba(30,15,5,.4))}.btn-wood:active:not(:disabled){border-image-source:url(/assets/ui/button-pressed.png);transform:translateY(2px);filter:drop-shadow(0 1px 0 rgba(30,15,5,.4))}.btn-wood:disabled{cursor:not-allowed;opacity:.55;filter:saturate(.5)}.slot-frame{background-image:url(/assets/ui/slot.png);background-size:100% 100%;image-rendering:pixelated}button.slot-frame{border:none;background-color:transparent;cursor:pointer;padding:0;color:#3b2a18;touch-action:manipulation}button.slot-frame:active:not(:disabled){transform:translateY(1px);filter:brightness(.92)}button.slot-frame:disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.8)}.pixelated{image-rendering:pixelated}.input-parchment{border:3px solid #6b4a26;border-radius:10px;background:#f6e8c6;color:#3b2a18;box-shadow:inset 0 3px 6px #50321459;outline:none}.input-parchment::placeholder{color:#a08a64}.input-parchment:focus{border-color:#b07620}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid rgba(59,42,24,.45);cursor:pointer;padding:0;touch-action:manipulation}.swatch.selected{border-color:#2c1c0a;box-shadow:0 0 0 3px #ffd76a}.battle-stage{display:flex;align-items:center;justify-content:space-around;gap:12px;flex-wrap:wrap;width:100%}.spells-rail{display:flex;flex-direction:column;gap:10px;align-items:center}@media(max-width:720px){.spells-rail{flex-direction:row;flex-wrap:wrap;justify-content:center}}.battle-hp-bar{width:100%;height:16px;border-radius:9px;background:#0000008c;border:2px solid rgba(0,0,0,.5);box-shadow:inset 0 2px 4px #00000080;overflow:hidden}.battle-hp-fill{height:100%;border-radius:7px;transition:width .35s ease,background .35s ease;box-shadow:inset 0 1px #ffffff59}.battle-damage-pop{position:absolute;top:18%;left:50%;transform:translate(-50%);pointer-events:none;text-align:center;animation:battle-damage-pop .9s ease-out both;z-index:3}.battle-damage-num{font-size:46px;font-weight:900;color:#ffd23f;text-shadow:0 0 6px rgba(0,0,0,.6),0 3px 0 rgba(120,60,0,.9)}.battle-damage-crit{font-size:24px;font-weight:900;color:#ff5b3b;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.6)}@keyframes battle-damage-pop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.6)}25%{opacity:1;transform:translate(-50%) translateY(-6px) scale(1.15)}70%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-40px) scale(.95)}}.battle-shield-badge{font-size:15px;font-weight:900;color:#eaf3ff;background:#1e5096d9;border-radius:8px;padding:1px 7px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.attack-bar{display:flex;gap:8px;width:100%;max-width:900px;padding:4px 2px 8px;overflow-x:auto;justify-content:center;flex-wrap:nowrap;flex:0 0 auto;scrollbar-width:thin}.attack-slot{position:relative;flex:0 0 auto;width:68px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 2px}.attack-slot-emoji{font-size:26px;line-height:1}.attack-slot-name{font-size:10px;font-weight:900;color:#3b2a18;line-height:1}.attack-slot-dmg{font-size:12px;font-weight:900;color:#8a2f00;line-height:1}.attack-slot-lv{position:absolute;top:3px;right:4px;font-size:9px;font-weight:900;color:#f4efe6;background:#2b1c0ae6;border-radius:6px;padding:0 3px}.attack-slot-cap{font-size:9px;font-weight:800;color:#7a4a10;line-height:1}.attack-slot-locked .attack-slot-cap{color:#a03020}.attack-slot-x{position:absolute;top:24px;left:6px;right:6px;font-size:46px;font-weight:900;color:#e23b2b;text-shadow:0 0 4px rgba(255,255,255,.7);filter:none;pointer-events:none}.attack-slot-armed{box-shadow:0 0 0 3px #ffd23f,0 0 12px #ffd23fb3;border-radius:10px}.attack-slot-armed .attack-slot-name{color:#6a3a00}.dialogue-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a081273;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom));cursor:pointer}.dialogue-panel{position:relative;width:min(34rem,94vw);display:flex;align-items:flex-start;gap:.85rem;padding:.7rem .4rem .9rem .15rem;margin-top:1.4rem;filter:drop-shadow(0 6px 0 rgba(15,8,3,.35))}.dialogue-nameplate{position:absolute;top:-1.7rem;left:1.1rem;border:13px solid transparent;border-image:url(/assets/ui/button.png) 26 fill stretch;font-size:.62rem;line-height:1.5;color:#43290f;padding:0 .45rem;text-shadow:0 1px 0 rgba(255,240,200,.5);filter:drop-shadow(0 2px 0 rgba(30,15,5,.4));pointer-events:none;white-space:nowrap}.dialogue-portrait{flex:none;width:94px;height:94px;display:flex;align-items:center;justify-content:center;font-size:46px}.dialogue-portrait img{width:76px;height:76px;image-rendering:pixelated;object-fit:contain}.dialogue-text{position:relative;flex:1;min-height:4.6rem;padding:.3rem 1.4rem .2rem 0;font-size:1.12rem;line-height:1.5;font-weight:700;color:#3b2a18}.dialogue-text-ghost{visibility:hidden}.dialogue-text-shown{position:absolute;top:.3rem;left:0;right:1.4rem}.dialogue-arrow{position:absolute;bottom:.35rem;right:.55rem;border:none;background:none;padding:.2rem .4rem;cursor:pointer;color:#6b4a26;font-size:1.25rem;line-height:1}.dialogue-arrow span{display:inline-block;animation:dialogue-arrow-bounce .8s ease-in-out infinite}@keyframes dialogue-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.dyslexia-spacing{letter-spacing:.12em;word-spacing:.3em;line-height:1.8}.dyslexia-spacing [data-testid=letter-diff]>div>div:last-of-type{gap:12px!important}