.play-mode{--play-ink:#f6f0e4;--play-muted:#b8c9d4;--play-line:#b5cfdf3d;--play-gold:#f2cd89;--play-panel:#12243a;color:var(--play-ink);background:radial-gradient(circle at 82% 5%,#5e94a729,#0000 34%),linear-gradient(155deg,#0d1a2c 0%,#101f32 55%,#0a1626 100%);border:1px solid #3f5c6d;min-width:0;padding:clamp(16px,2.6vw,34px);box-shadow:inset 0 0 0 3px #040d1699}.play-mode *{box-sizing:border-box}.play-mode button{font:inherit;cursor:pointer}.play-mode button:disabled{cursor:not-allowed}.play-mode button:focus-visible{outline-offset:3px;outline:3px solid #eac783}.play-header{border-bottom:1px solid var(--play-line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding-bottom:22px;display:flex}.play-header-tools{flex:none;align-items:center;gap:10px;display:flex;position:relative}.play-rules summary{border:1px solid var(--play-line);min-height:44px;color:var(--play-muted);cursor:pointer;background:#15283d;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.play-rules summary:focus-visible{outline:3px solid var(--play-gold);outline-offset:3px}.play-rules ul{z-index:5;width:min(370px,100vw - 44px);color:var(--play-muted);background:#13263a;border:1px solid #7693a2;margin:0;padding:15px 18px 15px 34px;font-size:12px;line-height:1.6;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 14px 30px #00000061}.play-rules li+li{margin-top:7px}.play-eyebrow,.play-area-label{color:var(--play-gold);letter-spacing:.17em;font-size:11px;font-weight:800}.play-header h1{color:var(--play-ink);letter-spacing:.06em;margin:7px 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.2}.play-days{border:1px solid var(--play-line);min-width:140px;color:var(--play-muted);background:#15283d;flex:none;justify-content:center;align-items:baseline;gap:6px;padding:14px 18px;font-size:12px;display:flex}.play-days strong{color:var(--play-gold);font-size:30px;line-height:1}.play-layout{grid-template-columns:minmax(230px,290px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.4vw,30px);display:grid}.play-map{border:1px solid var(--play-line);background:#091524b8;min-width:0;padding:18px}.play-map h2,.play-log h3{color:var(--play-ink);margin:0;font-size:16px}.play-map-current{display:none}.play-region-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.play-region{text-align:left;width:100%;min-height:100px;color:var(--play-ink);background:#15273d;border:1px solid #385269;grid-template-columns:28px 68px minmax(0,1fr);align-items:center;gap:8px;padding:9px;transition:border-color .16s,background .16s;display:grid}.play-region:hover:not(:disabled),.play-region.selected{border-color:var(--play-gold);background:#1b3249}.play-region.locked{border-color:#526477}.play-region.locked img{opacity:.55;filter:saturate(.38)}.play-region img{object-fit:contain;width:68px;height:76px}.play-region-index{color:var(--play-gold);align-self:start;font-size:12px;font-weight:800}.play-region-copy{gap:2px;min-width:0;display:grid}.play-region-copy strong{font-size:15px;line-height:1.35}.play-region-copy small{color:var(--play-muted);font-size:12px}.play-region-copy em{color:var(--play-gold);margin-top:5px;font-size:11px;font-style:normal}.play-study-cta{border:1px solid var(--play-gold);width:100%;color:var(--play-ink);text-align:left;background:#243747;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-top:12px;padding:12px;font-size:13px;font-weight:750;display:flex}.play-study-cta span{color:var(--play-gold);font-size:11px;font-weight:500}.play-arena{border:1px solid var(--play-line);background:radial-gradient(at 62% 38%,#3a658947,#0000 55%),linear-gradient(#15283f,#0d1c30);min-width:0}.play-arena-top{border-bottom:1px solid var(--play-line);justify-content:space-between;align-items:center;gap:12px;padding:19px 22px 14px;display:flex}.play-arena-top h2{color:var(--play-ink);margin:4px 0 0;font-size:clamp(19px,2.1vw,25px)}.play-back{min-height:42px;color:var(--play-ink);border:1px solid var(--play-line);background:0 0;padding:7px 12px}.play-back:hover{border-color:var(--play-gold)}.play-preview{grid-template-columns:minmax(0,1.1fr) minmax(200px,.9fr);align-items:center;gap:20px;min-height:410px;padding:24px;display:grid}.play-preview-art{background:radial-gradient(#9bc6cf21,#0000 66%);grid-area:1/1;justify-content:center;align-items:center;min-width:0;height:340px;display:flex}.play-preview-copy{grid-area:1/2}.play-preview-art img{object-fit:contain;filter:drop-shadow(0 20px 18px #0000004d);width:100%;height:100%;display:block}.play-preview-copy h3{color:var(--play-ink);margin:7px 0 10px;font-size:clamp(23px,2.5vw,32px)}.play-preview-copy .play-primary{margin-top:17px}.play-primary,.play-secondary,.play-skill{border:1px solid #e0b873;min-height:48px;padding:10px 16px;font-size:14px;font-weight:800;line-height:1.4;transition:filter .16s}.play-primary{color:#132339;background:linear-gradient(#f8dba3,#dfb970)}.play-secondary,.play-skill{color:var(--play-ink);background:#1a3149;border-color:#6b8ca0}.play-primary:hover:not(:disabled),.play-secondary:hover:not(:disabled),.play-skill:hover:not(:disabled){filter:brightness(1.1)}.play-primary:hover:not(:disabled),.play-primary:focus-visible{color:#132339}.play-primary:disabled,.play-secondary:disabled,.play-skill:disabled{opacity:.45}.play-battle{padding:18px 22px 24px}.play-combat-actors{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:end;gap:14px;display:grid}.play-actor{min-width:0}.play-actor-image{background:radial-gradient(at 50% 74%,#a3d4d02b,#0000 62%);justify-content:center;align-items:flex-end;height:clamp(190px,24vw,320px);display:flex}.play-actor-image img{object-fit:contain;filter:drop-shadow(0 15px 16px #00000061);max-width:100%;max-height:100%;display:block}.play-actor.hero .play-actor-image img{max-width:78%}.play-actor>strong{color:var(--play-ink);text-align:center;margin:10px 0;font-size:14px;display:block}.play-versus{text-align:center;color:#e4b876;letter-spacing:.1em;align-self:center;font-size:15px;font-weight:900}.play-meter-wrap{width:100%}.play-meter-label{color:var(--play-muted);justify-content:space-between;gap:7px;font-size:12px;display:flex}.play-meter-label strong{color:var(--play-ink);font-variant-numeric:tabular-nums}.play-meter-track{width:100%;height:11px;margin-top:6px;position:relative}.play-meter{appearance:none;background:#112735;border:1px solid #6e938b;width:100%;height:100%;margin:0;display:block}.play-meter-ghost{z-index:1;pointer-events:none;transform-origin:0;background:#d5f0c8;animation:.25s ease-out .12s forwards play-hp-ghost;position:absolute;top:1px;bottom:1px}.play-meter-ghost.enemy{background:#f8d3b5}@keyframes play-hp-ghost{to{opacity:0;transform:scaleX(0)}}.play-meter::-webkit-progress-bar{background:#112735}.play-meter::-webkit-progress-value{background:#81c4a9}.play-meter::-moz-progress-bar{background:#81c4a9}.play-meter.enemy{border-color:#a67d8d}.play-meter.enemy::-webkit-progress-value{background:#e4a5aa}.play-meter.enemy::-moz-progress-bar{background:#e4a5aa}.play-battle-status{border:1px solid var(--play-line);color:var(--play-gold);background:#0d1e31;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:21px 0 13px;padding:10px 13px;font-size:13px;font-weight:700;display:flex}.play-commands{flex-wrap:wrap;gap:8px;display:flex}.play-commands button{flex:125px}.play-commands kbd{color:inherit;opacity:.7;margin-left:8px;font-size:11px}.play-result{background:#243345;border:1px solid #bc9b61;gap:8px;margin-top:22px;padding:18px;display:grid}.play-result strong{color:var(--play-gold);font-size:23px}.play-result-actions{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.play-log{border-top:1px solid var(--play-line);margin-top:22px;padding-top:17px}.play-log-head{color:var(--play-muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.play-live{color:var(--play-gold);margin:12px 0;font-size:13px;line-height:1.5}.play-log ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.play-log li{color:var(--play-muted);border-left:2px solid #bad8df45;padding-left:12px;font-size:12px;line-height:1.5}@media (width<=1000px){.play-layout{grid-template-columns:1fr}.play-layout.in-battle .play-map{display:none}.play-region-list{grid-template-columns:repeat(3,minmax(0,1fr))}.play-region{grid-template-rows:74px auto;grid-template-columns:24px minmax(0,1fr)}.play-region img{grid-area:1/2;justify-self:center}.play-region-index{grid-area:1/1}.play-region-copy{grid-area:2/1/auto/-1}}@media (width<=620px){.play-mode{padding:14px}.play-header{grid-template-columns:1fr;align-items:flex-start;gap:8px;display:grid}.play-header h1{white-space:nowrap;margin:0;font-size:27px}.play-header-tools{justify-content:space-between}.play-days{flex-wrap:wrap;gap:2px 4px;min-width:78px;padding:10px}.play-days strong{font-size:24px}.play-map{padding:13px}.play-map-current{border:1px solid var(--play-line);background:#1b3249;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:8px;display:flex}.play-map-current>span{min-width:0;font-size:13px;font-weight:700}.play-map-current .play-primary{flex:none;min-height:44px;padding:6px 12px;font-size:12px}.play-region-list{grid-template-columns:1fr}.play-region-list li{min-width:0}.play-region{grid-template-rows:auto;grid-template-columns:24px 58px minmax(0,1fr);min-height:80px}.play-region img{grid-area:1/2;width:58px;height:64px}.play-region-copy{grid-area:1/3}.play-arena-top{padding:15px}.play-preview{grid-template-columns:1fr;gap:0;padding:14px}.play-preview-art{grid-area:2/1;height:220px}.play-preview-copy{grid-area:1/1;padding:0 6px 12px}.play-preview-copy .play-primary{display:none}.play-battle{padding:14px}.play-combat-actors{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:5px}.play-actor-image{height:170px}.play-versus{font-size:10px}.play-actor>strong{font-size:12px}.play-meter-label{font-size:10px}.play-battle-status{font-size:12px}}@media (prefers-reduced-motion:reduce){.play-mode *,.play-mode :before,.play-mode :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.play-battle{background:#0a1525;padding:0}.play-battlefield{min-height:330px;image-rendering:pixelated;background-position:50% 58%;background-size:cover;position:relative;overflow:hidden}.play-battlefield:after{content:"";pointer-events:none;background:linear-gradient(#0000,#071422ba);height:28%;position:absolute;inset:auto 0 0}.play-field-sky{z-index:2;color:#fff5df;text-shadow:0 2px 4px #08131e;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:13px 15px auto}.play-field-actors{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:2%;min-height:330px;padding:43px 7% 20px;display:grid}.play-field-enemy,.play-field-hero{z-index:1;flex-direction:column;justify-content:end;align-items:center;min-width:0;height:267px;display:flex;position:relative}.play-field-enemy img,.play-field-hero img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 14px 5px #08152077);max-width:100%;max-height:100%;display:block}.play-field-enemy img{width:100%;height:220px}.play-field-hero img{image-rendering:pixelated;z-index:1;object-position:bottom;width:100%;height:245px;position:relative}.play-hit-mark,.play-guard-mark{pointer-events:none;opacity:0;position:absolute}.play-hit-mark{z-index:2;clip-path:polygon(50% 0,59% 36%,94% 24%,67% 49%,100% 58%,62% 62%,73% 100%,49% 68%,22% 94%,36% 60%,0 49%,37% 43%);background:#f3d693;width:62px;height:62px;top:31%;left:calc(50% - 31px);transform:scale(.45)rotate(-20deg)}.play-guard-mark{z-index:0;background:#93dbdc18;border:3px solid #9edfe3;border-radius:50%;inset:11% 8% 9%;transform:scale(.83)}.play-skip-cue{z-index:3;color:#f5f1e9;background:#071a2bd9;border:1px solid #e1eced9c;border-radius:6px;min-height:44px;padding:8px 12px;font-size:11px;position:absolute;bottom:8px;right:10px}.play-skip-cue:focus-visible{outline-offset:2px;outline:2px solid #f3d693}.play-field-name{color:#fff2d4;text-shadow:0 1px #061422;background:#09182ab8;border:1px solid #c4d4c76b;margin-top:5px;padding:3px 9px;font-size:12px}.play-field-message{color:#fff5df;background:#142944;border-top:2px solid #8fa7b3;border-bottom:2px solid #8fa7b3;flex-direction:column;justify-content:center;gap:2px;min-height:52px;padding:10px 18px;font-size:14px;line-height:1.5;display:flex}.play-battle-windows{grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);gap:8px;padding:9px;display:grid}.play-command-window,.play-status-window{background:linear-gradient(140deg,#203e61,#132a47);border:2px solid #9fb7c5;border-radius:7px;min-width:0;box-shadow:inset 0 0 0 2px #122944}.play-command-window{align-content:start;padding:6px;display:grid}.play-command{color:#fff7e6;text-align:left;border-radius:4px;align-items:center;gap:6px;width:100%;min-height:42px;padding:6px 8px;font-size:14px;font-weight:700;transition:transform 60ms ease-out;display:flex}.play-command:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){.play-command:active:not(:disabled){transform:none}}.play-command:hover:not(:disabled),.play-command:focus-visible{background:#ffffff1d}.play-command>span:first-child{color:var(--play-gold);font-size:22px;line-height:.7}.play-command small{color:#d1ddea;margin-left:auto;font-size:10px}.play-command-skill-copy{overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.play-command-skill-copy small{margin-left:0;font-weight:500}.play-command-back{color:#b8cbd9;font-size:12px}.play-status-window{align-content:center;gap:11px;padding:12px;display:grid}.play-status-name{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.play-status-name strong{font-size:14px}.play-status-name span{color:#d7e0e7;font-size:11px}.play-status-window .play-meter-track{height:8px;margin-top:3px}.play-intent{color:#ffe0a7;border-top:1px solid #ffffff38;grid-column:1/-1;padding:7px 4px 1px;font-size:12px;line-height:1.5}.play-intent.heavy{border-left:3px solid var(--play-gold);background:#f2cd891a;padding-left:8px;font-weight:700;animation:.16s ease-out both play-intent-enter}@keyframes play-intent-enter{0%{opacity:.65;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.play-battle .play-result{margin:9px}.play-battle .play-log{color:#b7c9d9;border:0;margin:0;padding:0 18px 14px}.play-battle .play-log summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:11px}.play-battle .play-log ol{margin-top:3px}.cue-attack .play-field-hero img,.cue-skill .play-field-hero img{animation:.52s steps(3,end) play-hero-lunge}.cue-attack .play-field-enemy img,.cue-skill .play-field-enemy img{animation:.52s steps(2,end) play-enemy-hit}.cue-attack .play-hit-mark,.cue-skill .play-hit-mark{animation:.52s ease-out play-hit-spark}.cue-guard .play-field-hero img{animation:.35s steps(2,end) play-hero-guard}.cue-guard .play-guard-mark{animation:.35s ease-out play-guard-ring}@keyframes play-hero-lunge{0%,to{transform:translate(0)}16%{transform:translate(3px)}42%,53%{transform:translate(-18px)}}@keyframes play-enemy-hit{0%,to{opacity:1;transform:translate(0)}42%,53%{opacity:.64;transform:translate(-3px)}}@keyframes play-hit-spark{0%,32%,73%,to{opacity:0;transform:scale(.45)rotate(-20deg)}43%,56%{opacity:.86;transform:scale(1)rotate(0)}}@keyframes play-hero-guard{0%,to{transform:translateY(0)}35%,65%{transform:translateY(3px)}}@keyframes play-guard-ring{0%,to{opacity:0;transform:scale(.83)}32%,72%{opacity:.8;transform:scale(1)}}@media (width<=620px){.play-mode.battle-active .play-header{display:none}.play-battlefield,.play-field-actors{min-height:235px}.play-field-actors{padding:40px 4% 13px}.play-field-enemy,.play-field-hero{height:184px}.play-field-enemy img{height:155px}.play-field-hero img{height:181px}.play-field-message{min-height:48px;padding:8px 12px;font-size:12px}.play-battle-windows{grid-template-columns:minmax(110px,.9fr) minmax(0,1.1fr);gap:6px;padding:6px}.play-command-window,.play-status-window{border-width:1px}.play-command{min-height:44px;padding:4px;font-size:12px}.play-status-window{gap:7px;padding:7px}.play-status-name strong{font-size:12px}.play-meter-label{font-size:10px}}@media (width<=620px) and (height<=700px){.quest-app:has(.play-mode.battle-active) .topbar{display:none}.play-arena-top{padding:7px 10px 5px}.play-arena-top h2{margin-top:0;font-size:18px}.play-battlefield,.play-field-actors{min-height:151px}.play-field-actors{padding:25px 4% 6px}.play-field-enemy,.play-field-hero{height:121px}.play-field-enemy img{height:110px}.play-field-hero img{height:118px}.play-field-message{min-height:44px;padding-block:6px}}