@import url('./wizard.css');
:root{--paper:#f6f3e9;--ink:#2b253b;--muted:#76707e;--purple:#715798;--line:#dcd6d9;--gold:#f3d898;--lavender:#e4dcee;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,.stage:focus-visible{outline:3px solid #ac72d4;outline-offset:4px}[hidden]{display:none!important}.site-shell{max-width:1320px;margin:auto;padding:0 48px}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:flex;gap:12px;align-items:center;text-decoration:none;font:700 16px/1.25 'Courier New',monospace;letter-spacing:-.7px}.wordmark small{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.brand-spark{display:grid;place-items:center;font-size:29px;color:#f3deaf;background:#342846;width:44px;height:44px;border-radius:10px}.masthead nav{display:flex;gap:30px;font-size:13px}.masthead nav a{text-decoration:none;color:#726877;padding:10px 0}.masthead nav .active{color:var(--ink);border-bottom:2px solid var(--purple)}.edition,.eyebrow,.aside-heading,.chapter-tag,.section-heading>span,.chapter-state,.field-note>span,.best-score>span,footer>span{font:700 10px/1.5 'Courier New',monospace;letter-spacing:1.5px}.edition{color:var(--muted)}.introduction{display:flex;align-items:center;justify-content:space-between;padding:43px 0 36px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px}.tiny-star{color:var(--purple);font-size:14px;margin-right:6px}h1{font:400 clamp(30px,3.3vw,47px)/1.17 Georgia,serif;letter-spacing:-1.7px;margin:12px 0 0}h1 em{color:var(--purple);font-weight:400}.introduction>p{font-size:13px;line-height:1.8;margin:16px 0 0;color:#595260}.introduction>p span{color:#8c838e;font-size:11px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:26px;align-items:start}.game-cabinet{border:1px solid #32283f;border-radius:12px;overflow:hidden;background:#fffdf8;box-shadow:0 6px 0 #e4deda;min-width:0}.cabinet-top{height:48px;background:#2d253e;color:#f7f0ff;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font:11px 'Courier New',monospace;letter-spacing:.8px}.cabinet-top>div:first-child{display:flex;gap:10px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#bfe2a0;box-shadow:0 0 10px #bfe2a055}.chapter-tag{color:#bfb1cd;font-size:9px;letter-spacing:1px;padding:3px 7px;border:1px solid #574763;border-radius:4px;margin-left:4px}.toolbar{display:flex;gap:6px}.toolbar button{background:none;color:#d9cced;border:0;padding:8px;font-size:14px}.toolbar button span{font-size:10px}.hud{display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 22px;border-bottom:1px solid #463a61;background:#3c3151;color:#f5e8d0}.hud>div{display:flex;align-items:center;gap:10px}.hud span{font:10px 'Courier New',monospace;letter-spacing:1px;color:#c1b3d0}.hud strong{font:700 18px 'Courier New',monospace;letter-spacing:1px}.hud i{font-size:12px;color:#b7a6c8;font-style:normal}.hud .heart-group strong{color:#edb6c5;font-size:16px;letter-spacing:-2px}.stage{position:relative;aspect-ratio:8/5;overflow:hidden;background:#68a8e9;isolation:isolate;touch-action:none;outline:none}.scenery,.world{position:absolute;inset:0;pointer-events:none}.tower-art{position:absolute;right:-8%;bottom:0;height:100%;width:85%;object-fit:contain;image-rendering:pixelated}.scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,#282241f7 0%,#282241d9 23%,#28224138 65%,#61509b00)}.star-field{position:absolute;inset:0;color:#f7dd91;font-size:20px;padding:7% 51%;opacity:.8}.star-field span{position:absolute;top:36%;right:7%;font-size:26px}.star-field b{position:absolute;top:20%;right:42%;font-size:11px}.ground{position:absolute;bottom:0;left:0;right:0;height:7%;background:repeating-linear-gradient(90deg,#2b314f 0 52px,#343957 52px 54px);border-top:5px solid #859cac;box-shadow:0 -5px #414f6e}.ward-line{position:absolute;left:0;right:0;top:81%;border-top:1px dashed #a9dce533;display:none}.stage.running .tower-art{opacity:.30;right:0;width:100%}.stage.running .scene-wash{background:linear-gradient(180deg,#282d65b8,#41355bdc)}.stage.running .ward-line{display:block}.stage.running .star-field{opacity:.4}.sprite{position:absolute;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center}.player{width:8.8%;height:16%;z-index:4}.wizard-art,.wizard-art svg{width:100%;height:100%;overflow:visible}.player.hurt{opacity:.45}.player .ward-ring{position:absolute;width:125%;aspect-ratio:1;border:2px solid #acf0e6;border-radius:50%;background:#99eee91c;box-shadow:0 0 24px #b5ffec55;opacity:0}.player.warding .ward-ring{opacity:1}.enemy{width:5.6%;height:9%;filter:drop-shadow(0 4px 0 #19213666)}.enemy.boss{width:10%;height:17%}.enemy svg{width:100%;height:100%}.enemy .hp{position:absolute;bottom:-3px;left:15%;right:15%;height:3px;background:#24243c}.enemy .hp i{display:block;height:100%;background:#f4d496}.bolt{width:.8%;height:3%;background:#f6fff2;border-radius:5px;box-shadow:0 0 10px #aeffe7,0 6px 0 #a4e9ed}.curse{width:1.2%;height:2.5%;background:#edb1e9;border:2px solid #ffe1f1;box-shadow:0 0 10px #d57feb}.pickup{color:#befff1;font-size:clamp(12px,2vw,24px);text-shadow:0 0 10px #aeffff}.particle{width:.6%;height:1%}.overlay{position:absolute;inset:0;display:flex;align-items:center;z-index:8}.overlay-copy{width:53%;padding:5% 0 5% 7%;color:#fff1d6}.overlay .eyebrow{font-size:clamp(7px,.7vw,10px);letter-spacing:2px;color:#d5c5e0;margin:0 0 13px}.overlay h2{font:400 clamp(42px,5.2vw,76px)/.90 Georgia,serif;letter-spacing:-2px;margin:0;position:relative}.overlay h2 em{font-weight:400;color:#f1d58e}.overlay h2>span{font-size:27px;vertical-align:top;display:inline-block;transform:translate(14px,4px);color:#dacbed}.overlay-copy>p:not(.eyebrow){font-size:12px;line-height:1.65;color:#e2d5ed;margin:17px 0}.overlay label{display:block;font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#cbbdd6;margin-bottom:5px}.overlay select{font-size:11px;border:1px solid #7b678c;background:#382d4d;color:#f5e8d4;padding:6px 8px;border-radius:3px;width:100%;max-width:236px;margin-bottom:12px}.primary{display:block;background:var(--gold);color:#352b40;border:1px solid #fbeac2;box-shadow:0 3px #947a57;padding:13px 20px;font-weight:700;font-size:13px;border-radius:4px;min-width:185px}.primary:hover{background:#ffe7b4;transform:translateY(-1px)}.secondary{display:block;background:none;border:0;color:#e6d7ed;font-size:11px;text-decoration:underline;padding:12px 0;margin-top:2px}.overlay-copy>p.overlay-foot{font:8px/1.4 'Courier New',monospace;letter-spacing:1px;color:#bbacc7;margin-top:17px}.stage.has-result .overlay,.stage.is-paused .overlay{background:#241f3de6;justify-content:center;text-align:center}.stage.has-result .overlay-copy,.stage.is-paused .overlay-copy{width:90%;padding:5%}.stage.has-result h2,.stage.is-paused h2{font-size:clamp(28px,4vw,52px);line-height:1.1}.stage.has-result .primary,.stage.is-paused .primary,.stage.has-result .secondary,.stage.is-paused .secondary{margin-left:auto;margin-right:auto}.stage.is-paused *{animation-play-state:paused!important}.wave-notice{position:absolute;top:39%;left:10%;right:10%;text-align:center;color:#f6e4b9;background:#302848db;padding:20px;font:20px Georgia,serif;z-index:6}.game-message{display:flex;align-items:center;gap:10px;padding:12px 18px;min-height:56px;border-bottom:1px solid #e5dfe5}.message-star{color:#8a6fa6}.game-message p{font-size:11px;line-height:1.5;flex:1;margin:0;color:#716377}.ward-meter{width:76px;flex-shrink:0}.ward-meter>span{font:8px 'Courier New',monospace;letter-spacing:.5px;color:#716077}.ward-meter>div{height:4px;background:#e5daec;margin-top:6px}.ward-meter i{display:block;background:#9e85ba;height:100%;width:100%}.control-strip{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;gap:10px}.key-guide{display:flex;gap:14px;font-size:10px;color:#817586}.key-guide>span{display:flex;align-items:center;gap:4px}kbd{display:inline-block;border:1px solid #d4cbd9;border-bottom-width:2px;border-radius:3px;padding:3px 4px;font:9px 'Courier New',monospace;color:#665474;background:#fcf9f6;white-space:nowrap}.sound-controls{display:flex;gap:6px}.sound-controls button{border:0;background:transparent;color:#74677c;font-size:10px;padding:6px 3px}.sound-controls button[aria-pressed=true]{color:#60497a}.touch-controls{display:none;padding:10px 16px 14px;gap:10px;justify-content:space-between;border-top:1px solid #e1d8e5}.touch-controls>div{display:flex;gap:8px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;min-height:48px;min-width:54px;border:1px solid #c7bbd3;background:#eee7f5;color:#544168;border-radius:6px;font-size:13px}.touch-controls .touch-cast{background:#f2d89d;border-color:#dbc080;min-width:88px}.touch-controls .pressed{background:#b5a0cb;transform:translateY(2px)}.spellbook{padding-top:5px}.aside-heading{display:flex;justify-content:space-between;color:#837687;font-size:9px;margin-bottom:13px}.portrait{height:184px;background:#e3ddeb;position:relative;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid #d9cfe4;overflow:hidden}.portrait:before{content:'';position:absolute;width:124px;height:124px;border-radius:50%;background:#f6f0f7}.portrait-art{height:162px;width:151px;position:relative}.portrait-art svg{width:100%;height:100%}.portrait-star{position:absolute;color:#9c80b9}.portrait-star.s1{left:28px;top:28px;font-size:23px}.portrait-star.s2{right:29px;bottom:38px;font-size:30px}.token-label{position:absolute;bottom:11px;left:12px;font:8px 'Courier New',monospace;letter-spacing:1px;color:#7b668f}.spellbook>h2{font:400 23px Georgia,serif;margin:17px 0 7px}.wizard-description{font-size:11px;color:#827287;line-height:1.7;margin:0 0 17px}.spell-card{display:flex;align-items:flex-start;gap:9px;padding:14px 0;border-top:1px solid var(--line)}.spell-icon{background:#e5daee;color:#9070ae;width:30px;height:30px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;font-size:20px}.ward-icon{color:#719d9b;background:#dfebe5}.spell-card>div{flex:1}.spell-card strong{font-size:11px}.spell-card p{font-size:10px;line-height:1.6;color:#837589;margin:5px 0 0}.spell-card kbd{font-size:8px;padding:3px}.field-note{border-top:1px solid var(--line);margin-top:3px;padding-top:17px}.field-note>span{font-size:8px;color:#907895}.field-note p{font-size:11px;line-height:1.8;color:#7d6e81}.field-note small{font-size:9px;color:#918791}.best-score{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:16px}.best-score>span{font-size:8px;letter-spacing:.5px;color:#8d7c91}.best-score strong{font:16px 'Courier New',monospace;color:#77618b}.chapters{margin:43px 0 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font:400 23px Georgia,serif;margin:0}.section-heading>span{font-size:8px;color:#8f7d93}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.chapter{display:flex;align-items:center;gap:14px;border:1px solid #e0d8de;border-radius:8px;padding:22px 18px;position:relative;text-decoration:none;color:#8b7d92;background:#f1eceb}.chapter.current{background:#eee7f0;border-color:#cdc0da;color:#564269}.chapter.current:hover{border-color:#8c6cac;background:#e7dcec}.chapter-number{font:26px Georgia,serif;color:#b6a5c2}.chapter-state{font-size:7px;letter-spacing:1px}.current .chapter-state{color:#88679f}.chapter h3{font:400 19px Georgia,serif;margin:7px 0}.chapter p{font-size:10px;margin:0;color:#8c8092;line-height:1.5}.chapter-arrow,.chapter-doodle{margin-left:auto;font-size:23px;color:#b5a2c1}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 29px;color:#8c8090}footer>span{font-size:8px;letter-spacing:.6px}footer p{font-size:9px;line-height:1.6;margin:0}footer a{text-underline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-cabinet:fullscreen,.game-cabinet.expanded{background:#2d253e;max-width:100%;height:100dvh;border-radius:0;display:flex;flex-direction:column;justify-content:center}.game-cabinet.expanded{position:fixed;inset:0;z-index:50}.game-cabinet:fullscreen .stage,.game-cabinet.expanded .stage{width:min(100%,calc((100dvh - 260px) * 1.6));margin:auto;flex-shrink:0}.game-cabinet:fullscreen .game-message,.game-cabinet:fullscreen .control-strip,.game-cabinet.expanded .game-message,.game-cabinet.expanded .control-strip{background:var(--paper)}
@media(min-width:1500px){.overlay h2{font-size:76px}}
@media(max-width:1100px){.site-shell{padding:0 28px}.edition{display:none}.play-layout{grid-template-columns:minmax(0,1fr) 216px;gap:20px}.overlay h2{font-size:54px}.overlay-copy>p:not(.eyebrow){font-size:11px;margin:12px 0}.overlay .eyebrow{margin-bottom:8px}.overlay-copy>p.overlay-foot{font-size:7px}.primary{padding:11px 14px;font-size:12px;min-width:165px}.chapter-tag{display:none}.key-guide{gap:8px;font-size:9px}.sound-controls button{font-size:9px}.portrait{height:157px}.portrait-art{height:143px}.chapter{padding:19px 12px;gap:10px}.chapter-doodle{display:none}footer>span:last-child{display:none}}
@media(max-width:850px){.play-layout{grid-template-columns:1fr}.spellbook{display:none}.stage{aspect-ratio:8/5}.overlay h2{font-size:72px}.overlay-copy>p:not(.eyebrow){font-size:13px;margin:18px 0}.overlay .eyebrow{font-size:10px;margin-bottom:15px}.primary{padding:14px 22px;font-size:14px}.chapter-tag{display:inline}.introduction{padding:30px 0}.introduction>p{font-size:11px}.introduction>p span{font-size:10px}.touch-controls{display:flex}.chapter p{font-size:10px}.chapter-number{display:none}.section-heading h2{font-size:20px}.section-heading>span{display:none}.overlay-copy>p.overlay-foot{font-size:8px}.key-guide{gap:16px}.sound-controls button{font-size:10px}}
@media(max-width:580px){.site-shell{padding:0 15px}.masthead{height:auto;min-height:116px;flex-wrap:wrap;gap:6px;padding:15px 0 4px}.wordmark{font-size:12px;gap:8px;letter-spacing:-.5px}.wordmark small{font-size:8px;letter-spacing:2px}.brand-spark{width:33px;height:37px;font-size:23px}.masthead nav{flex-basis:100%;gap:18px;font-size:12px}.introduction{display:block;padding:24px 0 23px}.introduction .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:32px;letter-spacing:-1px}.introduction>p{margin-top:14px;line-height:1.6}.introduction>p br{display:none}.introduction>p span{display:block;margin-top:2px}.cabinet-top{height:42px;padding:0 12px;font-size:9px}.chapter-tag{display:none}.toolbar button span{display:none}.hud{height:53px;padding:0 12px}.hud>div{display:block}.hud span{display:block;font-size:8px;margin-bottom:4px}.hud strong{font-size:16px}.hud .heart-group strong{font-size:12px}.stage{aspect-ratio:1.22}.tower-art{right:-23%;width:105%}.scene-wash{background:linear-gradient(90deg,#282241f7,#2822418a 58%,#28224100)}.overlay-copy{width:75%;padding-left:7%}.overlay h2{font-size:60px}.overlay .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:14px}.overlay-copy>p:not(.eyebrow){font-size:11px;margin:15px 0}.overlay select{max-width:192px;padding:7px}.primary{font-size:12px;padding:12px 17px;min-width:180px}.overlay-copy>p.overlay-foot{font-size:7px;margin-top:15px}.game-message{padding:10px 12px;gap:7px;min-height:64px}.game-message p{font-size:10px}.ward-meter{width:58px}.ward-meter>span{font-size:7px}.control-strip{padding:10px 12px}.key-guide{gap:7px;font-size:8px}.key-guide kbd{font-size:8px;padding:2px}.key-guide>span{gap:2px}.sound-controls{gap:3px}.sound-controls button{font-size:9px}.chapters{margin-top:32px}.chapter-grid{grid-template-columns:1fr;gap:9px}.chapter{padding:14px 16px}.chapter-number{display:block;font-size:25px}.chapter h3{font-size:18px;margin:4px 0}.chapter-state{font-size:7px}.chapter-doodle{display:block}.chapter p{font-size:10px}.section-heading h2{font-size:21px}footer{display:block;padding:20px 0}footer p{margin-top:10px;font-size:9px}.player{width:11%;height:17%}.enemy{width:7%;height:9%}.wave-notice{font-size:16px;padding:14px}.game-cabinet:fullscreen .stage,.game-cabinet.expanded .stage{width:min(100%,calc((100dvh - 285px) * 1.22));aspect-ratio:1.22}}
@media(pointer:coarse){.touch-controls{display:flex}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.particle{display:none}}

/* Keep the complete title card inside a narrow phone playfield. */
@media(max-width:580px){
  .overlay-copy{padding-top:12px;padding-bottom:12px}
  .overlay h2{font-size:48px}
  .overlay .eyebrow{font-size:7px;margin-bottom:9px}
  .overlay-copy>p:not(.eyebrow){font-size:10px;line-height:1.5;margin:11px 0}
  .overlay-copy>p.overlay-foot{display:none}
  .overlay select{margin-bottom:9px;padding:6px}
  .primary{padding:11px 15px}
}
@media(max-width:360px){
  .overlay h2{font-size:40px}
  .overlay .eyebrow{font-size:6px;margin-bottom:6px}
  .overlay-copy>p:not(.eyebrow){margin:8px 0;font-size:9px}
  .overlay label{font-size:7px}
  .overlay select{font-size:10px;padding:5px}
  .primary{font-size:11px;padding:9px 12px;min-width:170px}
  .touch-controls{padding-left:10px;padding-right:10px;gap:6px}
  .touch-controls button{min-width:45px;font-size:11px}
  .touch-controls .touch-cast{min-width:72px}
  .key-guide{gap:3px;font-size:7px}.sound-controls button{font-size:8px}
}

/* Keep both game destinations visible and comfortably tappable on phones. */
.masthead nav a,.masthead nav button{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}