*{box-sizing:border-box;margin:0;padding:0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--hud-accent:#d4a84b;--bg:#1a1208;--phone-w:390px;--phone-h:844px}html,body{overscroll-behavior:none;-webkit-overflow-scrolling:auto;background:var(--bg);color:#e6edf3;touch-action:none;width:100%;height:100dvh;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;max-width:none;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.canvas-wrap{flex:auto;min-height:0;position:relative;overflow:hidden}#canvas{touch-action:none;width:100%;height:100%;min-height:0;display:block}#hud{z-index:10;pointer-events:auto;touch-action:manipulation;flex:none;width:100%;padding:9px 4px 8px;overflow:hidden}.top-utility{z-index:55;pointer-events:auto;background:linear-gradient(#4a5058 0%,#2a2e32 35%,#1a1208 100%);border-bottom:2px solid #8b6914;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:56px;padding:6px 10px;font-family:Cinzel,MedievalSharp,serif;display:grid;box-shadow:inset 0 2px #d4a84b59,inset 0 -1px #00000080,0 4px 14px #00000080}.top-utility__gold{background:linear-gradient(#4a3520,#2a1810);border:1px solid #8b6914;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;display:flex;box-shadow:inset 0 2px 4px #0006}.top-utility__coin{filter:drop-shadow(0 1px 2px #0009);font-size:1.1rem;line-height:1}.top-utility__gold-count{color:#f3e6c8;min-width:1.2ch;font-family:Cinzel,serif;font-size:.95rem;font-weight:700}.top-utility__version{text-align:center;letter-spacing:.06em;color:#d4a84bd9;-webkit-user-select:all;user-select:all;white-space:nowrap;text-overflow:ellipsis;font-family:Cinzel,MedievalSharp,serif;font-size:.68rem;overflow:hidden}.top-utility__version-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:0;padding:0 6px;display:inline-flex}.top-utility__version-btn:active{opacity:.92}.top-utility__actions{gap:6px;display:flex}.utility-btn{cursor:pointer;touch-action:manipulation;color:#f3e6c8;background:radial-gradient(circle at 30% 25%,#5a6068,#2a2e32 70%);border:2px solid #7a848e;border-radius:50%;flex:none;width:44px;height:44px;padding:0;font-size:1.05rem;line-height:1;box-shadow:inset 0 1px #ffffff26,0 2px 6px #00000073}.utility-btn[aria-pressed=true]{background:radial-gradient(circle at 30% 25%,#6b5a28,#3a3018 70%);border-color:#d4a84b}.utility-btn:active{transform:scale(.96)}.top-utility__version-wrap{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.utility-btn--wide{letter-spacing:.08em;border-radius:999px;width:auto;min-width:44px;padding:0 10px;font-family:Cinzel,MedievalSharp,serif;font-size:.62rem;font-weight:700}.utility-btn[aria-busy=true]{opacity:.55;cursor:progress}.panel{margin-bottom:4px}.tray-panel{gap:var(--hud-word-tray-gap);flex-direction:column;display:flex}.solve-slot.shake{animation:.45s hud-shake}@keyframes hud-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.game-over-layer{z-index:50;padding:max(24px, var(--safe-top)) max(24px, var(--safe-right)) max(24px, var(--safe-bottom)) max(24px, var(--safe-left));pointer-events:auto;touch-action:manipulation;background:#0c0a08c7;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.game-over-layer .game-over{text-align:center;color:var(--hud-accent);margin:0;font-size:1.05rem;font-weight:700}.game-over-layer .medieval-play-again{box-sizing:border-box;justify-content:center;align-items:center;width:min(280px,100%);min-height:44px;margin:0;padding:10px 16px;line-height:1.2;display:inline-flex}.countdown-layer{z-index:45;pointer-events:none;touch-action:none;background:#0c0a088c;position:fixed;inset:0}.countdown-layer .countdown-value{color:var(--hud-accent);text-shadow:0 4px 18px #000000d9;margin:0;font-family:Cinzel,serif;font-size:clamp(4rem,26vw,9rem);font-weight:900;line-height:1;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hidden{display:none!important}.zoom-controls{z-index:12;pointer-events:auto;touch-action:manipulation;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.zoom-controls button{cursor:pointer;color:#f3e6c8;background:radial-gradient(circle at 30% 25%,#5a6068,#2a2e32 70%);border:2px solid #7a848e;border-radius:50%;flex:none;width:44px;min-height:44px;padding:0;font-size:1.25rem;line-height:1;box-shadow:0 2px 8px #0006}.loading-screen{z-index:100;padding:24px;padding-top:max(24px, var(--safe-top));padding-bottom:max(24px, var(--safe-bottom));background:var(--bg);justify-content:center;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{text-align:center;width:min(320px,100%)}.loading-title{margin-bottom:8px;font-size:1.1rem;font-weight:600}.loading-hint{color:#8b949e;margin-bottom:18px;font-size:.85rem;line-height:1.4}.loading-bar{background:#21262d;border-radius:3px;height:6px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--hud-accent), #ffb366);border-radius:3px;width:0%;height:100%;transition:width .25s}.damage-float{pointer-events:none;color:#ff7b72;text-shadow:0 1px 4px #000c;z-index:20;font-size:1.1rem;font-weight:700;animation:.9s ease-out forwards float-up;position:fixed}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-48px)}}.version-notes-layer{z-index:55;padding:max(12px, var(--safe-top)) max(12px, var(--safe-right)) max(12px, var(--safe-bottom)) max(12px, var(--safe-left));pointer-events:auto;touch-action:manipulation;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.version-notes-backdrop{cursor:pointer;background:#0c0a08b8;border:none;margin:0;padding:0;position:absolute;inset:0}.version-notes-card{z-index:1;box-sizing:border-box;width:min(100%,360px);height:auto;min-height:0;max-height:calc(100dvh - max(24px, var(--safe-top)) - max(24px, var(--safe-bottom)));-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:stretch;margin-top:8px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}.version-notes-heading{color:var(--parchment-ink,#2c1810);text-align:center;margin:0 28px 10px 0;font-family:Cinzel,MedievalSharp,serif;font-size:1rem;font-weight:900;line-height:1.25}.version-notes-close{color:#2c1810;cursor:pointer;touch-action:manipulation;background:#fffcf08c;border:none;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;position:absolute;top:6px;right:6px}.version-notes-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;color:var(--parchment-ink,#2c1810);flex:auto;padding-right:4px;font-size:14px;line-height:1.35;overflow-y:auto}.version-notes-entry{border-bottom:1px solid #5c483040;margin:0 0 14px;padding-bottom:12px}.version-notes-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.version-notes-entry__title{margin:0 0 2px;font-family:Cinzel,serif;font-size:.95rem;font-weight:800}.version-notes-entry__date{opacity:.75;margin:0 0 8px;font-size:.75rem}.version-notes-entry__label{text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:.8rem;font-weight:700}.version-notes-entry__bullets{margin:0 0 8px;padding-left:1.1rem}.version-notes-entry__bullets--look{margin-bottom:0}@media (width<=400px){.top-utility{gap:6px;padding:6px 8px}.top-utility__version{font-size:.62rem}.utility-btn{width:44px;height:44px}.utility-btn--wide{min-width:44px;padding:0 8px}}.medieval-hud{--wood-dark:#2a1810;--wood-mid:#4a2f1a;--wood-light:#6b4428;--iron:#3d4349;--iron-edge:#7a848e;--bronze:#b8860b;--bronze-glow:#d4a84b;--parchment:#f3e6c8;--parchment-ink:#2c1810;--hud-word-tray-gap:23px;--hud-tray-to-actions-gap:calc(3px + 4px + 13px + 3px);--word-tile-7:min(52px, max(44px, calc((100% - 5px * 6) / 7)));--word-row-height:calc(var(--word-tile-7) + 13px);border:2px solid var(--wood-light);background:linear-gradient(#2a1810fa,#120c06fc),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30h60M30 0v60' stroke='%234a2f1a' stroke-width='0.5' opacity='0.2'/%3E%3C/svg%3E");border-bottom:none;font-family:MedievalSharp,Cinzel,Georgia,serif;position:relative;box-shadow:inset 0 1px #d4a84b59,0 -8px 32px #0000008c}.tray-warning-slot{pointer-events:none;flex-shrink:0;height:13px;margin-bottom:3px;position:relative}.tray-warning{letter-spacing:.06em;text-transform:uppercase;color:#ffe8dc;border:1px solid var(--bronze-glow);background:linear-gradient(#5c0c0cf2,#2a0404fa);border-radius:3px;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:.58rem;font-weight:700;line-height:1.05;animation:1.2s ease-in-out infinite tray-pulse;display:flex;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f,0 2px 8px #00000073}.tray-warning.hidden{visibility:hidden;opacity:0;animation:none}@keyframes tray-pulse{0%,to{opacity:1}50%{opacity:.72}}.letter-grid{grid-template-columns:repeat(7,1fr);place-items:stretch stretch;gap:1px;margin-bottom:3px;display:grid}.letter-well{aspect-ratio:1;background:linear-gradient(165deg,#1a2024 0%,#121618 55%,#0a0c0e 100%);border:2px solid #0f0c0a;border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:52px;min-height:0;margin:0 auto;padding:0;display:flex;position:relative;box-shadow:inset 0 4px 9px #000000e0,0 1px #78828c38}.letter-tile{aspect-ratio:1;width:100%;height:100%;color:var(--parchment-ink);touch-action:manipulation;border:2px solid #5c3d22;border-radius:4px;justify-content:center;align-items:center;padding:0;font-family:Cinzel,MedievalSharp,serif;font-size:clamp(.92rem,3.8vw,1.08rem);font-weight:700;display:flex}.letter-tile--raised{background:linear-gradient(145deg,#e8d4a8 0%,#c9a062 42%,#8b6534 100%);width:100%;height:100%;min-height:0;transform:translateY(-1px);box-shadow:inset 2px 2px #fff8dc8c,inset -1px -1px #3c281459,0 4px 7px #00000080,0 1px #d4a84b38}.tray-letter{cursor:pointer;touch-action:manipulation}body.tray-drag-active{touch-action:none;overscroll-behavior:none}body.tray-drag-active #tray-grid,body.tray-drag-active #tray-grid .tray-letter{touch-action:none}.tray-letter--in-well-hidden{visibility:hidden;pointer-events:none}.tray-drag-layer{pointer-events:none;z-index:50;position:fixed;inset:0}.tray-drag-stack{pointer-events:none;will-change:transform;filter:drop-shadow(0 10px 16px #0000008c);position:fixed;top:0;left:0}.tray-drag-stack .letter-tile--floating{pointer-events:none;z-index:2;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(1.1);box-shadow:inset 2px 2px #fff8dc8c,inset -1px -1px #3c281459,0 10px 18px #0000008c,0 2px #d4a84b59}.tray-drag-stack .letter-tile--floating-partner{z-index:1;opacity:.98;transform:translate(calc(-50% - 14px),calc(-50% - 10px))scale(1.06)rotate(-8deg)}.tray-letter:disabled{cursor:default;opacity:.5}.tray-letter.is-picked{outline:2px solid var(--bronze-glow);outline-offset:1px;opacity:.52;filter:saturate(.85);cursor:pointer}.tray-letter.is-picked:active{opacity:.65}.solve-wells{grid-template-columns:repeat(var(--well-count,7), minmax(0, 1fr));width:100%;height:var(--word-tile-7);min-height:var(--word-tile-7);max-height:var(--word-tile-7);flex-shrink:0;place-items:stretch stretch;gap:5px;margin-bottom:0;display:grid}.letter-well--solve{aspect-ratio:auto;background:linear-gradient(165deg,#343c42 0%,#262e34 55%,#1e2428 100%);border-color:#3d454b;width:100%;max-width:none;height:100%;min-height:0;box-shadow:inset 0 3px 7px #000000a6,0 1px #8c969e47}.parchment-scroll{box-sizing:border-box;height:var(--word-row-height);min-height:var(--word-row-height);max-height:var(--word-row-height);letter-spacing:.08em;color:var(--parchment-ink);background:linear-gradient(90deg,#5c483059 0%,#0000 4% 96%,#5c483059 100%),linear-gradient(#faf3e0 0%,#f0e4c4 28%,#e8d8b0 62%,#dcc898 100%);border:1px solid #a88858;border-radius:8px;flex:none;justify-content:center;align-items:center;margin-bottom:0;padding:7px 10px 6px;font-family:Cinzel,MedievalSharp,serif;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffcf0d9,inset 0 -2px 6px #785a322e,0 2px 6px #00000059}.parchment-scroll:before,.parchment-scroll:after{content:"";pointer-events:none;opacity:.55;background:linear-gradient(90deg,#6b5038,#c4a878 45%,#8b6840);border-radius:4px;width:7px;position:absolute;top:2px;bottom:2px;box-shadow:inset 0 0 4px #00000059}.parchment-scroll:before{left:2px}.parchment-scroll:after{right:2px;transform:scaleX(-1)}.tray-panel{position:relative}.first-word-hint{left:0;right:0;top:var(--word-row-height);height:var(--hud-word-tray-gap);pointer-events:none;z-index:3;letter-spacing:.04em;color:#d4a84beb;text-shadow:0 1px 2px #000000a6;justify-content:center;align-items:center;margin:0;padding:0 12px;font-family:Cinzel,MedievalSharp,serif;font-size:.58rem;font-style:italic;font-weight:600;line-height:1;transition:opacity .2s;display:flex;position:absolute}.first-word-hint.is-hidden{opacity:0;visibility:hidden}.first-word-hint.invalid-word-feedback{color:#dc5a46f2;text-shadow:0 1px 2px #000000bf;font-size:.75rem;font-style:normal}.letter-well--tray-origin{cursor:pointer;touch-action:manipulation}.letter-well--tray-origin:focus-visible{outline:2px solid var(--bronze-glow);outline-offset:1px}.solve-letter{cursor:pointer;touch-action:manipulation}.mix-puff{z-index:40;pointer-events:none;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed}.mix-puff:before,.mix-puff:after{content:"";background:radial-gradient(circle,#d4a84bf2 0%,#b8860b66 45%,#0000 70%);border-radius:50%;animation:.55s ease-out forwards mix-puff-burst;position:absolute;inset:-6px}.mix-puff:after{opacity:.7;animation-delay:40ms;inset:-10px}@keyframes mix-puff-burst{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.8)}}.mix-puff-particle{z-index:41;pointer-events:none;background:#f3e6c8;border-radius:50%;width:5px;height:5px;margin:-2px 0 0 -2px;animation:.45s ease-out forwards mix-spark;position:fixed;box-shadow:0 0 6px #d4a84be6}@keyframes mix-spark{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--mix-dx,0), var(--mix-dy,0)) scale(.2);opacity:0}}.elastic-word .letter-well--solve,.elastic-word .letter-tile{max-width:none}.elastic-word[data-length="8"] .letter-tile,.elastic-word[data-length="9"] .letter-tile{font-size:clamp(.88rem,3.6vw,1.02rem)}.elastic-word[data-length="10"] .letter-tile,.elastic-word[data-length="11"] .letter-tile,.elastic-word[data-length="12"] .letter-tile{font-size:clamp(.78rem,3.1vw,.92rem)}.elastic-word.shake{animation:.45s hud-shake}.tactical-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:0;display:grid}.tactical--push{grid-column:span 2}.tactical{letter-spacing:.05em;text-transform:uppercase;min-height:54px;color:var(--parchment);border:2px solid var(--iron-edge);cursor:pointer;touch-action:manipulation;border-radius:6px;padding:8px 4px;font-family:Cinzel,MedievalSharp,serif;font-size:clamp(.62rem,2.8vw,.76rem);font-weight:700;box-shadow:inset 0 1px #ffffff24,0 4px 8px #00000073}.tactical--defence{background:linear-gradient(#1e3d59 0%,#0d243a 100%);border-color:#4a6a8a}.tactical--defence.tactical--active{background:linear-gradient(#2a5a80 0%,#143a58 100%);border-color:#7eb8e8}.tactical--train{background:linear-gradient(#8c593b 0%,#4a2c11 100%);border-color:#6a5038}.tactical--build{background:linear-gradient(#3d474e 0%,#1f2429 100%);border-color:#5a6268}.tactical--attack{background:linear-gradient(#8c1c1c 0%,#420707 100%);border-color:#6a2828}.tactical--attack.tactical--active{background:linear-gradient(#b82828 0%,#6a1010 100%);border-color:#e87e7e}.tactical--defence.tactical--active,.tactical--attack.tactical--active{box-shadow:0 0 0 3px #2f6fe0}.tactical--dimmed{opacity:.45;filter:saturate(.7)}.tactical--push.primary{letter-spacing:.12em;color:#e8fff8;background:linear-gradient(#1ea696 0%,#01817c 100%);border:3px solid #b8860b;min-height:58px;font-size:clamp(.82rem,3.6vw,1rem);font-weight:900;box-shadow:inset 0 2px #ffffff40,inset 0 -3px 6px #00282480,0 4px 10px #00000080}.tactical--clear{border-color:var(--bronze-glow);background:linear-gradient(#3d5c1a 0%,#142a03 100%)}.tactical--back{color:#d4c4a8;text-shadow:0 1px 2px #000c;background:linear-gradient(#3a2a1a 0%,#1a1208 55%,#2a3238 100%);border-color:#4a3828;font-size:1.15rem;font-weight:900}.tactical:disabled,.tactical[aria-disabled=true]{opacity:.45;filter:grayscale(.7);cursor:not-allowed;pointer-events:none}.medieval-hud .status{visibility:hidden;pointer-events:none;height:0;margin:0;padding:0;font-size:0;position:absolute;bottom:2px;left:0;right:0;overflow:hidden}.game-over-layer .medieval-play-again{box-sizing:border-box;min-height:44px;color:var(--parchment);background:linear-gradient(#4a7a4a,#2d4a2d);border:2px solid #6a9a6a;justify-content:center;align-items:center;padding:10px 16px;font-family:Cinzel,serif;line-height:1.2;display:inline-flex}@media (width<=390px){.letter-well{max-width:52px}.tactical{min-height:50px;font-size:.58rem}.tactical--push.primary{min-height:54px;font-size:.74rem}}.word-celebration-layer{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.wc-word{box-sizing:border-box;border:2px solid var(--wc-team,#2f6fe0);white-space:nowrap;visibility:hidden;background:#100a0480;border-radius:8px;height:28px;padding:0 8px;line-height:24px;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000073}.wc-word--over-unit{box-shadow:none;background:#100a0440}.wc-word--player{--wc-team:#3b82f0}.wc-word--enemy{--wc-team:#e0453a}.wc-text{letter-spacing:.06em;color:#fff1c2;-webkit-text-stroke:1px #1e1004;paint-order:stroke fill;text-shadow:0 0 2px #000,0 1px 2px #000;font-family:Cinzel,MedievalSharp,Georgia,serif;font-size:21px;font-weight:700}.wc-word--new{animation:.36s ease-out wc-pop}@keyframes wc-pop{0%{scale:.4}70%{scale:1.15}to{scale:1}}.wc-burst{width:0;height:0;position:absolute}.wc-spark,.wc-confetti{display:block;position:absolute;top:0;left:0}.wc-spark{border-radius:50%;width:4px;height:4px;animation:.8s ease-out forwards wc-spark;box-shadow:0 0 6px 1px #ffdc78e6}.wc-confetti{border-radius:1px;width:5px;height:8px;animation:1s cubic-bezier(.2,.7,.4,1) forwards wc-confetti}@keyframes wc-spark{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}@keyframes wc-confetti{0%{opacity:1;transform:translate(0)rotate(0)}60%{transform:translate(var(--dx), var(--dy)) rotate(calc(var(--rot) * .6));opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + var(--fall))) rotate(var(--rot));opacity:0}}