:root{--navy: #0b1424;--navy-mid: #132238;--gold: #c9a227;--gold-soft: #e4c76b;--stone: #6b6a66;--hp-player: #3d8b6e;--hp-enemy: #a63d3d;--text: #e8e4d9;--font-display: "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", serif;--font-body: "Segoe UI", Candara, Calibri, "Trebuchet MS", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--navy);color:var(--text);font-family:var(--font-body);touch-action:none}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,rgba(201,162,39,.14),transparent 55%),linear-gradient(180deg,#0a1220,var(--navy))}.loading-panel{text-align:center;width:min(22rem,88vw)}.loading-panel h1{font-family:var(--font-display);font-size:clamp(1.6rem,4.5vw,2.2rem);color:var(--gold);letter-spacing:.06em;margin-bottom:1.1rem}.loading-status{font-size:.85rem;opacity:.75;margin-bottom:.75rem;letter-spacing:.04em}.loading-track{height:6px;background:#132238e6;border:1px solid rgba(201,162,39,.35);overflow:hidden}.loading-fill{height:100%;width:100%;transform:scaleX(.08);transform-origin:left center;background:linear-gradient(90deg,#5a4a1a,var(--gold));transition:transform .25s ease-out}#game{display:block;width:100%;height:100%;cursor:crosshair}.hidden{display:none!important}#hit-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;background:radial-gradient(circle at center,rgba(180,40,40,.35),transparent 65%);opacity:0}#hit-flash.active{animation:hitFlash .28s ease-out}@keyframes hitFlash{0%{opacity:1}to{opacity:0}}#class-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:radial-gradient(ellipse at 50% 20%,rgba(201,162,39,.12),transparent 50%),linear-gradient(180deg,#0b1424eb,#0b1424f7)}.select-panel{width:min(920px,100%);text-align:center}.eyebrow{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-soft);opacity:.8;margin-bottom:.5rem}.select-panel h1{font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.75rem);color:var(--gold);letter-spacing:.06em;text-shadow:0 2px 18px rgba(0,0,0,.55)}.select-lead{margin:.6rem auto 1.1rem;max-width:28rem;opacity:.85;font-size:1rem}.mode-block{margin:0 auto 1.15rem;max-width:34rem}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mode-btn{pointer-events:auto;touch-action:manipulation;text-align:left;padding:.65rem .75rem;cursor:pointer;color:var(--text);background:#132238b3;border:1px solid rgba(201,162,39,.3);font-family:inherit;transition:border-color .15s ease,background .15s ease}.mode-btn:hover,.mode-btn:focus-visible{border-color:var(--gold);outline:none}.mode-btn.active{border-color:var(--gold);background:#c9a22724}.duel-panel{margin:0 auto 1.15rem;max-width:34rem;padding:.85rem .9rem;border:1px solid rgba(201,162,39,.35);background:#13223880;text-align:center}.duel-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;align-items:center;margin-top:.45rem}.duel-join{display:flex;gap:.4rem;align-items:center}.duel-btn{pointer-events:auto;touch-action:manipulation;font-family:var(--font-display);font-size:.88rem;letter-spacing:.05em;padding:.5rem .95rem;cursor:pointer;color:var(--navy);background:var(--gold);border:none}.duel-btn.secondary{color:var(--gold);background:transparent;border:1px solid var(--gold)}.duel-btn:disabled{opacity:.55;cursor:wait}#room-code{width:4.6rem;pointer-events:auto;touch-action:manipulation;font-family:var(--font-display);font-size:1rem;letter-spacing:.18em;text-align:center;text-transform:uppercase;color:var(--text);background:#0b1424e6;border:1px solid rgba(201,162,39,.45);padding:.45rem .4rem;outline:none}#room-code:focus{border-color:var(--gold)}.duel-status{margin-top:.65rem;font-size:.78rem;opacity:.8;line-height:1.4}.wallet-bar{margin:0 auto 1.15rem;max-width:22rem;padding:.75rem .9rem;border:1px solid rgba(228,199,107,.35);border-radius:10px;text-align:center}.wallet-bar button{pointer-events:auto;touch-action:manipulation;font-family:var(--font-display);cursor:pointer;padding:.45rem 1rem;border:1px solid var(--gold);background:transparent;color:var(--gold);border-radius:6px}.wallet-hint{margin:.5rem 0 0;font-size:.78rem;color:var(--gold-soft)}#lord-title{display:inline-block;margin-left:.5rem;font-family:var(--font-display);color:var(--gold);letter-spacing:.12em}.lord-holder .hud,.lord-holder .wallet-bar{border-color:#e4c76bd9;box-shadow:0 0 0 1px #c9a22759}.wallet-block{margin:0 auto 1.15rem;max-width:22rem;padding:.75rem .9rem;border:1px dashed rgba(201,162,39,.35);background:#13223873}.wallet-note{font-size:.78rem;letter-spacing:.04em;color:var(--gold-soft);opacity:.9;margin-bottom:.55rem}.wallet-btn{pointer-events:auto;touch-action:manipulation;font-family:var(--font-display);font-size:.88rem;letter-spacing:.06em;padding:.55rem 1.1rem;cursor:pointer;color:var(--navy);background:var(--gold);border:none;transition:background .15s ease,transform .1s ease}.wallet-btn:hover{background:var(--gold-soft)}.wallet-btn:disabled{opacity:.65;cursor:wait}.wallet-status{margin-top:.45rem;font-size:.75rem;opacity:.75;min-height:1.1em}.lord-badge{display:inline-block;margin-top:.5rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);background:linear-gradient(90deg,#a8891a,var(--gold-soft),#a8891a);padding:.25rem .75rem;border:1px solid rgba(228,199,107,.8)}.hud-lord-title{color:var(--gold);letter-spacing:.12em}body.lord-holder #class-select{background:radial-gradient(ellipse at 50% 18%,rgba(228,199,107,.22),transparent 52%),linear-gradient(180deg,#0b1424e6,#0b1424f7)}body.lord-holder .select-panel h1,body.lord-holder .title-bar h1{text-shadow:0 0 18px rgba(201,162,39,.45),0 2px 18px rgba(0,0,0,.55)}body.lord-holder .wallet-block,body.lord-holder .class-card,body.lord-holder .diff-btn.active,body.lord-holder .panel,body.lord-holder .bar{border-color:#e4c76bbf;box-shadow:0 0 0 1px #c9a22740}body.lord-holder #combat-hud #hud{background:linear-gradient(180deg,rgba(40,32,8,.55) 0%,transparent 28%,transparent 72%,rgba(11,20,36,.45) 100%)}body.lord-holder .bar-block label{color:var(--gold)}.diff-block{margin:0 auto 1.15rem;max-width:34rem}.diff-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft);opacity:.85;margin-bottom:.45rem}.difficulty-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}@media(max-width:520px){.difficulty-row{grid-template-columns:1fr}.diff-btn{padding:.85rem .9rem;min-height:3.25rem}.diff-name{font-size:1.05rem}.diff-blurb{font-size:.8rem;opacity:.85}.class-card{padding:1.15rem 1.2rem}.class-name{font-size:1.25rem}.class-blurb{font-size:.95rem;opacity:.92}.diff-label,.name-field{font-size:.8rem;opacity:1}}.diff-btn{pointer-events:auto;touch-action:manipulation;text-align:left;padding:.65rem .75rem;cursor:pointer;color:var(--text);background:#132238b3;border:1px solid rgba(201,162,39,.3);font-family:inherit;transition:border-color .15s ease,background .15s ease}.diff-btn:hover,.diff-btn:focus-visible{border-color:var(--gold);outline:none}.diff-btn.active{border-color:var(--gold);background:#c9a22724}.diff-name{display:block;font-family:var(--font-display);font-size:.95rem;color:var(--gold);letter-spacing:.05em;margin-bottom:.2rem}.diff-blurb{display:block;font-size:.72rem;opacity:.7;line-height:1.3}.name-field{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:0 auto 1.15rem;max-width:16rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);opacity:.9}.name-field input{width:100%;pointer-events:auto;touch-action:manipulation;font-family:var(--font-display);font-size:1rem;letter-spacing:.06em;text-align:center;text-transform:none;color:var(--text);background:#132238d9;border:1px solid rgba(201,162,39,.45);padding:.55rem .75rem;outline:none}.name-field input:focus{border-color:var(--gold)}.board-panel{margin:1.25rem auto .85rem;max-width:22rem;text-align:left;font-size:.88rem}.personal-best{text-align:center;color:var(--gold-soft);margin-bottom:.55rem;font-family:var(--font-display);letter-spacing:.04em;font-size:.85rem}.board-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:.4rem;text-align:center}#board-list ol,.mini-board{list-style:none;margin:0;padding:.55rem .75rem;background:#1322388c;border:1px solid rgba(201,162,39,.25)}#board-list li,.mini-board li{padding:.28rem 0;border-bottom:1px solid rgba(201,162,39,.12);font-size:.86rem}#board-list li:last-child,.mini-board li:last-child{border-bottom:none}#board-list .rank,.mini-board .rank{display:inline-block;min-width:1.25rem;color:var(--gold);font-family:var(--font-display)}#board-list .empty{opacity:.55;text-align:center}.install-hint{margin:.85rem auto .35rem;max-width:26rem;font-size:.8rem;line-height:1.45;opacity:.75;color:var(--gold-soft)}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}@media(max-width:720px){.class-grid{grid-template-columns:1fr}}.class-card{pointer-events:auto;text-align:left;padding:1.1rem 1.15rem;cursor:pointer;color:var(--text);background:linear-gradient(165deg,var(--navy-mid),var(--navy));border:1px solid rgba(201,162,39,.35);transition:border-color .15s ease,transform .12s ease,background .15s ease;font-family:inherit}.class-card:hover,.class-card:focus-visible{border-color:var(--gold);transform:translateY(-2px);outline:none}.class-card:active{transform:scale(.99)}.class-name{display:block;font-family:var(--font-display);font-size:1.15rem;color:var(--gold);letter-spacing:.06em;margin-bottom:.35rem}.class-blurb{display:block;font-size:.88rem;opacity:.85;line-height:1.35;margin-bottom:.55rem}.class-meta{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin-bottom:.4rem}.class-special{display:block;font-size:.8rem;color:var(--gold-soft)}.class-knight{border-top:3px solid #3d6a9a}.class-archer{border-top:3px solid #3d8b6e}.class-mage{border-top:3px solid #7a5cae}.select-hint{margin-top:1.25rem;font-size:.78rem;opacity:.55;letter-spacing:.04em}#combat-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(11,20,36,.55) 0%,transparent 28%,transparent 72%,rgba(11,20,36,.45) 100%)}.title-bar h1{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.85rem);font-weight:700;letter-spacing:.06em;color:var(--gold);text-shadow:0 2px 12px rgba(0,0,0,.65)}.title-bar .subtitle{font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);opacity:.75;margin-top:.15rem}.round-label{margin-top:.45rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);opacity:.9}.diff-hud-line{margin-top:.2rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;color:var(--gold-soft)}#difficulty-hud{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em}#difficulty-hud[data-diff=easy]{color:#7cbc9a}#difficulty-hud[data-diff=hard]{color:#d47a6a}.series-score{margin-top:.25rem;font-size:.95rem;letter-spacing:.04em;display:flex;gap:.55rem;align-items:baseline}.series-score strong{font-family:var(--font-display);color:var(--gold);font-size:1.15rem}.score-sep{opacity:.5}.hud-top{display:flex;flex-direction:column;gap:.75rem}.bars{display:flex;gap:1.5rem;max-width:520px}.bar-block{flex:1;min-width:0}.bar-block label,.special-block label{display:block;font-family:var(--font-display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:.3rem}.bar{height:12px;background:#132238e6;border:1px solid rgba(201,162,39,.35);overflow:hidden}.fill{height:100%;width:100%;transform-origin:left center;transition:transform .15s ease-out}.fill.player{background:linear-gradient(90deg,#2a6b52,var(--hp-player))}.fill.enemy{background:linear-gradient(90deg,#7a2c2c,var(--hp-enemy))}.fill.special{background:linear-gradient(90deg,#5a4a1a,var(--gold));opacity:.55}.fill.special.ready{opacity:1}.bar.special{height:8px;max-width:220px}.special-block{margin-top:.65rem;max-width:220px}.bar-block span{display:block;margin-top:.25rem;font-size:.75rem;opacity:.85}#hint{align-self:flex-start;font-size:.8rem;opacity:.7;letter-spacing:.02em;max-width:90vw}#mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none}.joystick{position:absolute;left:1rem;bottom:1.25rem;pointer-events:none}.joy-base{pointer-events:auto;width:7.5rem;height:7.5rem;border-radius:50%;border:2px solid rgba(201,162,39,.45);background:#1322388c;position:relative;touch-action:none}.joy-knob{position:absolute;left:50%;top:50%;width:2.6rem;height:2.6rem;border-radius:50%;transform:translate(-50%,-50%);background:#c9a2278c;border:2px solid rgba(228,199,107,.7);pointer-events:none}.touch-actions{position:absolute;right:1rem;bottom:1.25rem;display:flex;gap:.75rem;align-items:flex-end;pointer-events:none}.touch-btn{pointer-events:auto;width:4.5rem;height:4.5rem;border-radius:50%;border:2px solid rgba(201,162,39,.55);font-family:var(--font-display);font-size:.68rem;letter-spacing:.04em;color:var(--text);background:#132238d1;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.touch-btn.attack{width:5.2rem;height:5.2rem;background:#1e3a5fe6;border-color:var(--gold)}.touch-btn.special.ready{border-color:var(--gold-soft);color:var(--gold)}.touch-btn:active{transform:scale(.94);background:#c9a22759}@media(min-width:900px)and (pointer:fine){.joystick{opacity:.35}.touch-actions{opacity:.55}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#0b1424c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel{text-align:center;padding:2rem 2.5rem;background:linear-gradient(160deg,var(--navy-mid),var(--navy));border:1px solid rgba(201,162,39,.45);box-shadow:0 16px 48px #00000080;max-width:90vw}.panel h2{font-family:var(--font-display);font-size:2rem;color:var(--gold);margin-bottom:.5rem}.panel p{margin-bottom:.75rem;opacity:.85}.result-score{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-soft);margin-bottom:1.35rem!important}.result-board{margin:0 auto 1.15rem;max-width:22rem;text-align:left}.result-board .board-status{text-align:center;font-size:.78rem;opacity:.8;margin-bottom:.45rem!important}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}#rematch,#play-again{pointer-events:auto;font-family:var(--font-display);font-size:.9rem;letter-spacing:.08em;padding:.7rem 1.4rem;cursor:pointer;border:none;transition:background .15s ease,transform .1s ease,color .15s ease}#rematch{color:var(--navy);background:var(--gold)}#rematch:hover{background:var(--gold-soft)}#play-again.secondary{color:var(--gold-soft);background:transparent;border:1px solid rgba(201,162,39,.55)}#play-again.secondary:hover{background:#c9a22726}#rematch:active,#play-again:active{transform:scale(.98)}