:root{color-scheme:dark;--color-primary: #E8A33D;--color-primary-bright: #FFB454;--color-primary-dim: #6B4A1E;--color-primary-sub: #C98F4A;--color-bg: #0a0806;--color-ash: #9a9a9a;--color-ember: #FF6B35;--color-white-accent: #fff3e0;--color-primary-hover: #332208;--color-hint: #A87D4A}[data-contrast=high]{--color-primary: #FFCF7A;--color-primary-bright: #FFE0A3;--color-primary-dim: #D9A566;--color-primary-sub: #FFD9A0;--color-bg: #000000;--color-ash: #d8d8d8;--color-ember: #FF9B70;--color-white-accent: #ffffff;--color-primary-hover: #4a3010;--color-hint: #FFE6BF}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;max-width:100%;overflow-x:hidden;background:var(--color-bg);color:var(--color-primary);font-family:Courier New,MS Gothic,monospace}#app{min-height:100vh;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.glow{text-shadow:0 0 4px currentColor,0 0 10px currentColor}.title-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.title-screen h1{font-size:2rem;letter-spacing:.1em;color:var(--color-primary)}.title-tagline{margin-top:-1.5rem;color:var(--color-primary-sub);font-size:.9rem}.menu{display:flex;flex-direction:column;gap:.75rem;min-width:16rem}.menu button,.menu a.menu-link{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-family:inherit;font-size:1.1rem;padding:.6rem 1rem;min-height:44px;cursor:pointer;text-shadow:0 0 4px currentColor;touch-action:manipulation;text-align:center;text-decoration:none;display:block;box-sizing:border-box}.menu button:hover:not(:disabled),.menu a.menu-link:hover{background:var(--color-primary-hover)}.menu button:disabled{color:var(--color-primary-dim);border-color:var(--color-primary-dim);cursor:not-allowed;text-shadow:none}.text-white{color:var(--color-white-accent);text-shadow:0 0 4px #fff}.town-screen,.training-screen,.tavern-screen{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;width:100%;max-width:32rem}.town-screen h1,.training-screen h1,.tavern-screen h1{font-size:1.6rem;letter-spacing:.1em;color:var(--color-primary)}.tavern-screen h2,.training-screen h2{font-size:1rem;color:var(--color-primary-sub);margin:.5rem 0 0}.town-summary{color:var(--color-primary-sub)}.wizard-form input,.wizard-form textarea{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-family:inherit;font-size:1.1rem;padding:.5rem;text-align:center}.roster-list,.party-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:.4rem}.roster-row,.party-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid var(--color-primary-dim);padding:.4rem .6rem;font-size:.9rem}.roster-row button,.party-row button{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-family:inherit;cursor:pointer;padding:.4rem .6rem;min-height:40px;touch-action:manipulation}.race-preview p{margin:.2rem 0;font-size:.85rem;color:var(--color-primary-sub)}.stat-list{display:flex;flex-direction:column;gap:.4rem;width:100%}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--color-primary-dim);padding:.3rem .6rem}.stat-row button{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-family:inherit;font-size:1.1rem;width:2.75rem;min-height:40px;cursor:pointer;touch-action:manipulation}.stat-row button:disabled{color:var(--color-primary-dim);border-color:var(--color-primary-dim);cursor:not-allowed}.bp-display{font-size:3rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 4px currentColor}.bp-display.bp-high{color:#ffe066;text-shadow:0 0 8px #ffe066,0 0 20px #ffcc00;animation:bp-pulse .6s ease-in-out infinite alternate}.bp-display.bp-legendary{color:#f6f;text-shadow:0 0 10px #ff66ff,0 0 24px #ffff00,0 0 40px #00ffff;animation:bp-pulse-legendary .4s ease-in-out infinite alternate}.bp-message{min-height:1.4em;font-size:1rem}.bp-message-high{color:#ffe066;text-shadow:0 0 6px #ffcc00}.bp-message-legendary{color:#f6f;font-size:1.2rem;text-shadow:0 0 8px #ff66ff,0 0 16px #ffff00;animation:bp-pulse-legendary .4s ease-in-out infinite alternate}@keyframes bp-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes bp-pulse-legendary{0%{transform:scale(1) rotate(-1deg);filter:brightness(1)}to{transform:scale(1.15) rotate(1deg);filter:brightness(1.4)}}.dungeon-screen,.camp-screen{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;width:100%;max-width:26rem}.dungeon-screen h1,.camp-screen h1{font-size:1.4rem;letter-spacing:.1em;color:var(--color-primary);margin:0}.camp-screen h2{font-size:1rem;color:var(--color-primary-sub);margin:.5rem 0 0}.character-detail-screen{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;width:100%;max-width:26rem}.character-detail-screen h1{font-size:1.4rem;letter-spacing:.1em;color:var(--color-primary);margin:0}.character-detail-screen h2{font-size:1rem;color:var(--color-primary-sub);margin:.5rem 0 0}.character-detail-screen h3{font-size:.9rem;color:var(--color-primary-sub);margin:.3rem 0 0}.dungeon-canvas{width:100%;max-width:320px;aspect-ratio:320 / 200;background:var(--color-bg);border:1px solid var(--color-primary);image-rendering:pixelated}.dungeon-status{font-size:.85rem;color:var(--color-primary-sub);margin:0}.dungeon-hint{font-size:.75rem;color:var(--color-hint);margin:0}.dpad-bar{display:grid;grid-template-columns:repeat(3,3.2rem) auto auto;gap:.5rem;justify-content:center;align-items:center}.dpad-button{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-family:inherit;font-size:1.3rem;padding:.6rem 0;min-height:48px;cursor:pointer;text-shadow:0 0 4px currentColor;touch-action:manipulation}.dpad-button:hover{background:var(--color-primary-hover)}.dpad-camp{font-size:.9rem;padding:.6rem .8rem}.dpad-map{font-size:1.1rem;padding:.6rem .7rem}.minimap-canvas{background:var(--color-bg);border:1px solid var(--color-primary-dim);image-rendering:pixelated}.battle-screen{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;width:100%;max-width:28rem}.battle-screen h1{font-size:1.4rem;letter-spacing:.1em;color:var(--color-primary);margin:0}.battle-screen h2{font-size:1rem;color:var(--color-primary-sub);margin:.25rem 0}.battle-enemy-list{width:100%;text-align:left;color:#f93;font-size:.85rem}.battle-enemy-list p{margin:.15rem 0}.battle-party-status{width:100%;text-align:left;border:1px solid var(--color-primary-dim);padding:.4rem .6rem;margin:.4rem 0}.battle-party-status h2{font-size:.85rem;color:var(--color-primary-sub);margin:0 0 .2rem}.battle-party-list{font-size:.8rem}.battle-party-list p{margin:.1rem 0;color:var(--color-primary)}.battle-message{width:100%;border:1px solid var(--color-primary);padding:1rem;cursor:pointer;min-height:4rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.battle-message p{margin:0;font-size:1rem}.battle-advance-hint{font-size:.75rem;color:var(--color-hint);text-align:right}.temple-outcome-revive{color:#fff6cc;text-shadow:0 0 8px #ffe066,0 0 20px #ffffff;animation:bp-pulse .6s ease-in-out infinite alternate}.temple-outcome-ashes{color:var(--color-ash);font-size:1.4rem;letter-spacing:.1em}.temple-outcome-lost{color:var(--color-ember);font-size:1.4rem;letter-spacing:.1em;text-shadow:0 0 8px #5a2410}.temple-lost-name{font-size:1.3rem;color:#fff;transition:opacity 1.2s ease,letter-spacing 1.2s ease,filter 1.2s ease}.temple-lost-name.temple-fade-out{opacity:0;letter-spacing:.6em;filter:blur(2px)}.codex-list{max-height:20rem;overflow-y:auto;text-align:left}.daily-copy-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.daily-result-text{white-space:pre-wrap;font-family:inherit;color:#ffe066;border:1px solid var(--color-primary-dim);padding:.6rem;width:100%;text-align:left;font-size:.9rem}.daily-copy-area{width:100%;min-height:5rem;background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-family:inherit;font-size:.8rem;padding:.4rem}.codex-titles{width:100%}.codex-titles h2{font-size:1rem;color:var(--color-primary-sub);margin:.5rem 0 0}.result-screen p{margin:.2rem 0}.result-defeat{color:var(--color-ember);font-size:1.1rem;text-shadow:0 0 6px #5a2410}.result-highlight{color:#ffe066;text-shadow:0 0 6px #ffcc00}.result-item-names{color:var(--color-primary-sub);font-size:.85rem}.save-status{color:var(--color-primary-sub);font-size:.8rem;margin:0}.save-toast{position:fixed;right:1rem;bottom:1rem;z-index:1000;background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);padding:.6rem 1rem;font-size:.9rem;text-shadow:0 0 4px currentColor;opacity:0;transform:translateY(.5rem);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.save-toast.save-toast-visible{opacity:1;transform:translateY(0)}.tutorial-screen h2{font-size:1.1rem;color:var(--color-primary-sub);margin:.5rem 0 0}.tutorial-screen p{font-size:.9rem;margin:.2rem 0}.help-screen{text-align:left;align-items:stretch}.help-screen h1{text-align:center}.wiki-link-button{display:block;width:100%;box-sizing:border-box;text-align:center;background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);font-size:.95rem;padding:.6rem 1rem;min-height:44px;line-height:1.7;text-decoration:none;touch-action:manipulation;margin-bottom:.5rem}.wiki-link-button:hover{background:var(--color-primary-hover)}.help-body{width:100%;max-height:24rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.help-section h2{font-size:1rem;color:var(--color-primary-sub);margin:.75rem 0 .25rem}.help-section p{font-size:.85rem;margin:.15rem 0}.settings-io-message{min-height:1.4em;font-size:.85rem;color:var(--color-primary-sub)}.settings-io-message.settings-io-error{color:var(--color-ember)}@media (max-width: 400px){#app{padding:.5rem .35rem}.town-screen,.training-screen,.tavern-screen,.dungeon-screen,.camp-screen,.character-detail-screen,.battle-screen{max-width:100%}.title-screen h1,.town-screen h1,.training-screen h1,.tavern-screen h1,.dungeon-screen h1,.camp-screen h1,.character-detail-screen h1,.battle-screen h1{font-size:1.2rem}.menu{min-width:0;width:100%}.roster-row,.party-row{flex-wrap:wrap;row-gap:.35rem}.roster-row span,.party-row span{flex:1 1 100%}.dpad-bar{grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:.3rem;width:100%}.dpad-camp{font-size:.8rem;padding:.5rem .4rem}.dpad-map{font-size:1rem;padding:.5rem .4rem}.stat-row{flex-wrap:wrap}}