*{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;max-height:100dvh;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;max-width:var(--phone-w);height:100%;max-height:min(100dvh, var(--phone-h));min-height:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid;position:relative;overflow:hidden}.canvas-wrap{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-shrink:0;width:100%;padding:9px 10px 8px;overflow:hidden}.top-utility{z-index:11;background:linear-gradient(#4a5058 0%,#2a2e32 35%,#1a1208 100%);border-bottom:2px solid #8b6914;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:46px;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__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:40px;height:40px;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)}.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{width:min(280px,100%);margin:0}.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)}}.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:5px;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:1px;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}.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--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--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{opacity:.45}.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{color:var(--parchment);background:linear-gradient(#4a7a4a,#2d4a2d);border:2px solid #6a9a6a;font-family:Cinzel,serif}@media (width<=390px){.letter-well{max-width:48px}.tactical{min-height:50px;font-size:.58rem}.tactical--push.primary{min-height:54px;font-size:.74rem}}