@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}}.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}