:root{--color-bg: #0d0a06;--color-gold: #c9a84c;--color-text: #e8dcc8;--color-word-default: #ffffff;--color-word-correct: #f5c842;--color-word-wrong: #c0392b;--font-story: "Georgia", serif;--font-ui: "Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);min-height:100vh}body.dyslexia-mode{--font-story: "Open Dyslexic", "OpenDyslexic", Arial, sans-serif}body.dyslexia-mode .word-display{letter-spacing:.1em;word-spacing:.3em;line-height:2.8rem}.title-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1205,#0d0a06 70%)}.title-screen__content{text-align:center;display:flex;flex-direction:column;gap:1.5rem}.title-screen__subtitle{color:var(--color-text);letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;opacity:.7}.title-screen__title{font-size:clamp(2.5rem,8vw,5rem);color:var(--color-gold);text-shadow:0 0 40px rgba(201,168,76,.4);letter-spacing:.05em}.title-screen__buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.btn--secondary{background:transparent;color:var(--color-gold);border:1px solid var(--color-gold);padding:.75rem 2rem;font-family:var(--font-ui);font-size:1rem;cursor:pointer;border-radius:4px;letter-spacing:.05em}.btn--secondary:hover{background:#c9a84c1a}.title-screen__dyslexia-toggle{display:flex;align-items:center;gap:.6rem;background:none;border:1px solid rgba(201,168,76,.3);border-radius:20px;padding:.45rem 1rem;color:#e8dcc880;font-family:var(--font-ui);font-size:.78rem;letter-spacing:.08em;cursor:pointer;margin:0 auto;transition:color .2s,border-color .2s}.title-screen__dyslexia-toggle--on{color:var(--color-gold);border-color:var(--color-gold)}.title-screen__dyslexia-pill{width:28px;height:14px;border-radius:7px;background:#c9a84c33;position:relative;flex-shrink:0;transition:background .2s}.title-screen__dyslexia-pill:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#c9a84c80;top:2px;left:2px;transition:transform .2s,background .2s}.title-screen__dyslexia-toggle--on .title-screen__dyslexia-pill{background:#c9a84c4d}.title-screen__dyslexia-toggle--on .title-screen__dyslexia-pill:after{transform:translate(14px);background:var(--color-gold)}.word-display{font-family:var(--font-story);font-size:1.6rem;line-height:2.4rem;text-align:center;max-width:680px;margin:0 auto;padding:1rem}.word{display:inline;transition:color .3s ease}.word--default{color:var(--color-word-default)}.word--correct{color:var(--color-word-correct)}.word--incorrect{color:var(--color-word-wrong);background:#c0392b26;border-radius:2px;padding:0 2px}.word--current{color:var(--color-word-default);border-bottom:2px solid var(--color-gold);padding-bottom:1px}.word--tappable{cursor:pointer}.word--tappable:hover{color:var(--color-gold);opacity:.85}.score-summary{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem;background:#0009;border:1px solid var(--color-gold);border-radius:8px;max-width:400px;margin:2rem auto}.score-summary__title{color:var(--color-gold);font-size:1.4rem}.score-summary__words{font-size:2rem}.score-summary__scrolls{font-size:1.1rem;color:var(--color-text)}.score-summary__bonus{color:var(--color-gold)}.score-summary__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.score-summary__btn{background:var(--color-gold);color:#0d0a06;border:none;padding:.75rem 2rem;font-family:var(--font-ui);font-size:1rem;cursor:pointer;border-radius:4px;letter-spacing:.05em}.score-summary__btn:hover{filter:brightness(1.15)}.score-summary__reclaim-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.score-summary__reclaim-desc{font-size:.8rem;color:#c8b89a;font-style:italic;max-width:180px;line-height:1.3}.score-summary__btn--reclaim{background:transparent;color:#c8a84b;border:1px solid #c8a84b;white-space:nowrap}.score-summary__btn--reclaim:hover{background:#c8a84b1f;filter:none}.score-summary__btn--retry{background:transparent;color:var(--color-gold);border:1px solid var(--color-gold)}.score-summary__btn--retry:hover{background:#d4af371f;filter:none}.score-summary__plus{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem;font-weight:700;color:var(--color-gold);text-shadow:0 0 20px rgba(212,175,55,.8);pointer-events:none;z-index:200;animation:scroll-float-up 1.6s ease-out forwards}@keyframes scroll-float-up{0%{opacity:0;transform:translate(-50%,-30%)}15%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:1;transform:translate(-50%,-80%)}to{opacity:0;transform:translate(-50%,-120%)}}.inventory-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:1.2rem;padding:.6rem 1.5rem;background:#0a0804eb;border-top:1px solid var(--color-gold);font-size:.9rem;color:var(--color-text);z-index:100}.inventory-bar__weapon{color:var(--color-gold);font-size:1.2rem;font-weight:700;white-space:nowrap}.inventory-bar__armour{display:flex;align-items:center;gap:.3rem}.armour-pip{font-size:1.2rem;opacity:.2;filter:grayscale(1);transition:opacity .4s,filter .4s}.armour-pip--owned{opacity:1;filter:none}.inventory-bar__scrolls{margin-left:auto;color:var(--color-gold);font-size:1.4rem;font-weight:700}.phonetic-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;animation:backdrop-in .15s ease-out}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.phonetic-modal{background:#1a1208;border:2px solid var(--color-gold);border-radius:12px;padding:2rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;min-width:240px;animation:modal-in .2s ease-out;box-shadow:0 0 40px #c9a84c4d}@keyframes modal-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.phonetic-modal__flask{font-size:2.5rem}.phonetic-modal__word{font-family:var(--font-ui);font-size:2.8rem;font-weight:700;color:var(--color-gold);text-shadow:0 0 20px rgba(201,168,76,.6);letter-spacing:.05em}.phonetic-modal__syllables{font-family:var(--font-ui);font-size:1.3rem;color:#c8b89a;letter-spacing:.1em}.phonetic-modal__speak{margin-top:.5rem;background:none;border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-ui);font-size:.95rem;padding:.5rem 1.25rem;border-radius:4px;cursor:pointer;letter-spacing:.05em}.phonetic-modal__speak:hover{background:#c9a84c1a}.phonetic-modal__close{background:var(--color-gold);border:none;color:#0d0a06;font-family:var(--font-ui);font-size:1rem;font-weight:700;padding:.6rem 2rem;border-radius:4px;cursor:pointer;letter-spacing:.05em}.phonetic-modal__close:hover{filter:brightness(1.15)}.music-controls{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.music-controls__toggle{background:#0a0804b3;border:1px solid #444;border-radius:8px;font-size:1.1rem;cursor:pointer;padding:.3rem .6rem;line-height:1;color:var(--color-text)}.music-controls__toggle:hover{border-color:var(--color-gold)}.music-controls__volume{display:flex;align-items:center;gap:.4rem;background:#0a0804b3;border:1px solid #444;border-radius:8px;padding:.3rem .7rem}.music-controls__volume span{font-size:.8rem;color:#888}.music-controls__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:70px;height:3px;background:#444;border-radius:2px;outline:none;cursor:pointer}.music-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-gold);cursor:pointer}.page-screen{min-height:100vh;display:flex;flex-direction:column;padding-bottom:60px}.page-screen__illustration{position:relative;width:100%;max-height:420px;overflow:hidden;background:#1a1410}.page-screen__score-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;animation:score-fade-in .4s ease-out}.page-screen__score-overlay span{font-family:var(--font-ui);font-size:3.5rem;font-weight:700;color:var(--color-gold);text-shadow:0 0 30px rgba(201,168,76,.9),0 2px 8px rgba(0,0,0,.8);letter-spacing:.05em}@keyframes score-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.page-screen__illustration img{width:100%;height:420px;object-fit:cover;transform-origin:50% 25%;animation:ken-burns 14s ease-in-out infinite alternate}@keyframes ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.07) translate(2%,1.5%)}}.page-screen__content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem}.page-screen__controls{display:flex;gap:1rem}.page-screen__placeholder{height:420px;display:flex;align-items:center;justify-content:center;padding:2rem;background:#1a1410;color:#555;font-style:italic;font-size:.85rem;text-align:center}.page-screen__flask-hint{font-size:.85rem;color:#7ec8e3;font-style:italic;margin:0}.page-screen__read-aloud-btn{background:none;border:1px solid #7ec8e3;border-radius:20px;color:#7ec8e3;font-family:var(--font-ui);font-size:.85rem;padding:.4rem 1.1rem;cursor:pointer;letter-spacing:.04em;transition:background .2s}.page-screen__read-aloud-btn:hover{background:#7ec8e31f}.page-screen__error{color:#e07070;font-size:.9rem}.page-screen__float-score{position:fixed;top:38%;left:50%;transform:translate(-50%);font-size:4.5rem;font-weight:700;color:var(--color-gold);text-shadow:0 0 30px rgba(212,175,55,.9),0 0 60px rgba(212,175,55,.4);pointer-events:none;z-index:300;white-space:nowrap;animation:float-score-up 2s ease-out forwards}@keyframes float-score-up{0%{opacity:1;transform:translate(-50%) translateY(0)}60%{opacity:1;transform:translate(-50%) translateY(-60px)}to{opacity:0;transform:translate(-50%) translateY(-120px)}}.page-screen--error{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}@media(min-width:550px){.page-screen{flex-direction:row;min-height:100vh;padding-bottom:0}.page-screen__illustration{position:sticky;top:0;width:52%;max-height:none;height:100vh;flex-shrink:0}.page-screen__illustration img{width:100%;height:100%;object-fit:cover}.page-screen__placeholder{height:100%}.page-screen__content{width:48%;min-height:100vh;padding:2.5rem 2rem 6rem;overflow-y:auto;justify-content:center}}.btn{padding:.75rem 2rem;border:none;border-radius:4px;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.05em}.btn--primary{background:var(--color-gold);color:#0d0a06}.btn--danger{background:#8b2020;color:#fff}.btn:hover{filter:brightness(1.15)}.ponder{min-height:100vh;padding:2rem 1.5rem 6rem;max-width:700px;margin:0 auto;animation:ponder-enter 1s ease-out forwards}@keyframes ponder-enter{0%{opacity:0;background:#000}40%{opacity:1;background:#000}to{opacity:1}}.ponder__title{color:var(--color-gold);font-size:2rem;margin-bottom:.25rem;animation:ponder-item-in .6s ease-out .6s both}.ponder__scrolls{color:var(--color-gold);margin-bottom:2rem;font-size:1.1rem;animation:ponder-item-in .6s ease-out .8s both}@keyframes ponder-item-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ponder__shop{display:flex;flex-direction:column;gap:2rem}.ponder__section:nth-child(1){animation:ponder-item-in .5s ease-out 1s both}.ponder__section:nth-child(2){animation:ponder-item-in .5s ease-out 1.2s both}.ponder__section:nth-child(3){animation:ponder-item-in .5s ease-out 1.4s both}.ponder__section:nth-child(4){animation:ponder-item-in .5s ease-out 1.6s both}.ponder__section h3{color:var(--color-text);margin-bottom:.75rem;border-bottom:1px solid #333;padding-bottom:.3rem}.ponder__current{color:var(--color-gold);margin-bottom:.5rem}.ponder__maxed{color:#666;font-style:italic;font-size:.9rem}.ponder__grid{display:flex;flex-wrap:wrap;gap:.6rem}.shop-card{background:#1a1410;border:1px solid #444;border-radius:6px;padding:.6rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;color:var(--color-text);transition:border-color .2s;min-width:160px}.shop-card:hover:not(:disabled){border-color:var(--color-gold)}.shop-card__name{font-size:.9rem}.shop-card__cost{font-size:.8rem;color:var(--color-gold)}.shop-card--owned{border-color:var(--color-gold);opacity:.6;cursor:default}.shop-card--disabled{opacity:.35;cursor:not-allowed}.shop-card--locked{opacity:.4;cursor:default;border-style:dashed}.shop-card__desc{font-size:.75rem;color:#888}.shop-card__lock{font-size:.75rem;color:#666;font-style:italic}.ponder__current-desc{font-size:.85rem;color:#888}.ponder__armour-status,.ponder__flask-status{font-size:.85rem;color:#c8b89a;margin-bottom:.5rem;font-style:italic}.ponder__review{margin-top:2rem}.ponder__review-toggle{background:none;border:1px solid #555;color:var(--color-text);padding:.5rem 1rem;cursor:pointer;border-radius:4px;font-family:var(--font-ui)}.ponder__review-list{margin-top:.75rem;padding-left:1.2rem;line-height:2;font-size:.9rem;list-style:none}.ponder__review-page-btn{background:none;border:none;color:var(--color-text);cursor:pointer;font-family:var(--font-story);font-size:.9rem;padding:0;text-align:left}.ponder__review-page-btn:hover{color:var(--color-gold);text-decoration:underline}.ponder__continue{margin-top:2rem;width:100%;max-width:300px;display:block}.ponder__section--legendary h3{color:var(--color-gold);border-bottom-color:#d4af3766}.shop-card--legendary{border-color:#d4af3799;background:linear-gradient(135deg,#1a1205,#2a1e08);box-shadow:0 0 16px #d4af3726;width:100%;max-width:340px}.shop-card--legendary:hover:not(:disabled){border-color:var(--color-gold);box-shadow:0 0 24px #d4af3759}.shop-card--legendary .shop-card__name{font-size:1rem;color:var(--color-gold);letter-spacing:.03em}.shop-card--legendary .shop-card__cost{font-size:.9rem;color:var(--color-gold)}.boss-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.boss-screen--victory{background:radial-gradient(ellipse,#1a1005,#0d0a06 70%)}.boss-screen--defeat{background:radial-gradient(ellipse,#120808,#0d0a06 70%)}.boss-screen__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px}.boss-screen__name{color:#c84848;font-size:2.5rem}.boss-screen__image{font-size:5rem}.boss-screen__power{font-size:1.2rem;color:var(--color-text)}.boss-screen__score{color:var(--color-gold);font-size:2rem;font-weight:700}.boss-screen__threshold{color:#888}.boss-screen__result{display:flex;flex-direction:column;align-items:center;gap:1rem}.boss-screen__result h2{font-size:1.6rem}.boss-screen__result--victory h2{color:var(--color-gold)}.boss-screen__result--defeat h2{color:#c84848}.boss-screen__result p{color:var(--color-text);line-height:1.6}.boss-screen__totals{width:100%;background:#0006;border:1px solid #333;border-radius:8px;padding:1.2rem 1.5rem;display:flex;flex-direction:column;gap:.6rem}.boss-screen__total-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.boss-screen__total-label{color:#888}.boss-screen__total-value{color:var(--color-gold);font-weight:700}.boss-screen__progress-bar{width:100%;height:8px;background:#222;border-radius:4px;overflow:hidden}.boss-screen__progress-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#f0d060);border-radius:4px;transition:width 1s ease-out}.boss-screen__legacy{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 2rem;border:1px solid currentColor;border-radius:10px;background:#00000080;box-shadow:0 0 20px #d4af371a;animation:legacy-reveal .8s ease-out .3s both}.boss-screen__legacy-icon{font-size:2.5rem}.boss-screen__legacy-title{font-size:1.5rem;font-weight:700;letter-spacing:.06em;text-shadow:0 0 16px currentColor}.boss-screen__legacy-scrolls{font-size:.95rem;opacity:.8}@keyframes legacy-reveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.bfight{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at center,#1a0505,#0a0404 60%,#000);color:var(--color-text);font-family:var(--font-ui);padding:1.5rem 1rem;gap:1rem}.bfight--intro{justify-content:center;gap:2rem;text-align:center}.bfight__boss-sprite--intro{font-size:5rem;animation:boss-float 3s ease-in-out infinite}.bfight__intro-title{font-size:clamp(2rem,8vw,3.5rem);color:#f44;text-shadow:0 0 30px rgba(255,60,60,.7),0 0 60px rgba(255,0,0,.3);letter-spacing:.1em;margin:0}.bfight__intro-sub{font-size:1.1rem;color:#ccc;line-height:1.6;max-width:320px;margin:0}.bfight--end{justify-content:center;gap:2rem;text-align:center}.bfight__boss-dead{font-size:5rem;animation:boss-dead-spin 1s ease-out forwards}.bfight__end-title{font-size:clamp(1.8rem,7vw,3rem);text-shadow:0 0 20px currentColor;letter-spacing:.08em;margin:0}.bfight__end-score{font-size:1.3rem;color:#ccc;margin:0}.bfight--battle{padding:1rem;gap:.5rem}.bfight__boss-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bfight__boss-header{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.4rem}.bfight__boss-name{font-size:1rem;color:#f77;letter-spacing:.05em}.bfight__hp-track{width:100%;height:14px;background:#2a0808;border-radius:7px;border:1px solid #550000;overflow:hidden}.bfight__hp-fill{height:100%;background:linear-gradient(90deg,#c00,#f44);border-radius:7px;transition:width .6s ease-out;box-shadow:0 0 8px #ff3c3c80}.bfight__boss-img{width:160px;height:160px;object-fit:cover;border-radius:12px;border:2px solid #550000;box-shadow:0 0 24px #ff282859;transition:transform .15s}.bfight__boss-img--intro{width:220px;height:220px;animation:boss-float 3s ease-in-out infinite}.bfight__boss-img--hit{animation:boss-hit .5s ease-out}.bfight__arena{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:#00000080;border:1px solid #440000;border-radius:10px}.bfight__progress{font-size:.85rem;color:#888;margin:0;letter-spacing:.1em;text-transform:uppercase}.bfight__progress-of{color:#555}.bfight__hear{background:transparent;border:1px solid #555;color:#aaa;padding:.4rem 1.1rem;border-radius:20px;font-size:.9rem;cursor:pointer;font-family:var(--font-ui);transition:border-color .2s,color .2s}.bfight__hear:hover{border-color:var(--color-gold);color:var(--color-gold)}.bfight__hint{font-size:.9rem;color:#aaa;font-style:italic;margin:0;text-align:center}.bfight__answer{font-size:1rem;color:#f99;margin:0;text-align:center}.bfight__answer strong{color:#fcc;font-size:1.2rem}.bfight__input{width:100%;max-width:260px;padding:.75rem 1rem;font-size:1.4rem;text-align:center;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;font-family:var(--font-ui);letter-spacing:.1em;outline:none;transition:border-color .2s}.bfight__input:focus{border-color:var(--color-gold)}.bfight__input--shake{animation:input-shake .5s ease-out;border-color:#f44}.bfight__input--correct{border-color:#4c4;background:#0a1a0a}.bfight__input:disabled{opacity:.8}.bfight__feedback-row{height:1.4rem;display:flex;align-items:center}.bfight__feedback{font-size:1rem;font-weight:700;animation:feedback-pop .3s ease-out}.bfight__feedback--great{color:gold;text-shadow:0 0 12px rgba(255,215,0,.6)}.bfight__feedback--hit{color:#8d8}.bfight__feedback--wrong{color:#f66}.bfight__feedback--skip{color:#888;font-style:italic;font-weight:400}.bfight__knight-section{display:flex;flex-direction:column;align-items:center;gap:.25rem}.bfight__knight-sprite{font-size:2.8rem;transition:transform .15s}.bfight__knight-sprite--hit{animation:knight-hit .5s ease-out}.bfight__knight-name{font-size:.8rem;color:#888;margin:0;letter-spacing:.08em}.bfight__btn{background:#8b0000;color:#fff;border:1px solid #cc2222;padding:.85rem 2rem;font-family:var(--font-ui);font-size:1.1rem;cursor:pointer;border-radius:6px;letter-spacing:.05em;transition:filter .15s,transform .1s;box-shadow:0 0 14px #b4000066}.bfight__btn:hover:not(:disabled){filter:brightness(1.2)}.bfight__btn:active:not(:disabled){transform:scale(.97)}.bfight__btn:disabled{opacity:.4;cursor:not-allowed}.bfight__btn--gold{background:var(--color-gold);color:#0d0a06;border-color:var(--color-gold);box-shadow:0 0 14px #d4af3766}.bfight__btn--strike{font-size:1.2rem;padding:.9rem 2.5rem}@keyframes boss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes boss-hit{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(-10px) scale(.95);filter:brightness(3) saturate(0)}50%{transform:translate(6px)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes boss-dead-spin{0%{transform:rotate(0) scale(1);opacity:1}60%{transform:rotate(180deg) scale(1.3);opacity:.8}to{transform:rotate(360deg) scale(.8);opacity:1}}@keyframes knight-hit{0%{transform:translate(0)}25%{transform:translate(8px) rotate(5deg)}75%{transform:translate(-4px)}to{transform:translate(0) rotate(0)}}@keyframes input-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes feedback-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.barracks{--b-bg: #1e1409;--b-surface: #2c1d0e;--b-border: #5a3e20;--b-amber: #c4923a;--b-gold: #d4a853;--b-green: #3d6b38;--b-green-light: #4e8849;--b-text: #d9c9a8;--b-text-dim: #8a7355;--b-danger: #8b2020;--b-correct: #4e8849;--b-wrong: #8b2020}.barracks{min-height:100vh;display:flex;flex-direction:column;background:var(--b-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--b-text)}.barracks__art{position:relative;width:100%;height:220px;overflow:hidden;flex-shrink:0}.barracks__art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.85) saturate(.9)}.barracks__art-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--b-bg) 100%)}.barracks__content{flex:1;display:flex;flex-direction:column;padding:0 1.25rem 2rem;gap:1.25rem}.barracks__header{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1rem;background:var(--b-surface);border-bottom:2px solid var(--b-border);border-top:2px solid var(--b-border);box-shadow:inset 0 -3px 8px #00000080;margin:0 -1.25rem}.barracks__title{font-family:system-ui,-apple-system,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;color:var(--b-amber);text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 20px rgba(196,146,58,.4)}.barracks__icon{font-size:1.1rem;opacity:.8}.barracks__drill-label{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--b-text-dim);padding:.25rem 0;border-bottom:1px solid var(--b-border)}.barracks__intro{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding-top:.5rem}.barracks__trainer-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--b-surface);border:1px solid var(--b-border);border-radius:8px;padding:1rem 1.5rem;width:100%;max-width:340px}.barracks__trainer-avatar{font-size:2.5rem;line-height:1}.barracks__trainer-speech{font-style:italic;color:var(--b-amber);font-size:1rem;line-height:1.4}.barracks__hint{font-size:.9rem;color:var(--b-text-dim);max-width:300px;line-height:1.5}.barracks__drill-count{font-size:.9rem;line-height:1.6;color:var(--b-text)}.barracks__drill-count strong{color:var(--b-gold)}.barracks__intro-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:280px}.barracks__drill{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:.5rem}.barracks__progress{display:flex;gap:.5rem;align-items:center}.barracks__progress-dot{width:10px;height:10px;border-radius:50%;background:var(--b-border);transition:background .2s,transform .2s}.barracks__progress-dot--active{background:var(--b-amber);transform:scale(1.3)}.barracks__progress-dot--done{background:var(--b-green)}.barracks__progress-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--b-text-dim)}.barracks__word-card{width:100%;max-width:300px;aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center;background:var(--b-surface);border:3px solid var(--b-border);border-radius:6px;box-shadow:inset 0 2px 8px #00000080,0 4px 16px #0006;position:relative;transition:border-color .3s,box-shadow .3s}.barracks__word-card:before,.barracks__word-card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--b-border);border-style:solid;opacity:.5}.barracks__word-card:before{top:6px;left:6px;border-width:2px 0 0 2px}.barracks__word-card:after{bottom:6px;right:6px;border-width:0 2px 2px 0}.barracks__word-card--listening{border-color:var(--b-amber);box-shadow:inset 0 2px 8px #00000080,0 0 0 3px #c4923a40,0 0 24px #c4923a4d;animation:listening-pulse 1.5s ease-in-out infinite}@keyframes listening-pulse{0%,to{box-shadow:inset 0 2px 8px #00000080,0 0 0 3px #c4923a33,0 0 24px #c4923a33}50%{box-shadow:inset 0 2px 8px #00000080,0 0 0 6px #c4923a59,0 0 36px #c4923a66}}.barracks__word{font-size:2.6rem;font-weight:900;letter-spacing:.08em;color:var(--b-text);text-shadow:0 2px 8px rgba(0,0,0,.6)}.barracks__controls{display:flex;gap:1rem}.barracks__listening-hint{font-size:.8rem;color:var(--b-amber);font-style:italic;animation:fade-pulse 1.5s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.7}50%{opacity:1}}.barracks__result{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-top:.5rem;text-align:center}.barracks__result-icon{font-size:3.5rem;line-height:1}.barracks__result-title{font-size:1.5rem;font-weight:900;letter-spacing:.05em;color:var(--b-gold)}.barracks__result-score{font-size:.9rem;color:var(--b-text-dim)}.barracks__result-reward{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:var(--b-surface);border:1px solid var(--b-border);border-radius:8px;padding:.75rem 2rem}.barracks__result-scrolls{font-size:2rem;font-weight:900;color:var(--b-gold)}.barracks__result-scrolls-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--b-text-dim)}.barracks__word-results{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:320px}.barracks__word-result-chip{font-size:.85rem;font-weight:600;padding:.3rem .75rem;border-radius:4px;border:1px solid transparent}.barracks__word-result-chip--pass{background:#3d6b384d;border-color:var(--b-green);color:#7ec97a}.barracks__word-result-chip--fail{background:#8b20204d;border-color:var(--b-danger);color:#e07070}.barracks-btn{padding:.75rem 1.75rem;border:none;border-radius:4px;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:filter .15s,transform .1s}.barracks-btn:active{transform:scale(.97)}.barracks-btn:hover{filter:brightness(1.15)}.barracks-btn--primary{background:var(--b-green);color:#d4f0d0;border:1px solid var(--b-green-light);width:100%}.barracks-btn--ghost{background:transparent;color:var(--b-text-dim);border:1px solid var(--b-border);width:100%;font-size:.9rem}.barracks-btn--speak{background:var(--b-amber);color:var(--b-bg);font-size:1.1rem;padding:.85rem 2.5rem}.barracks-btn--stop{background:var(--b-danger);color:#fff;font-size:1.1rem;padding:.85rem 2.5rem}@media(min-width:550px){.barracks{flex-direction:row}.barracks__content{width:55%;min-height:100vh;padding:0 2rem 2.5rem;overflow-y:auto;order:1}.barracks__header{margin:0 -2rem}.barracks__art{position:sticky;top:0;order:2;width:45%;height:100vh;flex-shrink:0}.barracks__art img{height:100%;object-position:center center}.barracks__art-overlay{background:linear-gradient(to right,var(--b-bg) 0%,transparent 30%)}.barracks__word-card{max-width:380px}.barracks__word{font-size:3.2rem}}.mboss{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--color-text);font-family:var(--font-ui);padding:1.5rem 1rem;gap:1rem}.mboss--intro{justify-content:center;gap:2rem;text-align:center}.mboss__intro-title{font-size:clamp(2rem,8vw,3.5rem);color:#f44;text-shadow:0 0 30px rgba(255,60,60,.7),0 0 60px rgba(255,0,0,.3);letter-spacing:.1em;margin:0}.mboss__intro-sub{font-size:1.1rem;color:#ccc;line-height:1.6;max-width:320px;margin:0;white-space:pre-line}.mboss--end{justify-content:center;gap:2rem;text-align:center}.mboss__boss-dead{font-size:5rem;animation:mboss-dead-spin 1s ease-out forwards}.mboss__end-title{font-size:clamp(1.8rem,7vw,3rem);text-shadow:0 0 20px currentColor;letter-spacing:.08em;margin:0}.mboss__end-score{font-size:1.3rem;color:#ccc;margin:0}.mboss__end-bonus{font-size:1.2rem;color:var(--color-gold);margin:0;text-shadow:0 0 10px rgba(212,175,55,.5)}.mboss--battle{padding:1rem;gap:.5rem}.mboss__boss-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mboss__boss-header{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.4rem}.mboss__boss-name{font-size:1rem;letter-spacing:.05em}.mboss__hp-track{width:100%;height:14px;border-radius:7px;border:1px solid;overflow:hidden}.mboss__hp-fill{height:100%;border-radius:7px;transition:width .6s ease-out}.mboss__boss-img{width:160px;height:160px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.15);box-shadow:0 0 24px #0009;transition:transform .15s}.mboss__boss-img--intro{width:220px;height:220px;animation:mboss-float 3s ease-in-out infinite}.mboss__boss-img--hit{animation:mboss-hit .5s ease-out}.mboss__arena{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:#00000080;border:1px solid rgba(255,255,255,.08);border-radius:10px}.mboss__progress{font-size:.85rem;color:#888;margin:0;letter-spacing:.1em;text-transform:uppercase}.mboss__progress-of{color:#555}.mboss__hear{background:transparent;border:1px solid #555;color:#aaa;padding:.4rem 1.1rem;border-radius:20px;font-size:.9rem;cursor:pointer;font-family:var(--font-ui);transition:border-color .2s,color .2s}.mboss__hear:hover{border-color:var(--color-gold);color:var(--color-gold)}.mboss__hint{font-size:.9rem;color:#aaa;font-style:italic;margin:0;text-align:center}.mboss__answer{font-size:1rem;color:#f99;margin:0;text-align:center}.mboss__answer strong{color:#fcc;font-size:1.2rem}.mboss__input{width:100%;max-width:260px;padding:.75rem 1rem;font-size:1.4rem;text-align:center;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;font-family:var(--font-ui);letter-spacing:.1em;outline:none;transition:border-color .2s}.mboss__input:focus{border-color:var(--color-gold)}.mboss__input--shake{animation:mboss-input-shake .5s ease-out;border-color:#f44}.mboss__input--correct{border-color:#4c4;background:#0a1a0a}.mboss__input:disabled{opacity:.8}.mboss__feedback-row{height:1.4rem;display:flex;align-items:center}.mboss__feedback{font-size:1rem;font-weight:700;animation:mboss-feedback-pop .3s ease-out}.mboss__feedback--great{color:gold;text-shadow:0 0 12px rgba(255,215,0,.6)}.mboss__feedback--hit{color:#8d8}.mboss__feedback--wrong{color:#f66}.mboss__feedback--skip{color:#888;font-style:italic;font-weight:400}.mboss__knight-section{display:flex;flex-direction:column;align-items:center;gap:.25rem}.mboss__knight-sprite{font-size:2.8rem;transition:transform .15s}.mboss__knight-sprite--hit{animation:mboss-knight-hit .5s ease-out}.mboss__knight-name{font-size:.8rem;color:#888;margin:0;letter-spacing:.08em}.mboss__btn{background:#8b0000;color:#fff;border:1px solid #cc2222;padding:.85rem 2rem;font-family:var(--font-ui);font-size:1.1rem;cursor:pointer;border-radius:6px;letter-spacing:.05em;transition:filter .15s,transform .1s;box-shadow:0 0 14px #b4000066}.mboss__btn:hover:not(:disabled){filter:brightness(1.2)}.mboss__btn:active:not(:disabled){transform:scale(.97)}.mboss__btn:disabled{opacity:.4;cursor:not-allowed}.mboss__btn--gold{background:var(--color-gold);color:#0d0a06;border-color:var(--color-gold);box-shadow:0 0 14px #d4af3766}.mboss__btn--strike{font-size:1.2rem;padding:.9rem 2.5rem}@keyframes mboss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes mboss-hit{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(-10px) scale(.95);filter:brightness(3) saturate(0)}50%{transform:translate(6px)}to{transform:translate(0) scale(1);filter:brightness(1)}}@keyframes mboss-dead-spin{0%{transform:rotate(0) scale(1);opacity:1}60%{transform:rotate(180deg) scale(1.3);opacity:.8}to{transform:rotate(360deg) scale(.8);opacity:1}}@keyframes mboss-knight-hit{0%{transform:translate(0)}25%{transform:translate(8px) rotate(5deg)}75%{transform:translate(-4px)}to{transform:translate(0) rotate(0)}}@keyframes mboss-input-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes mboss-feedback-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.puzzle{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#000}.puzzle__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.15);z-index:0}.puzzle__content{position:relative;z-index:1;width:100%;max-width:440px;padding:2rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:1.75rem}.puzzle__header{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.puzzle__title{font-family:var(--font-ui);font-size:1.3rem;color:var(--color-gold);letter-spacing:.08em;text-shadow:0 0 12px rgba(212,175,55,.4)}.puzzle__dots{display:flex;gap:.6rem}.puzzle__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#333;border:1px solid #555;transition:background .3s}.puzzle__dot--done{background:#4a4;border-color:#4a4}.puzzle__dot--active{background:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 6px #d4af3799}.puzzle__card{width:100%;background:#000000b3;border:1px solid rgba(212,175,55,.25);border-radius:14px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 0 30px #00000080}.puzzle__prompt{font-family:var(--font-ui);font-size:1rem;color:#aaa;margin:0;letter-spacing:.05em;text-transform:uppercase}.puzzle__emojis{display:flex;gap:.75rem;justify-content:center}.puzzle__emoji{font-size:4rem;line-height:1;animation:puzzle-emoji-pop .4s ease-out}.puzzle__options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.puzzle__option{padding:1rem .5rem;font-size:1.3rem;font-family:var(--font-ui);background:#140f08e0;border:2px solid rgba(200,175,100,.3);color:#f0e8d0;border-radius:10px;cursor:pointer;transition:filter .15s,transform .1s,border-color .15s,background .2s;letter-spacing:.03em;text-transform:capitalize}.puzzle__option:hover:not(:disabled){filter:brightness(1.25);border-color:var(--color-gold);transform:translateY(-2px)}.puzzle__option:active:not(:disabled){transform:scale(.96)}.puzzle__option:disabled{cursor:default}.puzzle__option--correct{background:#144614f2!important;border-color:#4c4!important;color:#afa!important;animation:puzzle-correct-pop .35s ease-out}.puzzle__option--wrong{background:#460f0ff2!important;border-color:#c44!important;color:#faa!important;animation:puzzle-wrong-shake .4s ease-out}.puzzle__option--dimmed{opacity:.35}.puzzle__skip{background:transparent;border:none;color:#666;font-family:var(--font-ui);font-size:.85rem;cursor:pointer;padding:.25rem .5rem;letter-spacing:.05em;transition:color .2s}.puzzle__skip:hover{color:#999}.puzzle--end .puzzle__content{gap:1.25rem;text-align:center}.puzzle__end-icon{font-size:5rem;animation:puzzle-trophy-spin .8s ease-out forwards}.puzzle__end-title{font-family:var(--font-ui);font-size:clamp(1.8rem,7vw,2.8rem);color:var(--color-gold);text-shadow:0 0 20px rgba(212,175,55,.5);letter-spacing:.08em;margin:0}.puzzle__end-score{font-family:var(--font-ui);font-size:1.3rem;color:#ccc;margin:0}.puzzle__end-bonus{font-family:var(--font-ui);font-size:1.2rem;color:var(--color-gold);text-shadow:0 0 10px rgba(212,175,55,.4);margin:0}.puzzle__btn{padding:.85rem 2.5rem;font-family:var(--font-ui);font-size:1.1rem;cursor:pointer;border-radius:6px;letter-spacing:.05em;transition:filter .15s,transform .1s;border:1px solid}.puzzle__btn--gold{background:var(--color-gold);color:#0d0a06;border-color:var(--color-gold);box-shadow:0 0 14px #d4af3766}.puzzle__btn:hover{filter:brightness(1.15)}.puzzle__btn:active{transform:scale(.97)}@keyframes puzzle-emoji-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes puzzle-correct-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes puzzle-wrong-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes puzzle-trophy-spin{0%{transform:scale(.3) rotate(-20deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}