*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none;background:#0d0812}body{background:radial-gradient(ellipse at 50% 30%,#1d1130,#0d0812 60%),#0d0812;color:#f4e6c8;font-family:Georgia,Times New Roman,serif}#app{position:fixed;top:0;right:0;bottom:0;left:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;align-items:center;justify-content:center}#game-root{width:100%;height:100%}#game-root canvas{touch-action:none;-webkit-user-select:none;user-select:none}#overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}#overlay-root .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#08040eb8;pointer-events:auto}.panel{position:relative;pointer-events:auto;width:min(92vw,480px);max-height:88vh;overflow-y:auto;background:linear-gradient(165deg,#2a1a3e,#1a0f28 70%);border:2px solid #c9a45a;border-radius:16px;box-shadow:0 12px 48px #000000b3,inset 0 1px #ffe6aa40;padding:22px 24px}.panel h2{margin:0 0 6px;font-size:26px;color:#f0d890;text-align:center;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.8)}.panel p,.panel label{font-family:Verdana,sans-serif;font-size:14px;line-height:1.45;color:#d8cbe8}.panel .hint{font-size:12.5px;color:#a894c4}.btn{display:inline-block;font-family:Georgia,serif;font-size:17px;color:#f4e6c8;background:linear-gradient(180deg,#4c3068,#3a2450);border:2px solid #c9a45a;border-radius:10px;padding:10px 18px;cursor:pointer;transition:filter .12s,transform .06s;min-height:44px}.btn:hover{filter:brightness(1.25)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;filter:none}.btn-primary{font-size:20px;padding:12px 26px;background:linear-gradient(180deg,#6d4faa,#4c3068)}.btn-ghost{background:transparent;border-color:#6d5a8c;color:#c9b8e0}.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.field{width:100%;font-family:Verdana,sans-serif;font-size:15px;color:#f4e6c8;background:#140c20;border:1.5px solid #6d5a8c;border-radius:8px;padding:10px;margin:4px 0 10px}.field:focus{outline:none;border-color:#c9a45a}textarea.field{font-family:Courier New,monospace;font-size:11px;resize:none;height:84px;word-break:break-all}.code-display{font-family:Courier New,monospace;font-size:30px;letter-spacing:8px;text-align:center;color:#ffe08a;background:#140c20;border:1.5px dashed #c9a45a;border-radius:8px;padding:10px;margin:6px 0;-webkit-user-select:all;user-select:all}.tabs{display:flex;gap:8px;margin:12px 0}.tabs .btn{flex:1;font-size:14.5px;padding:8px 6px}.tabs .btn.active{background:linear-gradient(180deg,#6d4faa,#4c3068);box-shadow:0 0 12px #c9a45a59}.slots{display:flex;gap:10px;margin:12px 0 4px}.slot{flex:1;font-family:Verdana,sans-serif;font-size:13.5px;background:#140c20;border:1.5px solid #3c2c54;border-radius:10px;padding:10px;text-align:center;color:#a894c4}.slot.filled{border-color:#7ac97a;color:#cfeacf}.status-line{font-family:Verdana,sans-serif;font-size:13.5px;text-align:center;color:#9fc4ff;min-height:20px;margin:8px 0 2px}.status-line.error{color:#ff9a8a}.results-table{width:100%;border-collapse:collapse;font-family:Verdana,sans-serif;font-size:14px;margin:12px 0}.results-table th,.results-table td{padding:7px 8px;text-align:center;border-bottom:1px solid #3c2c54}.results-table th{color:#f0d890;font-family:Georgia,serif;font-size:15px}.results-table td:first-child{text-align:left;color:#a894c4}.verdict{text-align:center;font-size:34px;margin:4px 0 2px;color:#f0d890;text-shadow:0 0 18px rgba(240,216,144,.5)}.verdict.defeat{color:#d8365a;text-shadow:0 0 18px rgba(216,54,90,.5)}.rematch-status{margin-top:10px}@keyframes rematch-pulse{0%,to{box-shadow:0 0 #c9a45a00}50%{box-shadow:0 0 16px 4px #c9a45aa6}}.btn.pulse{animation:rematch-pulse 1.1s ease-in-out infinite}.step{border:1.5px solid #3c2c54;border-radius:10px;padding:10px 12px;margin:10px 0}.step .step-title{font-family:Georgia,serif;font-size:15px;color:#f0d890;margin-bottom:4px}.solo-heading{text-align:center;font-size:18px;margin:10px 0 4px}.mode-card{text-align:center;padding:14px 12px 8px}.mode-card .btn{min-width:200px}.mode-card .hint{margin:8px 0 2px}.turnstile-box{min-height:66px;display:flex;align-items:center;justify-content:center;margin:10px 0}.turnstile-box iframe{max-width:100%}.reward-row{display:flex;gap:12px;justify-content:center;margin:14px 0 6px}.reward-card{flex:1;max-width:200px;background:#140c20;border:2px solid #6d5a8c;border-radius:14px;padding:16px 12px 8px;text-align:center;cursor:pointer;transition:transform .1s,border-color .12s,box-shadow .12s}.reward-card:hover{border-color:#c9a45a;transform:translateY(-2px);box-shadow:0 6px 18px #c9a45a40}.reward-card.picked{border-color:#ffe08a;box-shadow:0 0 22px #ffe08a8c;transform:scale(1.04)}.reward-icon{font-size:44px;line-height:1.1;margin-bottom:6px}.reward-name{font-family:Georgia,serif;font-size:18px;color:#f0d890;margin-bottom:4px}.reward-footnote{text-align:center}.options-kofi{display:flex;justify-content:center;margin:10px 0 4px}.options-kofi img{vertical-align:middle}.options-divider{height:1px;margin:18px 4px;border:none;background:linear-gradient(90deg,#c9a45a00,#c9a45a66,#c9a45a00)}.options-audio-section{display:flex;flex-direction:column;gap:14px}.options-audio-group{border:1.5px solid #3c2c54;border-radius:10px;padding:10px 12px}.options-audio-heading{font-family:Georgia,serif;font-size:13px;letter-spacing:1.5px;color:#a894c4;margin-bottom:8px}.options-audio-row{display:flex;align-items:center;gap:12px}.options-mute-btn{flex:0 0 auto;min-width:84px;font-size:14.5px;padding:8px 12px}.options-mute-btn.muted{border-color:#ff9a8a;color:#ffb8ac}.options-volume-slider{flex:1 1 auto;min-width:0;height:44px;accent-color:#c9a45a;cursor:pointer}.options-volume-value{flex:0 0 auto;min-width:42px;text-align:right;font-family:Verdana,sans-serif;font-size:13.5px;color:#d8cbe8}.spellbook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.spellbook-book{position:relative;pointer-events:auto;display:flex;width:min(94vw,380px);height:min(86vh,620px);border-radius:14px;box-shadow:0 20px 60px #000c,0 0 0 6px #2a1a10,0 0 0 9px #c9a45a;overflow:hidden}.spellbook-page-left{flex:0 0 16px;background:linear-gradient(90deg,#3a2718,#241609 55%,#140b04);box-shadow:inset -8px 0 20px #0009}.spellbook-page-right{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 0%,rgba(255,240,200,.12),transparent 55%),linear-gradient(160deg,#f1e3c0,#e7d6a8 55%,#ddc890);box-shadow:inset 6px 0 24px #3c1e0a59,inset 0 0 44px #5a320a1f}@media(min-width:720px){.spellbook-overlay{justify-content:center}.spellbook-book{width:min(86vw,760px);height:min(82vh,560px)}.spellbook-page-left{flex:0 0 42%;position:relative;background:linear-gradient(100deg,#241609,#3a2718 45%,#e7d6a8)}.spellbook-page-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 100% 50%,rgba(0,0,0,.35),transparent 60%)}}.spellbook-page-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:24px 20px 8px;color:#2c1c0e;transform-origin:left center;will-change:transform,opacity}.spellbook-page-content h2{margin:0 0 12px;font-family:Georgia,serif;font-size:22px;letter-spacing:.5px;color:#5a3210;text-align:left;text-shadow:none}.spellbook-lore p{font-family:Georgia,Times New Roman,serif;font-size:14.5px;line-height:1.5;color:#3a2410;margin:0 0 8px}.spellbook-character{display:block;max-width:130px;max-height:150px;margin:2px auto 14px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.spellbook-art-fallback{width:110px;height:130px;margin:2px auto 14px;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#5a321438,#5a32140f 70%);border:1.5px dashed rgba(120,80,30,.4);display:flex;align-items:center;justify-content:center;font-size:32px;color:#5a321473}.spellbook-ability-icon.spellbook-art-fallback{width:30px;height:30px;margin:0;font-size:15px;border-radius:8px}.spellbook-no-special{font-family:Georgia,serif;font-size:14px;color:#7a5a30;text-align:center;padding:10px;border:1.5px dashed rgba(120,80,30,.35);border-radius:10px}.spellbook-ability-grid{display:flex;flex-direction:column;gap:10px}@media(min-width:420px){.spellbook-ability-grid.two-col{display:grid;grid-template-columns:1fr 1fr}}.spellbook-ability-card{border:1.5px solid rgba(120,80,30,.3);border-radius:10px;padding:10px 12px;background:#fff3}.spellbook-ability-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.spellbook-ability-icon{width:28px;height:28px;object-fit:contain}.spellbook-ability-name{font-family:Georgia,serif;font-size:15px;color:#5a3210}.spellbook-effect-row{font-family:Verdana,sans-serif;font-size:12.5px;line-height:1.45;color:#3a2410;margin:3px 0}.spellbook-effect-label{font-weight:700;color:#7a4a12;margin-right:4px}.spellbook-hidden-ability{text-align:center;padding:20px 10px;margin-top:6px;border:1.5px dashed rgba(120,80,30,.45);border-radius:12px}.spellbook-hidden-ability .spellbook-ability-name{margin-bottom:8px}.spellbook-hidden-mark{font-family:Georgia,serif;font-size:28px;letter-spacing:6px;color:#5a3210;opacity:.55}.spellbook-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(120,80,30,.25);background:linear-gradient(0deg,rgba(0,0,0,.05),transparent)}.spellbook-prev-btn,.spellbook-home-btn{font-family:Georgia,serif;font-size:12.5px;color:#6a4a20;background:transparent;border:1px solid rgba(120,80,30,.35);border-radius:8px;padding:8px 10px;min-height:44px;min-width:44px;cursor:pointer;transition:background .12s}.spellbook-prev-btn:hover,.spellbook-home-btn:hover{background:#78501e1a}.spellbook-prev-btn:disabled{opacity:.3;cursor:default}.spellbook-prev-btn:focus-visible,.spellbook-home-btn:focus-visible{outline:2px solid #8a5a20;outline-offset:2px}.spellbook-page-indicator{flex:1 1 auto;text-align:center;font-family:Verdana,sans-serif;font-size:11px;color:#8a6a40;white-space:nowrap}.spellbook-next-corner{position:absolute;right:0;bottom:44px;width:84px;height:84px;min-width:44px;min-height:44px;border:none;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.spellbook-next-corner:before{content:"";position:absolute;right:0;bottom:0;width:48px;height:48px;background:radial-gradient(circle at 100% 100%,rgba(255,220,140,.9),rgba(255,190,90,.28) 55%,transparent 76%);opacity:.85;transition:opacity .15s,transform .15s}.spellbook-next-corner:after{content:"❯";position:absolute;right:14px;bottom:12px;color:#5a3a12;font-family:Georgia,serif;font-size:18px}.spellbook-next-corner:hover:before,.spellbook-next-corner:focus-visible:before{opacity:1;transform:scale(1.1)}.spellbook-next-corner:focus-visible{outline:2px solid #ffe08a;outline-offset:-2px}.spellbook-next-corner:disabled{cursor:default}.spellbook-next-corner:disabled:after{content:"❦";opacity:.5;font-size:15px}.spellbook-next-corner.is-final:before{opacity:.16;background:radial-gradient(circle at 100% 100%,rgba(180,170,150,.35),transparent 70%)}@keyframes spellbook-turn-out-next{0%{transform:perspective(900px) rotateY(0) scaleX(1);opacity:1}to{transform:perspective(900px) rotateY(-16deg) scaleX(.85);opacity:0}}@keyframes spellbook-turn-in-next{0%{transform:perspective(900px) rotateY(14deg) scaleX(.9);opacity:0}to{transform:perspective(900px) rotateY(0) scaleX(1);opacity:1}}@keyframes spellbook-turn-out-prev{0%{transform:perspective(900px) rotateY(0) scaleX(1);opacity:1}to{transform:perspective(900px) rotateY(16deg) scaleX(.85);opacity:0}}@keyframes spellbook-turn-in-prev{0%{transform:perspective(900px) rotateY(-14deg) scaleX(.9);opacity:0}to{transform:perspective(900px) rotateY(0) scaleX(1);opacity:1}}.spellbook-page-content.spellbook-turning-next-out{animation:spellbook-turn-out-next .16s ease-in forwards}.spellbook-page-content.spellbook-turning-next-in{animation:spellbook-turn-in-next .18s ease-out forwards}.spellbook-page-content.spellbook-turning-prev-out{animation:spellbook-turn-out-prev .16s ease-in forwards}.spellbook-page-content.spellbook-turning-prev-in{animation:spellbook-turn-in-prev .18s ease-out forwards}@media(prefers-reduced-motion:reduce){.spellbook-page-content.spellbook-turning-next-out,.spellbook-page-content.spellbook-turning-prev-out,.spellbook-page-content.spellbook-turning-next-in,.spellbook-page-content.spellbook-turning-prev-in{animation-name:spellbook-crossfade;animation-duration:.12s;transform:none!important}}@keyframes spellbook-crossfade{0%{opacity:.2}to{opacity:1}}