.guidance-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.guidance-spotlight{position:fixed;border:2px solid #f3d391;border-radius:6px;box-shadow:0 0 0 5px #eac98018,0 0 25px #eac98035;transition:top .16s,left .16s,width .16s,height .16s}.guidance-popup{position:fixed;pointer-events:auto;width:min(302px,calc(100vw - 20px));padding:16px 18px;background:#10242f;border:1px solid #cfb17b;border-radius:6px;box-shadow:0 12px 40px #0009;animation:coach-arrive .24s ease-out}.guidance-popup .eyebrow{font-size:9px;margin:0 0 7px}.guidance-popup h2{font:21px Georgia,serif;margin:0 0 9px;color:#f3d99f}.guidance-copy{font-size:13px;line-height:1.5;margin:0}.guidance-popup button{margin-top:12px;min-height:44px;width:100%;font-size:13px}.guidance-arrow{position:absolute;width:12px;height:12px;background:#10242f;border:solid #cfb17b;transform:rotate(45deg);border-width:0}.guidance-popup[data-arrow=left] .guidance-arrow{left:-7px;top:var(--arrow-y);border-width:0 0 1px 1px}.guidance-popup[data-arrow=right] .guidance-arrow{right:-7px;top:var(--arrow-y);border-width:1px 1px 0 0}.guidance-popup[data-arrow=top] .guidance-arrow{top:-7px;left:var(--arrow-x);border-width:1px 0 0 1px}.guidance-popup[data-arrow=bottom] .guidance-arrow{bottom:-7px;left:var(--arrow-x);border-width:0 1px 1px 0}.board-continuation{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.board-continuation:empty{display:none}.board-continuation button{flex:1}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#061119d9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:result-veil .35s ease-out}.result-dialog{position:relative;text-align:center;background:#10242f;border:1px solid #c5a76d;border-radius:8px;padding:32px 26px 26px;max-width:440px;width:100%;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 90px #0009;animation:result-arrive .5s cubic-bezier(.2,.7,.2,1)}.result-seal{font:64px Georgia,serif;color:#e3c17f;line-height:1;margin-bottom:18px;animation:seal-arrive .7s ease-out}.result-dialog h2{font:30px Georgia,serif;margin:0 0 14px;color:#f3ddb1}.result-dialog p{font-size:14px;line-height:1.6;color:#c8d3d5;margin:0 0 24px}.result-actions{display:flex;flex-direction:column;gap:10px}.result-close{position:absolute;top:5px;right:5px;background:transparent;border:0;font-size:24px;width:44px;padding:0;color:#b5c2c5}.result-actions button{width:100%}@keyframes coach-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes result-veil{0%{opacity:0}to{opacity:1}}@keyframes result-arrive{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes seal-arrive{0%{opacity:0;transform:rotate(-30deg) scale(.7)}to{opacity:1;transform:none}}@media (max-width:600px){.guidance-popup{width:min(280px,calc(100vw - 20px));padding:12px 14px}.guidance-popup h2{font-size:19px;margin-bottom:7px}.guidance-copy{font-size:12px}.result-dialog{padding:30px 20px 22px}.result-dialog h2{font-size:27px}}@media (prefers-reduced-motion:reduce){.guidance-spotlight,.guidance-popup,.result-overlay,.result-dialog,.result-seal{animation:none!important;transition:none!important}}.queue-guide-target{position:absolute;left:3.333333%;top:0;width:93.333333%;height:21.461187%;pointer-events:none}.guidance-popup h2{padding-right:22px}.guidance-popup .guidance-exit{position:absolute;top:0;right:0;width:44px;min-height:44px;margin:0;padding:0;background:transparent;border:0;font-size:24px;font-weight:300;color:#bdcacc}.guidance-popup .guidance-exit:hover{background:#263c46}:root{font-family:Inter,Arial,sans-serif;color:#f3eee0;background:#0a141b;font-synthesis:none;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{min-height:44px;border:1px solid #53636a;border-radius:4px;padding:10px 14px;background:#172832;color:inherit;cursor:pointer}button:hover{background:#263c46}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f3ce7b;outline-offset:2px}button:disabled{opacity:.5;cursor:default}button.primary{background:#d6b77d;color:#17212a;border-color:#d6b77d;font-weight:700}a{color:inherit;text-decoration:none}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px max(12px,calc((100vw - 1160px)/2));border-bottom:1px solid #293c45;gap:20px}header>a{font-size:12px;letter-spacing:.16em}header>strong{font-family:Georgia,serif;letter-spacing:.2em;font-size:25px}.eyebrow{color:#d6b77d;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.intro{max-width:700px;margin:8vh auto;padding:24px}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(76px,16vw,130px);margin:10px 0;letter-spacing:.13em}.intro>p{max-width:480px;line-height:1.6}.start-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}details{margin:36px 0;max-width:400px}summary{cursor:pointer;min-height:44px}label{display:block;margin:10px 0}input:not([type=checkbox]),select{min-height:44px;max-width:100%;background:#152831;color:#f3eee0;border:1px solid #4e626a;padding:8px}label>input:not([type=checkbox]),label>select{margin-left:10px}.muted{color:#a5b5bc;font-size:13px;line-height:1.5}.play-layout{display:grid;grid-template-columns:minmax(190px,1fr) 360px minmax(240px,1fr);max-width:1160px;gap:36px;margin:40px auto;padding:0 20px}.enemy-panel h1{font:32px Georgia,serif;line-height:1.2;margin:12px 0 16px}.enemy-panel progress{width:100%;height:12px;accent-color:#c56b6b;margin:10px 0}.intents{display:flex;gap:12px;margin:16px 0}.intents>span{flex:1;border-top:1px solid #59707a;padding-top:10px;font-size:15px}.intents small{display:block;color:#d6b77d;margin-bottom:8px}.board-panel{min-width:0}.board-stage{position:relative;width:100%;aspect-ratio:360/438;max-width:360px;margin:0 auto}#phaser-board{position:absolute;top:0;right:0;bottom:0;left:0}#phaser-board canvas{display:block!important}.board-access{position:absolute;left:3.333333%;top:21.461187%;width:93.333333%;height:76.712329%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);pointer-events:none}.board-access button{padding:0;min-height:0;width:100%;height:100%;opacity:0;pointer-events:none;border-radius:0}.board-access button:focus-visible{opacity:1;background:transparent;outline:3px solid #fff;outline-offset:-5px}.board-access button.guided{opacity:1;background:transparent;border:2px solid #fff9;outline-offset:-4px}.lesson{font-size:15px;line-height:1.45;color:#efcf8a;min-height:0;margin-bottom:12px}.lesson:empty{display:none}.preview-note{font-size:13px;color:#b4d6df;line-height:1.4;min-height:38px;margin:8px 0}.cursor{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cursor>span{flex:1;font-size:14px}.cursor button{padding:8px 12px}.cursor [aria-pressed=true]{border-color:#e3c281;color:#e3c281}.resources{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:15px}.resources span{white-space:nowrap}.resources b{font-size:23px;font-weight:500}.player-panel h2{font:23px Georgia,serif;margin:24px 0 12px}#ability{width:100%}.echoes{border-top:1px solid #3e515b;padding:16px 0;color:#f3ce7b;font-size:14px;line-height:1.5}#feedback{color:#eedbb7;font-size:15px;line-height:1.5;min-height:44px;margin:12px 0}#feedback:empty{min-height:0}.settings{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #3e515b;margin-top:20px;padding-top:10px}.settings label{font-size:13px;display:flex;align-items:center;gap:6px;min-height:44px;margin:0}.settings input{width:20px;height:20px;accent-color:#d6b77d}.secondary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.secondary-actions button{font-size:13px;padding:8px 10px}#ability-targets label{font-size:14px}#ability-targets select{padding:6px}@media (max-width:900px){header{height:56px}.play-layout{grid-template-columns:1fr;max-width:420px;margin:12px auto;padding:0 12px;gap:12px}.enemy-panel{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center}.enemy-panel .eyebrow{margin:0;grid-column:1/-1}.enemy-panel h1{font-size:24px;margin:4px 0}.enemy-panel progress{grid-column:1/-1;margin:2px 0}.intents{grid-column:1/-1;margin:6px 0;gap:16px}.intents>span{display:flex;gap:8px;padding:4px 0;border:0;font-size:14px}.intents small{display:inline;margin:0}.board-stage{max-width:360px}.lesson{margin-bottom:8px}.player-panel h2{font-size:20px;margin:14px 0 8px}.resources{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:4px;font-size:12px}.resources b{font-size:20px}.preview-note{min-height:20px;margin:4px 0}.echoes{padding:10px 0}.settings{margin-top:10px}.intro{margin:3vh auto;padding:20px}.start-actions{flex-direction:column}.start-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}body{background:#09131a url(/anacronia/art/era1-harbor.webp) center/cover fixed no-repeat}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07131aee,#0b1a22c9 45%,#07131af2);z-index:-1}header{background:#09131ab8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:#9c85573b}button{transition:background .16s,border-color .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}.intro{margin:6vh max(24px,calc((100vw - 1080px)/2));padding:36px 0;max-width:640px;animation:arrive .65s ease-out}.intro h1{text-shadow:0 8px 40px #0008}.intro .eyebrow{letter-spacing:.2em}.intro>p{font-size:18px;color:#ded8c6}.intro>p.muted{font-size:13px}.intro details{background:#0d202bbb;padding:14px 18px;border-left:1px solid #d6b77d88}.intro details summary{display:flex;align-items:center;font-size:14px}.play-layout{gap:40px;max-width:1160px;margin:32px auto 20px;align-items:start}.enemy-panel{padding:0 4px}.enemy-panel h1{font-size:31px}.enemy-portrait{width:min(100%,230px);aspect-ratio:1;margin:0 0 22px;background-image:url(/anacronia/art/echi-enemies.webp);background-size:300% 300%;background-position:0 0;filter:drop-shadow(0 18px 18px #0007);transform-origin:50% 80%;animation:portrait-breathe 5s ease-in-out infinite;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}.enemy-portrait[data-enemy=devourer]{background-position-y:50%}.enemy-portrait[data-enemy=duplicate]{background-position-y:100%}.enemy-portrait[data-expression=attack]{background-position-x:50%}.enemy-portrait[data-expression=hurt]{background-position-x:100%}.enemy-panel .eyebrow{margin-bottom:8px}.intents{gap:12px}.intents>span{font-size:14px;line-height:1.5;border-top-color:#bd9d6555}.intents small{font-size:12px;letter-spacing:.07em;color:#ead3a0}.board-panel{position:relative}.board-stage{box-shadow:0 16px 60px #0005;border-radius:6px;overflow:hidden;outline:1px solid #b69c644d;outline-offset:5px;background:#101d24}.queue-label{font-size:10px;letter-spacing:.18em;color:#c7b997;padding:0 0 9px 12px}.lesson{padding:10px 12px 10px 15px;border-left:2px solid #d6b77d;background:#10242ed9;color:#f2dfb4;font-size:14px;line-height:1.5;margin-bottom:14px}.preview-note{font-size:12px;min-height:37px;color:#c0dce5}.cursor{border-top:1px solid #a88d5344;padding-top:12px}.cursor>span{font-size:13px;color:#c6d0d0}.cursor button{background:#12262eab;min-width:44px}.cursor [aria-pressed=true]{background:#b49c651c}.resources{gap:16px 8px;border-top:1px solid #b5985a55;border-bottom:1px solid #b5985a55;padding:15px 0}.resources span{display:flex;flex-direction:column;gap:3px}.resources small{font-size:11px;letter-spacing:.04em;color:#bbc7c8}.resources i{font:12px Arial,sans-serif;color:#9caeb4;font-style:normal;margin-left:3px}.traveler-heading{display:flex;align-items:center;gap:14px;margin:20px 0 14px}.traveler-heading .eyebrow{font-size:10px;letter-spacing:.1em;margin:0}.traveler-heading h2{font-size:25px;margin:6px 0}.traveler-portrait{width:70px;height:84px;flex-shrink:0;background-image:url(/anacronia/art/travelers-v2.webp);background-size:200% 200%;background-position:0 0;border-bottom:1px solid #d6b77d;-webkit-mask-image:linear-gradient(#000 90%,transparent);mask-image:linear-gradient(#000 90%,transparent)}.traveler-portrait[data-traveler=alchemist]{background-position:100% 0}.traveler-portrait[data-traveler=engineer]{background-position:0 100%}.traveler-portrait[data-traveler=augur]{background-position:100% 100%}.traveler-portrait[data-traveler=paradox]{background-image:radial-gradient(ellipse at center,#d2d9d8 0 3%,#354850 4% 25%,#b4d4df 26% 28%,#182c36 29% 44%,#d1bc85 45% 47%,transparent 48%);background-size:100% 100%}#ability{border-color:#ac925f88;background:#a88b4f20}#ability:not(:disabled){color:#f4d69a;box-shadow:inset 0 0 20px #d6b77d0b}#ability:disabled{opacity:.65}#ability-hint{font-size:12px}.echoes{color:#e5c784;border-top-color:#ac94584d;font-size:12px;min-height:38px;padding:12px 0}#feedback{border-left:2px solid #dac087;padding-left:12px;font-size:14px;color:#f0dab0}#feedback:empty{border:0;padding:0}.settings-wrap{margin:18px 0 8px;max-width:none;border-top:1px solid #a88d5344}.settings-wrap>summary{display:flex;align-items:center;font-size:12px;color:#b9c8cc;list-style:none;cursor:pointer}.settings-wrap>summary:after{content:"+";margin-left:auto;font-size:20px;font-weight:300}.settings-wrap[open]>summary:after{content:"−"}.settings{margin:0;border:0;padding:0;gap:8px 16px}.audio-controls label{font-size:12px;color:#cad4d5;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.audio-controls input[type=range]{padding:0;min-height:24px;width:120px;accent-color:#d6b77d}.audio-controls input[type=checkbox]{width:20px;height:20px;margin-right:auto;accent-color:#d6b77d}.secondary-actions{gap:6px}.secondary-actions button{background:#0a1c25a8;border-color:#4e626c;font-size:12px}.player-panel>.muted:last-child{font-size:12px;margin-top:14px}.resolving .board-stage{cursor:wait}.paradox-flash .queue-label{animation:paradox-word .6s ease-out}.board-access button.guided{border-color:#ffe5a1b5;box-shadow:inset 0 0 18px #fff5b422;animation:guide-pulse 1.4s ease-in-out infinite}.board-access button:focus-visible{background:#fff1!important;outline-color:#fff!important}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes portrait-breathe{50%{transform:translateY(-3px) scale(1.015)}}@keyframes portrait-hit{25%{transform:translate(-5px) rotate(-2deg);filter:brightness(1.3)}75%{transform:translate(3px)}}@keyframes guide-pulse{50%{border-color:#fff7cd;box-shadow:inset 0 0 16px #fff5b444}}@keyframes paradox-word{20%{color:#fff;text-shadow:0 0 12px #c7a8ff}}@media (max-width:1100px) and (min-width:901px){.play-layout{gap:22px;grid-template-columns:minmax(170px,1fr) 360px minmax(220px,1fr);padding:0 20px}.enemy-panel h1{font-size:25px}.resources b{font-size:26px}}@media (max-width:900px){body{background-attachment:fixed}body:before{background:linear-gradient(#07131ac9,#07131af2 70%)}header{background:#07131abf}.intro{margin:3vh 24px;padding:20px 0}.intro h1{font-size:clamp(76px,18vw,110px)}.intro>p{font-size:17px}.play-layout{max-width:420px;margin:16px auto 24px;padding:0 12px;gap:12px}.enemy-panel{padding:0;grid-template-columns:72px 1fr auto;gap:0 10px}.enemy-portrait{width:72px;height:82px;aspect-ratio:auto;grid-column:1;grid-row:1/5;margin:0;background-size:300% 300%;-webkit-mask-image:linear-gradient(#000 90%,transparent);mask-image:linear-gradient(#000 90%,transparent)}.enemy-panel .eyebrow{grid-column:2/4;font-size:10px;margin:0}.enemy-panel h1{font-size:23px;grid-column:2;grid-row:2;margin:3px 0}.enemy-panel #enemy-hp{font-size:12px;grid-column:3;grid-row:2;white-space:nowrap}.enemy-panel progress{grid-column:2/4;grid-row:3;height:8px;margin:3px 0}.intents{grid-column:2/4;grid-row:4;margin:4px 0 0;gap:10px}.intents>span{font-size:12px;white-space:nowrap;gap:5px}.intents small{font-size:11px}.lesson{font-size:13px;margin:0 0 12px;padding:9px 10px 9px 12px}.queue-label{font-size:9px;padding-bottom:7px}.board-stage{outline-offset:3px}.preview-note{font-size:12px;min-height:16px;margin:7px 0}.cursor{padding-top:8px}.resources{grid-template-columns:repeat(4,1fr);padding:12px 0;gap:8px}.resources small{font-size:10px}.resources b{font-size:24px}.traveler-heading{margin:12px 0 10px;gap:12px}.traveler-portrait{width:48px;height:59px}.traveler-heading h2{font-size:22px}.player-panel .traveler-heading h2{margin:4px 0}.player-panel #ability-hint{margin:8px 0}.echoes{padding:10px 0;min-height:32px}#feedback{font-size:13px;line-height:1.5;margin:10px 0}.settings-wrap{margin:12px 0 5px}.secondary-actions{margin-top:4px}.player-panel>.muted:last-child{margin:10px 0}.settings label{font-size:12px}}@media (max-width:350px){.enemy-panel{grid-template-columns:55px 1fr auto;gap:0 6px}.enemy-portrait{width:55px;height:70px}.enemy-panel h1{font-size:19px}.intents>span{font-size:11px}.resources small{font-size:9px}.intro{margin:16px 18px}.cursor>span{font-size:12px}.cursor button{padding:8px}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.tile-legend{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.025em;margin:13px 2px 6px;color:#bac9ca}.tile-legend span:nth-child(1){color:#e99b94}.tile-legend span:nth-child(2){color:#95c5ea}.tile-legend span:nth-child(3){color:#e7c67a}.tile-legend span:nth-child(4){color:#9bd5c0}body{background-image:linear-gradient(90deg,#07131aeb,#0b1a22c9 45%,#07131aef),url(/anacronia/art/era1-harbor.webp);background-position:center;background-size:cover;background-attachment:fixed}body:before{display:none}@media (max-width:900px){body{background-image:linear-gradient(#07131ac9,#07131aef 70%),url(/anacronia/art/era1-harbor.webp)}}:root{--era-tint:#b6a470;--drift-x:0px;--drift-y:0px}body[data-era=ancient]{--era-tint:#d5ab61}body[data-era=medieval]{--era-tint:#b99e73}body[data-era=industrial]{--era-tint:#b09162}body[data-era=future]{--era-tint:#6ab7cd}body[data-era=renaissance]{--era-tint:#bda76b}body{background:#09131a}#app{position:relative;z-index:1}.temporal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0;background:#09131a}.temporal-backdrop>div{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;will-change:transform;transition:transform 1.2s ease-out}.era-distance{background:linear-gradient(90deg,#07131ae6,#0b1a22c7 45%,#07131aef),url(/anacronia/art/era1-harbor.webp) center/cover;transform:translate(calc(var(--drift-x)*-.5),calc(var(--drift-y)*-.5))}.era-mist{background:radial-gradient(ellipse at 20% 80%,color-mix(in srgb,var(--era-tint) 12%,transparent),transparent 55%),linear-gradient(transparent 45%,#07141aaa);transform:translate(var(--drift-x),var(--drift-y))}.era-foreground{inset:auto!important;width:80vw;height:80vw;bottom:-65vw;left:-20vw;border:1px solid color-mix(in srgb,var(--era-tint) 18%,transparent);border-radius:50%;box-shadow:0 0 0 40px #a6bac104,0 0 0 90px #a6bac103;transform:translate(calc(var(--drift-x)*2),calc(var(--drift-y)*2))}.play-layout{animation:arrive .45s ease-out}.guest-slots{display:flex;gap:10px;align-items:center;margin:14px 0 10px;color:#98abb1;font-size:11px;letter-spacing:.04em}.guest-slots>span{margin-right:auto}.guest-slots i{font-style:normal;display:grid;place-items:center;border:1px solid #9aacb12f;width:28px;height:28px;border-radius:50%;color:#8ba3ad88}.effects-off .temporal-backdrop>div,.reduced-motion .temporal-backdrop>div{transform:none!important;transition:none!important;will-change:auto}.effects-off .era-mist,.effects-off .era-foreground{display:none}header{padding-left:max(12px,env(safe-area-inset-left),calc((100vw - 1160px)/2));padding-right:max(12px,env(safe-area-inset-right),calc((100vw - 1160px)/2));height:calc(68px + env(safe-area-inset-top));padding-top:calc(12px + env(safe-area-inset-top))}body{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:900px){header{height:calc(56px + env(safe-area-inset-top))}.play-layout{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.era-distance{background:linear-gradient(#07131ac9,#07131aef 70%),url(/anacronia/art/era1-harbor.webp) center/cover}.guest-slots{margin:10px 0 8px}.guest-slots i{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.temporal-backdrop>div{transform:none!important;transition:none!important;will-change:auto}}@media (max-width:900px){header{height:calc(48px + env(safe-area-inset-top));padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}.play-layout{margin-top:10px;gap:8px}.enemy-panel{grid-template-columns:64px 1fr auto}.enemy-portrait{width:64px;height:72px}.enemy-panel h1{font-size:22px}.board-stage{max-width:300px}.queue-label{max-width:300px;margin:0 auto;padding-left:6px}.tile-legend{max-width:300px;margin:10px auto 3px}.preview-note{margin:4px 0;min-height:14px}.cursor{padding-top:6px}.cursor button{min-height:44px}.resources{padding:9px 0}.resources b{font-size:22px}.player-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:center}.player-panel>*{grid-column:1/-1}.player-panel>.traveler-heading{grid-column:1;grid-row:2;margin:10px 0 6px;gap:8px}.traveler-portrait{width:38px;height:46px}.traveler-heading .eyebrow{font-size:8px;letter-spacing:0}.player-panel .traveler-heading h2{font-size:18px;margin:3px 0;line-height:1.1}.player-panel>#ability{grid-column:2;grid-row:2;font-size:12px;min-height:46px;padding:8px}.player-panel>#ability-hint{font-size:11px;margin:3px 0 6px}.guest-slots{margin:6px 0}.echoes{padding:8px 0}.lesson{font-size:12px;margin-bottom:10px;padding:8px 10px}}.landing-hero{min-height:calc(100svh - 68px);position:relative;isolation:isolate;overflow:hidden;background:#091820;padding:clamp(36px,7vh,90px) max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center}.landing-hero:before{content:"";position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;z-index:-2;background:url(/anacronia/art/era1-harbor.webp) center 55%/cover no-repeat;transform-origin:70% 45%;animation:landing-harbor 14s ease-in-out -6s infinite alternate;will-change:transform}.landing-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#06131bf5,#081820df 34%,#09182055 75%,#09182030),linear-gradient(0deg,#091820 0%,transparent 28%,transparent 85%,#07131a44);pointer-events:none}.landing-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 76% 32%,#f2cf8238,transparent 45%);mix-blend-mode:screen;animation:landing-light 4.5s ease-in-out -2s infinite alternate}.landing-atmosphere:before,.landing-atmosphere:after{content:"";position:absolute;width:74%;height:32%;right:-12%;bottom:10%;background:radial-gradient(ellipse,#b7d5cd24,transparent 67%);filter:blur(12px);animation:landing-mist 15s ease-in-out infinite alternate}.landing-atmosphere:after{bottom:38%;right:-26%;opacity:.6;animation-duration:21s;animation-delay:-7s}.landing-copy{max-width:590px}.landing h1{font-weight:500;font-size:clamp(88px,11vw,150px);line-height:.98;letter-spacing:.13em;margin:22px 0 26px;text-shadow:0 8px 40px #0007}.landing-hero h2{font-weight:400;font-size:clamp(25px,2.8vw,36px);line-height:1.3;margin:0 0 20px;letter-spacing:-.025em}.landing-goal{font-size:16px;line-height:1.65;max-width:480px;color:#e7e3d6}.landing .eyebrow{letter-spacing:.19em;font-size:11px}.landing .start-actions{margin:28px 0 18px;gap:12px}.landing .start-actions button{min-height:52px;padding:14px 18px;font-size:14px}.landing .start-actions .primary span{display:inline-block;margin-left:12px;transition:transform .22s}.landing-mode,.landing-training{max-width:460px;font-size:12px;line-height:1.6;color:#ccd2d0;margin:8px 0}.landing-training{color:#b0bfc1}.landing-discover{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin-top:20px;color:#e0c692;font-size:13px}.landing-discover span{transition:transform .22s}.landing-discover:is(:hover,:focus-visible) span{transform:translateY(4px)}.landing-discover:focus-visible{outline:2px solid #f3ce7b;outline-offset:4px}.landing-rules{padding:76px max(24px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#0a1820ed;scroll-margin-top:20px}.landing-rules h2{font-weight:400;font-size:29px;line-height:1.35;margin:16px 0 28px;letter-spacing:-.025em}.landing-cycle ol{list-style:none;counter-reset:cycle;padding:0;margin:0}.landing-cycle li{counter-increment:cycle;position:relative;padding:0 0 24px 40px}.landing-cycle li:before{content:counter(cycle,decimal-leading-zero);position:absolute;left:0;top:1px;font-family:var(--echi-display);font-size:18px;color:#d6b77d}.landing-cycle b{display:block;font-size:15px;margin-bottom:7px}.landing-cycle span,.landing-choices dd,.landing-strategy{font-size:14px;line-height:1.6;color:#b8c6c9}.landing-choices dl{margin:0}.landing-choices dl>div{padding:13px 0;border-top:1px solid #b79c5f35}.landing-choices dt{font-size:15px;color:#e6cd98}.landing-choices dd{margin:6px 0 0}.landing-strategy{margin-top:22px}.landing-config{padding:8px max(24px,calc((100vw - 1080px)/2)) 40px;background:#0a1820ed}.landing-config details{margin:0 0 20px;max-width:560px;border-top:1px solid #b79c5f45}.landing-config summary{display:flex;align-items:center;min-height:54px;color:#d9c69c}.landing-config label{display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-config input,.landing-config select{width:65%;margin:0}.landing-copy>*{animation:landing-reveal .8s cubic-bezier(.2,.65,.25,1) both}.landing-copy h1{animation-delay:.08s}.landing-copy h2{animation-delay:.16s}.landing-copy .landing-goal{animation-delay:.24s}.landing-copy .start-actions{animation-delay:.32s}.landing-copy .landing-mode{animation-delay:.38s}.landing-copy .landing-training{animation-delay:.42s}.landing-copy .landing-discover{animation-delay:.48s}.landing .start-actions button{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}.landing .start-actions button:is(:hover,:focus-visible){border-color:#e6cf9f;box-shadow:0 6px 24px #d6b77d18;transform:translateY(-2px)}.landing .start-actions .primary:is(:hover,:focus-visible){background:#e7cd9b}.landing .start-actions .primary:is(:hover,:focus-visible) span{transform:translate(4px)}.landing .start-actions button:active{transform:translateY(1px)}@keyframes landing-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes landing-harbor{0%{transform:translate3d(10px,4px,0) scale(1.035)}to{transform:translate3d(-24px,-12px,0) scale(1.09)}}@keyframes landing-light{0%{opacity:.3;transform:translate3d(3%,0,0)}to{opacity:1;transform:translate3d(-3%,3%,0)}}@keyframes landing-mist{0%{transform:translate3d(6%,0,0)}to{transform:translate3d(-14%,-6%,0)}}@media (max-width:900px){.landing-hero{min-height:calc(100svh - 56px);padding:38px 24px}.landing-hero:before{background-position:58% center}.landing-hero:after{background:linear-gradient(90deg,#06131bee,#081820bc 65%,#09182065),linear-gradient(0deg,#091820,transparent 35%)}.landing-copy{max-width:520px}.landing h1{font-size:96px;margin:18px 0 24px}.landing-hero h2{font-size:27px}.landing-goal{font-size:15px;line-height:1.6}.landing .start-actions{flex-direction:column;margin:22px 0 16px;max-width:360px}.landing .start-actions button{width:100%;min-height:48px}.landing-rules{grid-template-columns:1fr;padding:48px 24px;gap:34px}.landing-rules h2{font-size:26px}.landing-config{padding:8px 24px 30px}}@media (max-width:380px){.landing-hero{padding:30px 20px}.landing h1{font-size:80px}.landing-hero h2{font-size:23px}.landing-goal{font-size:14px}.landing-mode,.landing-training{font-size:11px}.landing-discover{margin-top:10px}}@media (max-height:760px) and (min-width:901px){.landing-hero{padding-top:30px;padding-bottom:30px}.landing h1{font-size:105px;margin:16px 0 20px}.landing-hero h2{font-size:28px}.landing-goal{font-size:15px}.landing .start-actions{margin:22px 0 14px}.landing-discover{margin-top:8px}}.reduced-motion .landing-hero:before,.effects-off .landing-hero:before,.reduced-motion .landing-atmosphere,.effects-off .landing-atmosphere,.reduced-motion .landing-atmosphere:before,.reduced-motion .landing-atmosphere:after,.effects-off .landing-atmosphere:before,.effects-off .landing-atmosphere:after,.reduced-motion .landing-copy>*,.effects-off .landing-copy>*{animation:none!important;transform:none!important;will-change:auto}.reduced-motion .landing :is(button,button span,.landing-discover span),.effects-off .landing :is(button,button span,.landing-discover span){transition:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.landing-hero:before,.landing-atmosphere,.landing-atmosphere:before,.landing-atmosphere:after,.landing-copy>*{animation:none!important;transform:none!important;will-change:auto}.landing :is(button,button span,.landing-discover span){transition:none!important;transform:none!important}}.play-layout>.enemy-panel,.play-layout>.player-panel{animation:echi-panel-arrive .4s ease-out both}.play-layout>.player-panel{animation-delay:.08s}body:not(.reduced-motion):not(.effects-off) button:not(:disabled):not(.result-close):not(.guidance-exit):hover{border-color:#d6b77d}@keyframes echi-panel-arrive{0%{opacity:0}to{opacity:1}}.reduced-motion .play-layout>.enemy-panel,.reduced-motion .play-layout>.player-panel,.effects-off .play-layout>.enemy-panel,.effects-off .play-layout>.player-panel{animation:none!important}@media (prefers-reduced-motion:reduce){.play-layout>.enemy-panel,.play-layout>.player-panel{animation:none!important}}.landing-motes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-copy{position:relative;z-index:1}.landing-motes i{position:absolute;left:calc(48% + var(--m)*6%);top:calc(38% + var(--m)*6%);width:4px;height:4px;border-radius:50%;background:#ffe6a6;box-shadow:0 0 8px 2px #e8b85c88;animation:landing-ember calc(5s + var(--m)*.4s) linear calc(var(--m)*-.8s) infinite;will-change:transform,opacity}@keyframes landing-ember{0%{transform:translate3d(0,22px,0);opacity:0}15%{opacity:.85}70%{opacity:.55}to{transform:translate3d(-26px,-95px,0);opacity:0}}.effects-off .landing-motes,.reduced-motion .landing-motes{display:none}.effects-off .landing-motes i,.reduced-motion .landing-motes i{animation:none;will-change:auto}@media (prefers-reduced-motion:reduce){.landing-motes{display:none}.landing-motes i{animation:none;will-change:auto}}@media (max-width:900px){.landing-motes i{left:calc(63% + var(--m)*4%)}}.landing-opponent{max-width:440px;margin-top:20px;padding-left:14px;border-left:2px solid #b79c5f99}.landing-opponent label{display:block;font-size:11px;color:#d7c298;margin-bottom:6px}.landing-opponent select{width:100%;max-width:320px;min-height:44px;margin:0;padding:8px 12px;font-size:14px;background:#10232cdd}.landing-opponent p{font-size:12px;line-height:1.5;color:#c0ccca;margin:7px 0 0}.landing .start-actions{margin-top:20px}@media (min-width:901px) and (max-height:820px){.landing-hero{padding-top:26px;padding-bottom:26px}.landing h1{font-size:88px;margin:12px 0 16px}.landing-hero h2{font-size:25px;margin-bottom:12px}.landing-goal{font-size:14px;line-height:1.5;margin:8px 0}.landing-opponent{margin-top:14px}.landing .start-actions{margin-top:15px;margin-bottom:12px}.landing-discover{margin-top:6px}.landing-training,.landing-mode{font-size:11px;margin:5px 0}}.turn-cue{border-top:1px solid #bba06b80;border-bottom:1px solid #bba06b50;background:#0b1c25e8;padding:12px 13px;margin-bottom:16px;min-height:172px}.turn-cue-mode{font-size:9px;letter-spacing:.09em;line-height:1.5;color:#b5c6c9;margin-bottom:7px}.turn-cue>strong{font-size:16px;line-height:1.35;display:block;color:#f0d59e;min-height:22px}.turn-sequence{display:flex;gap:9px;align-items:center;font-size:11px;color:#9aafb6;margin:9px 0}.turn-sequence i{font-style:normal;color:#81969e}.turn-sequence span{border-bottom:2px solid transparent;padding-bottom:4px;transition:color .18s,border-color .18s}.turn-cue[data-phase=player] [data-stage=player],.turn-cue[data-phase=echo] [data-stage=echo],.turn-cue[data-phase=enemy] [data-stage=enemy]{color:#ffe1a4;border-color:#e8c98e}.turn-cue[data-phase=enemy]>strong{color:#ffbca9}.turn-cue>p{font-size:12px;line-height:1.5;color:#bacbd0;margin:6px 0 10px;min-height:36px}.turn-forecast{display:grid;gap:8px;border-top:1px solid #9e89543b;padding-top:9px}.turn-forecast p{margin:0;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.4}.turn-forecast b{font-size:10px;font-weight:500;color:#d2bd92}.turn-forecast span{color:#dbe5e4}.intents{display:none!important}@media (max-width:900px){.turn-cue{max-width:360px;margin:0 auto 12px;padding:10px 11px;min-height:0}.turn-cue>strong{font-size:15px}.turn-cue>p{font-size:11px;min-height:0;margin:5px 0 8px}.turn-forecast{grid-template-columns:1fr 1fr;gap:12px}.turn-forecast p{font-size:11px}.turn-forecast b{font-size:9px}.turn-cue-mode{font-size:8px}.turn-sequence{margin:7px 0 5px;font-size:10px}}@media (max-width:350px){.turn-forecast{grid-template-columns:1fr;gap:7px}.turn-forecast p{display:block}.turn-forecast b{display:block;margin-bottom:2px}}.turn-cue>.turn-last-response{display:flex;flex-direction:column;gap:3px;padding-top:9px;border-top:1px solid #aa806049;min-height:0;color:#ded3c6}.turn-last-response b{font-size:10px;font-weight:500;color:#dcaf93}.turn-last-response span{font-size:12px;line-height:1.5}@media (max-width:900px){.turn-cue{padding:8px 10px}.turn-cue-mode{margin-bottom:4px}.turn-cue>p#turn-stage-detail{display:none}.resolving .turn-cue>p#turn-stage-detail{display:block}.turn-sequence{margin:5px 0 3px}.turn-cue>.turn-last-response{gap:1px;padding-top:6px;margin:4px 0 6px}.turn-last-response b{font-size:9px}.turn-last-response span{font-size:10px;line-height:1.35}.turn-forecast{padding-top:6px;gap:8px}.turn-forecast p{font-size:10px}.turn-forecast b{font-size:9px}}.turn-cue>strong{height:44px;display:flex;align-items:center;font-size:15px}.turn-cue>p#turn-stage-detail{display:block;height:66px;min-height:66px;margin:6px 0;font-size:12px;line-height:1.4}.turn-forecast{grid-template-columns:1fr 1fr;gap:10px;min-height:80px}.turn-forecast p{font-size:12px;display:flex}.turn-forecast b{font-size:10px}@media (max-width:900px){.turn-cue>strong{font-size:14px;height:40px}.turn-cue>p#turn-stage-detail{display:block;height:68px;min-height:68px;font-size:12px}.turn-forecast{min-height:85px}.turn-cue-mode{font-size:9px}.turn-forecast p{font-size:11px}.turn-forecast b{font-size:10px}}.play-layout{grid-template-columns:minmax(210px,1fr) 360px minmax(240px,1fr);gap:28px;max-width:1120px;margin:22px auto;align-items:start}.enemy-panel,.player-panel{position:relative;background:linear-gradient(145deg,#20333be8,#0b1922f2 65%);border:1px solid #a98b5266;box-shadow:inset 0 0 0 3px #09131a88,0 15px 40px #0004;padding:18px;border-radius:3px}.enemy-panel:before,.player-panel:before{content:"◆";position:absolute;top:-9px;left:calc(50% - 5px);color:#d9bd7a;font-size:12px;text-shadow:0 1px 8px #000}.enemy-portrait{width:100%;max-width:245px;aspect-ratio:1;margin:0 auto 15px;-webkit-mask-image:none;mask-image:none;border-bottom:1px solid #b7996155;background-color:#101f28;box-shadow:inset 0 0 35px #0005;animation:none}.enemy-panel h1{font-size:29px;margin:7px 0 12px;color:#f5e8c9}.enemy-panel .eyebrow{font-size:10px;margin:0}.enemy-panel #enemy-hp{font-size:13px;font-variant-numeric:tabular-nums;color:#f0ccc0}.enemy-panel #enemy-bar{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}.combat-meter{position:relative;width:100%;height:9px;background:#050d13;border:1px solid #e5c1823d;overflow:hidden;border-radius:2px;box-shadow:inset 0 1px 4px #000b}.combat-meter>i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center}.meter-fill{background:linear-gradient(#e99a8b,#b95150);box-shadow:inset 0 1px #ffd8bf88}.meter-trail{background:#f4dba4}.enemy-meter{height:13px;margin:8px 0 12px}.guard-meter .meter-fill{background:linear-gradient(#b4d6e7,#5a91ad)}.resources{gap:13px 12px;padding:13px 0;border-top:0;border-bottom:1px solid #b5985a44}.resources>div{min-width:0;display:flex;flex-direction:column;gap:5px}.resources small{font-size:10px;letter-spacing:.06em;color:#bdc8c9}.resources b{font:30px Georgia,serif;font-variant-numeric:tabular-nums}.resources em{font-style:normal}.resources i{font-size:12px;color:#9fb1b7}.vital-resource .combat-meter{margin-top:1px}.traveler-portrait{width:64px;height:76px;-webkit-mask-image:none;mask-image:none;border:1px solid #bfa36b88;background-color:#10212b;box-shadow:inset 0 0 14px #0005;border-radius:2px}.traveler-heading{margin:14px 0;gap:12px}.traveler-heading h2{font-size:23px}.traveler-heading .eyebrow{font-size:9px}.intents{gap:10px;margin:12px 0}.intents>span{background:#07151c66;border-top:1px solid #b99c6055;padding:9px 6px;font-size:12px;text-align:center}.intents small{font-size:10px;margin-bottom:4px}.last-impact{font-size:11px;line-height:1.65;min-height:43px;color:#ead19b;border-top:1px solid #ba995241;padding-top:10px;font-variant-numeric:tabular-nums}.board-stage{outline:1px solid #c4a76e88;outline-offset:4px;box-shadow:0 22px 60px #0008,0 0 25px #ad8e4920}.board-panel .queue-label{padding-top:4px;color:#ead9ad}.guest-slots{margin:10px 0}.guest-slots i{width:24px;height:24px}.settings-wrap{margin:12px 0 6px}.secondary-actions button{padding:8px;flex:1}.player-panel>.muted:last-child{font-size:11px;line-height:1.6}.echoes{font-size:11px}.combat-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80;overflow:hidden}.combat-impact{position:absolute;opacity:0;text-align:center;font-weight:800;letter-spacing:.015em;font-size:15px;line-height:1.3;padding:7px 9px;color:#ffe8df;background:linear-gradient(90deg,transparent,#321612ed 18%,#321612ed 82%,transparent);text-shadow:0 2px 3px #000,0 0 10px #ff8b5a88;font-variant-numeric:tabular-nums;will-change:transform,opacity}.combat-impact[data-kind=heal]{color:#d0ffe1;background:linear-gradient(90deg,transparent,#103427ee 18%,#103427ee 82%,transparent);text-shadow:0 1px 4px #000}.combat-impact[data-kind=guard]{color:#c9edff;background:linear-gradient(90deg,transparent,#122d42ee 18%,#122d42ee 82%,transparent);text-shadow:0 1px 4px #000}.combat-impact[data-kind=sand]{color:#ffe2a0;background:linear-gradient(90deg,transparent,#3b2b12ee 18%,#3b2b12ee 82%,transparent);text-shadow:0 1px 4px #000}.combat-trace{position:absolute;width:14px;height:14px;opacity:0;border-radius:50%;background:#fff6cf;box-shadow:0 0 7px 3px #efc880,0 0 24px 7px #e7b46d77;will-change:transform,opacity}.combat-trace[data-kind=enemy]{background:#ffe2dc;box-shadow:0 0 7px 3px #df7359,0 0 24px 7px #df735977}.intro{max-width:680px;padding:45px 0 30px}.intro h1{font-size:clamp(92px,15vw,154px);color:#f1dfb9;line-height:1.1;margin:18px 0;text-shadow:0 4px 32px #000,0 0 80px #c9ac5b33}.intro>p:not(.eyebrow):not(.muted){max-width:410px;color:#dbd6c8}.intro .start-actions{margin:30px 0 22px}.intro .primary{min-width:250px;background:linear-gradient(#e6cb8e,#b49a61);border-color:#f5dba2;box-shadow:inset 0 1px #fff7,0 5px 25px #0004;color:#172027}.intro details{margin:20px 0;background:#0b1d27e6;border:1px solid #c4a56c44;max-width:410px}.intro label{font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.intro label>input,.intro label>select{width:240px;margin-left:0}.era-distance{background:linear-gradient(90deg,#07131acc,#0b1a2299 45%,#07131ad9),url(/anacronia/art/era1-harbor.webp) center/cover}.struck .enemy-portrait{animation:portrait-hit .3s ease-out}@media (max-width:1100px) and (min-width:901px){.play-layout{gap:18px;grid-template-columns:minmax(180px,1fr) 360px minmax(215px,1fr);padding:0 15px}.enemy-panel,.player-panel{padding:13px}.enemy-panel h1{font-size:25px}.traveler-heading h2{font-size:20px}.resources b{font-size:27px}}@media (max-width:900px){.play-layout{grid-template-columns:1fr;max-width:400px;margin:12px auto 20px;gap:12px;padding:0 12px}.enemy-panel{padding:11px 12px;grid-template-columns:66px minmax(0,1fr) auto;gap:0 10px}.enemy-portrait{width:66px;height:76px;grid-row:1/5;margin:0;aspect-ratio:auto;border:1px solid #bfa36b66}.enemy-panel .eyebrow{grid-column:2/4;font-size:9px}.enemy-panel h1{font-size:21px;line-height:1.1;margin:4px 0}.enemy-panel #enemy-hp{font-size:10px}.enemy-meter{grid-column:2/4;grid-row:3;margin:5px 0;height:10px}.intents{grid-column:2/4;grid-row:4;gap:8px;margin:3px 0 0}.intents>span{font-size:10px;padding:3px 0;text-align:left;background:none;border:0;white-space:nowrap}.intents small{font-size:9px;margin:0}.last-impact{grid-column:1/-1;min-height:26px;margin-top:8px;padding-top:6px;font-size:10px;line-height:1.5}.board-stage,.queue-label,.tile-legend{max-width:336px}.player-panel{padding:11px 12px;column-gap:10px}.resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 0 10px}.resources b{font-size:24px}.resources small{font-size:9px;letter-spacing:0}.resources i{font-size:10px}.combat-meter{height:7px}.player-panel>.traveler-heading{margin:10px 0 7px;gap:8px}.traveler-portrait{width:40px;height:48px}.player-panel .traveler-heading h2{font-size:18px}.player-panel>#ability{padding:8px 6px;min-height:48px;font-size:11px}.traveler-heading .eyebrow{font-size:8px}.guest-slots{margin:5px 0}.combat-impact{font-size:13px}.intro{margin:3vh 23px;padding:24px 0}.intro h1{font-size:clamp(86px,23vw,125px)}.intro .primary{min-width:0}.intro label{align-items:flex-start;flex-direction:column;gap:6px}.intro label>input,.intro label>select{width:100%}}@media (max-width:350px){.play-layout{padding:0 10px;gap:10px}.enemy-panel{grid-template-columns:52px minmax(0,1fr) auto;gap:0 6px;padding:9px}.enemy-portrait{width:52px;height:67px}.enemy-panel h1{font-size:18px}.enemy-panel #enemy-hp{font-size:9px}.intents>span{font-size:9px}.player-panel{padding:10px}.resources b{font-size:22px}.resources small{font-size:8px}.player-panel .traveler-heading h2{font-size:16px}}@media (max-width:900px){.play-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;row-gap:9px}.play-layout>.enemy-panel{grid-column:1/-1;grid-row:1}.play-layout>.board-panel{grid-column:1/-1;grid-row:4}.play-layout>.player-panel{display:contents}.player-panel>*{grid-column:1/-1}.player-panel>#resources{grid-column:1/-1;grid-row:2;background:#10212ce8;padding:10px 12px;border:1px solid #b5985a55;box-shadow:inset 0 0 0 3px #09131a55}.player-panel>.traveler-heading{grid-column:1;grid-row:3;margin:0;min-height:48px}.player-panel>#ability{grid-column:2;grid-row:3;margin:0}.player-panel>#ability-hint{margin:0;font-size:11px}.player-panel>.guest-slots{margin:0}.player-panel>.settings-wrap{margin:0}.player-panel>.secondary-actions{margin:0}.player-panel>.muted:last-child{margin:0}.player-panel:before{display:none}}.combat-effects{z-index:15}.mobile-combat-dock{display:none}@media (max-width:900px){body:has(.play-layout){padding-bottom:75px}.mobile-combat-dock{position:fixed;display:flex;align-items:center;justify-content:space-around;gap:8px;bottom:calc(9px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:376px;margin:auto;padding:7px 10px;background:#10212cf5;border:1px solid #bba16b99;box-shadow:0 4px 20px #0009,inset 0 0 0 3px #09131a88;z-index:12;pointer-events:none}.mobile-combat-dock>span{display:flex;align-items:center;gap:8px}.mobile-combat-dock small{font-size:8px;letter-spacing:.05em;color:#cfbe98}.mobile-combat-dock b{font-size:20px;font-family:Georgia,serif;color:#f3e5c6;font-variant-numeric:tabular-nums}.mobile-combat-dock [data-hud-target=hp] b{color:#f4b4a5}.mobile-combat-dock [data-hud-target=guard] b{color:#b5ddf1}}.mobile-combat-dock{z-index:13}.mobile-combat-dock[data-practice=true] [data-dock=enemy]{font:12px Arial,sans-serif}.enemy-meter[hidden]{display:none}@font-face{font-family:ECHI Cinzel;src:url(/anacronia/fonts/cinzel-latin-variable.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:ECHI Manrope;src:url(/anacronia/fonts/manrope-latin-variable.ttf) format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{--echi-display:"ECHI Cinzel",Georgia,serif;--echi-body:"ECHI Manrope",Arial,sans-serif;font-family:var(--echi-body)}body,button,input,select,textarea{font-family:var(--echi-body)}body{font-weight:450}button{font-weight:650;letter-spacing:.005em}header>strong,.landing h1,.landing h2,.enemy-panel h1,.player-panel h2,.guidance-popup h2,.result-dialog h2,.result-seal,.intro h1,.resources b,.mobile-combat-dock b{font-family:var(--echi-display)}header>strong{font-weight:600;letter-spacing:.18em}.landing h1{font-weight:500;letter-spacing:.12em}.landing h2{font-weight:500;letter-spacing:-.035em}.enemy-panel h1,.player-panel h2,.guidance-popup h2,.result-dialog h2{font-weight:500;letter-spacing:-.025em}.resources b,.mobile-combat-dock b{font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums}.resources i,.mobile-combat-dock[data-practice=true] [data-dock=enemy]{font-family:var(--echi-body)}.eyebrow,.queue-label{font-weight:650}.battle-extras{max-width:none;margin:6px 0 0;border-top:1px solid #a88d5344}.battle-extras>summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#b9c8cc;list-style:none}.battle-extras>summary:after{content:"+";font-size:20px}.battle-extras[open]>summary:after{content:"−"}.battle-extras>button{width:100%;font-size:12px}.battle-extras>p{font-size:12px}@media (min-width:901px) and (min-height:620px){body:has(.play-layout){padding-bottom:0}#app:has(.play-layout){height:100dvh}#app:has(.play-layout)>header{height:56px;padding:6px max(24px,calc((100vw - 1280px)/2));gap:16px}.play-layout{--board-width:360px;display:grid;grid-template-columns:minmax(240px,1fr) var(--board-width) minmax(260px,1fr);gap:clamp(24px,3vw,48px);width:100%;max-width:1280px;height:calc(100dvh - 56px);margin:0 auto;padding:16px 28px;align-items:center}.enemy-panel,.player-panel{min-width:0;max-height:100%;position:relative;padding:0 16px;background:transparent;border:0;border-radius:0;box-shadow:none}.enemy-panel{border-right:1px solid #b5985a44;padding-left:0;padding-right:24px}.player-panel{border-left:1px solid #b5985a44;padding-left:24px;padding-right:0;display:flex;flex-direction:column}.enemy-panel:before,.player-panel:before{display:none}.enemy-portrait{width:128px;height:128px;aspect-ratio:1;margin:0 auto 12px;border:0;background-color:transparent;box-shadow:none;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.enemy-panel .eyebrow{font-size:10px;margin:0 0 5px}.enemy-panel h1{font-size:clamp(23px,2vw,29px);line-height:1.15;margin:0 0 8px}.enemy-panel #enemy-hp{font-size:13px}.enemy-meter{margin:8px 0 10px;height:10px}.last-impact{min-height:34px;padding:7px 0 0;font-size:11px;line-height:1.45}.enemy-panel>.turn-cue{margin:12px 0 0;padding:11px 0 0;min-height:0;background:none;border-bottom:0;border-top-color:#b5985a44}.turn-cue-mode{font-size:9px;line-height:1.55;margin-bottom:5px}.turn-cue>strong{height:44px;min-height:44px;display:flex;align-items:center;font-size:15px;line-height:1.35}.turn-sequence{margin:7px 0;font-size:10px;gap:7px;white-space:nowrap}.turn-cue>p#turn-stage-detail{height:72px;min-height:72px;margin:7px 0;font-size:12px;line-height:1.5}.turn-forecast{grid-template-columns:1fr;min-height:122px;gap:9px;padding-top:9px}.turn-forecast p{font-size:12px;line-height:1.45;gap:3px}.turn-forecast b{font-size:10px;color:#ddc28b}.board-panel{width:var(--board-width);min-width:0;align-self:center}.board-panel .queue-label{padding:0 0 8px 8px;line-height:1.2;font-size:10px}.board-stage{width:100%;max-width:none;aspect-ratio:360/438;outline-offset:4px}.lesson{font-size:12px;line-height:1.45;margin:0 0 10px;padding:7px 10px}.tile-legend{font-size:10px;margin:12px 0 4px;gap:5px}.preview-note{height:34px;min-height:34px;line-height:1.4;font-size:12px;margin:4px 0 5px}.cursor{padding-top:8px;gap:6px;flex-wrap:nowrap}.cursor>span{font-size:12px}.cursor button{min-width:44px;min-height:44px;padding:8px 10px;font-size:12px}.traveler-heading{order:-1;margin:0 0 13px;gap:14px;min-height:100px}.traveler-portrait{width:88px;height:104px;flex-shrink:0;border:0;box-shadow:none;background-color:transparent;-webkit-mask-image:linear-gradient(#000 83%,transparent);mask-image:linear-gradient(#000 83%,transparent)}.traveler-heading .eyebrow{font-size:9px;line-height:1.5}.player-panel .traveler-heading h2{font-size:25px;line-height:1.2;margin:6px 0 0}.resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:0 0 13px;margin:0 0 12px}.resources small{font-size:10px}.resources b{font-size:28px;line-height:1.15}.resources .combat-meter{height:7px}#ability{min-height:44px;font-size:13px;padding:9px 10px}#ability-hint{font-size:12px;line-height:1.5;margin:8px 0}#ability-targets label{font-size:12px;margin:6px 0;display:flex;align-items:center;gap:6px}#ability-targets select{min-height:44px;margin-left:auto}.echoes{min-height:30px;max-height:76px;overflow:auto;padding:9px 0;font-size:12px;line-height:1.5}#feedback{min-height:0;max-height:70px;overflow:auto;font-size:12px;line-height:1.5;margin:7px 0;padding-left:9px}#feedback:empty{margin:0;padding:0}.guest-slots{margin:7px 0;font-size:10px}.guest-slots i{width:22px;height:22px}.settings-wrap{margin:8px 0 0}.settings-wrap>summary,.battle-extras>summary{min-height:44px;font-size:12px}.secondary-actions{gap:8px;margin-top:6px;flex-wrap:nowrap}.secondary-actions button{min-height:44px;font-size:12px;padding:8px 10px}.battle-extras{margin:4px 0 0}.settings-wrap[open],.battle-extras[open]{position:absolute;bottom:56px;left:18px;right:0;z-index:16;padding:10px 16px;margin:0;background:#10242ffb;border:1px solid #bba16b;box-shadow:0 12px 45px #0009;max-height:calc(100dvh - 110px);overflow:auto}.settings-wrap[open]{bottom:100px}.settings-wrap[open]>summary,.battle-extras[open]>summary{color:#f0d59e}.audio-controls label{font-size:12px}.board-continuation{margin:9px 0;gap:6px}.board-continuation button{min-height:44px;padding:7px;font-size:11px}}@media (min-width:1200px) and (min-height:820px){.play-layout{--board-width:396px;padding-top:24px;padding-bottom:24px;gap:42px}.enemy-portrait{width:162px;height:162px;margin-bottom:16px}.traveler-heading{min-height:128px;margin-bottom:18px}.traveler-portrait{width:106px;height:128px}.resources{padding-bottom:18px;margin-bottom:16px;gap:16px}.resources b{font-size:32px}.turn-cue>p#turn-stage-detail{height:82px;min-height:82px}}@media (min-width:901px) and (max-width:1100px) and (min-height:620px){.play-layout{grid-template-columns:minmax(170px,1fr) var(--board-width) minmax(210px,1fr);gap:18px;padding-left:20px;padding-right:20px}.enemy-panel{padding-right:14px}.player-panel{padding-left:14px}.traveler-heading{gap:8px}.traveler-portrait{width:60px;height:76px}.player-panel .traveler-heading h2{font-size:20px}.turn-sequence{font-size:9px;gap:4px}.enemy-panel h1{font-size:23px}}@media (min-width:901px) and (max-height:759px) and (min-height:620px){.play-layout{padding-top:10px;padding-bottom:10px}.enemy-portrait{width:100px;height:100px;margin-bottom:8px}.traveler-heading{min-height:78px;margin-bottom:9px}.traveler-portrait{width:68px;height:82px}.resources{gap:8px 16px;padding-bottom:10px;margin-bottom:9px}.resources b{font-size:25px}.turn-cue>p#turn-stage-detail{height:68px;min-height:68px}.turn-forecast{min-height:116px}.player-panel .traveler-heading h2{font-size:23px}#ability-hint{font-size:11px;margin:6px 0}.settings-wrap{margin-top:4px}}@media (min-width:901px) and (min-height:620px){body:has(.play-layout) .era-distance{opacity:.48}}@media (min-width:901px) and (min-height:620px){.preview-note{height:52px;min-height:52px;overflow:auto;scrollbar-width:thin}}.enemy-portrait[data-enemy=bulwark]{background-image:url(/anacronia/art/enemy-bulwark.webp);background-size:cover;background-position:center 18%}.enemy-portrait[data-enemy=leech]{background-image:url(/anacronia/art/enemy-leech.webp);background-size:cover;background-position:center 18%}.enemy-portrait[data-enemy=reaper]{background-image:url(/anacronia/art/enemy-reaper.webp);background-size:cover;background-position:center 18%}.enemy-portrait[data-enemy=chronophage]{background-image:url(/anacronia/art/enemy-chronophage.webp);background-size:cover;background-position:center 18%}.enemy-portrait[data-enemy=forger]{background-image:url(/anacronia/art/enemy-forger.webp);background-size:cover;background-position:center 18%}.move-preview{position:fixed;z-index:24;padding:13px 14px;background:#0b202bf5;border:1px solid #d0b37b;box-shadow:0 12px 38px #0009;color:#e7e5dc;pointer-events:none;border-radius:4px;font-size:12px;animation:preview-arrive .13s ease-out;max-height:calc(100dvh - 20px);overflow:hidden}.move-preview[hidden]{display:none}.preview-heading{display:flex;justify-content:space-between;gap:7px;color:#e2c78f;font-size:10px;letter-spacing:.05em}.preview-heading b{font-size:11px;white-space:nowrap}.preview-scope{font-size:10px;color:#afc3c8;line-height:1.4;margin:7px 0 10px}.preview-resource{display:flex;align-items:center;gap:9px;margin:9px 0}.preview-icon{color:#dcc18d;width:23px;height:23px;flex-shrink:0}.preview-icon svg{width:100%;height:100%}.preview-resource>span:nth-child(2){flex:1}.preview-resource small{display:block;color:#94adb5;font-size:10px;margin-top:2px}.preview-resource b{font-size:20px;font-variant-numeric:tabular-nums;font-weight:500}.preview-resource b.negative{color:#f0aaa0}.preview-resource b.positive{color:#9ae0d0}.preview-chips{display:flex;gap:5px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #b79c5f40}.preview-chips:empty{display:none}.preview-chips span{font-size:10px;padding:3px 5px;color:#e3cfab;background:#bba16b14}.preview-response{font-size:10px;line-height:1.4;color:#b4c9cc;margin:10px 0 0}@keyframes preview-arrive{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (min-width:901px) and (min-height:620px){.preview-note:not(.future-note){position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}.board-panel .cursor{margin-top:10px}}@media (max-width:900px),(max-height:619px){.move-preview{display:none}}.reduced-motion .move-preview,.effects-off .move-preview{animation:none}@media (prefers-reduced-motion:reduce){.move-preview{animation:none}}.enemy-guard{font-size:11px;color:#bbcdd0;margin:4px 0 8px}#rewind-help{align-self:flex-start;min-height:44px;padding:4px 0;background:none;border:0;border-radius:0;color:#d9be84;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px}#rewind-help[hidden]{display:none}#ability-hint.has-ghost{color:#b8e6ec;border-left:2px solid #80c7d4;padding-left:9px}.rewind-guide{position:fixed;z-index:55;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:16px 18px;background:#10232efc;border:1px solid #ac925e;color:#e1e7e7;box-shadow:0 14px 45px #0009;font-size:12px;line-height:1.5;animation:rewind-reveal .16s ease-out}.rewind-guide[hidden]{display:none}.rewind-guide-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.rewind-guide h3{font-size:17px;color:#edcf92;margin:0}.rewind-guide-heading button{min-height:44px;min-width:44px;padding:2px;font-size:23px}.rewind-guide p{margin:10px 0}.rewind-guide ol{margin:10px 0;padding-left:20px}.rewind-guide li{padding:3px 0}.rewind-status{border-top:1px solid #ac925e55;padding-top:10px;color:#edcf92}.rewind-guide .rewind-footnote{font-size:11px;color:#a9bec4}.rewind-comparison{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:8px}.rewind-comparison figure{margin:0}.rewind-comparison figcaption{font-weight:700;margin-bottom:5px}.rewind-comparison small{display:block;margin-top:5px;font-size:10px}.rewind-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.rewind-mini i{aspect-ratio:1;display:grid;place-items:center;font-size:12px;font-style:normal;background:#1b3440;color:#cbd5ce}.rewind-mini [data-tile=blade]{color:#dbb280}.rewind-mini [data-tile=sand]{color:#d5c48b}.rewind-mini [data-tile=shield]{color:#96b2bf}.rewind-mini .ghost{outline:1px dashed #8ae0e7;outline-offset:-2px;background:#36535d}.rewind-comparison>span{font-size:23px;color:#91d0d9}@keyframes rewind-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rewind-guide{animation:none}}.reduced-motion .rewind-guide,.effects-off .rewind-guide{animation:none}@media (min-width:901px) and (max-height:759px) and (min-height:620px){#rewind-help{min-height:44px;font-size:11px}}