:root{color-scheme:dark;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#stageContent{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;padding:0}#atelierTab{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;padding:16px;overflow:auto;background:#071d29}.atelier-intro{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #497d80;border-radius:14px;background:#0d2b36}.atelier-intro img{width:72px;height:72px;object-fit:contain}.atelier-intro h2,.atelier-intro p{margin:3px 0}.atelier-intro p{color:#c5ddd8;line-height:1.4}.trail-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px}.trail-style{min-height:110px;padding:12px;border:1px solid #497d80;border-radius:12px;background:#0a2531;color:#f4fff9;text-align:start;display:grid;align-content:start;gap:9px;transition:border-color .16s ease,box-shadow .16s ease}.trail-style.selected{border-color:#ffe58c;box-shadow:inset 0 0 0 2px #ffe58c}.trail-style:active{box-shadow:inset 0 0 0 2px #7cf0c9}.trail-swatch{height:16px;border-radius:9px;box-shadow:0 0 16px currentColor}#atelierFeedback{min-height:22px;margin:0;color:#c8f3e5}#battleLive{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(44px,auto) minmax(0,1fr) 24px;gap:4px;min-width:0;min-height:0;padding:4px;background:#081c27}.objective-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:44px;padding-inline:8px 0;border:0;border-radius:9px;background:linear-gradient(90deg,#153d40,#0a2530)}.objective-copy{display:grid;gap:2px;min-width:0;line-height:1.25}.objective-copy :is(span,small){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#objective{font-size:14px;font-weight:850;color:#edfff4}#missionTwist{font-size:11px;color:#a7cfc7}.help-action{width:44px;height:44px;min-width:44px;min-height:44px;border:2px solid var(--wp-ui-line,#62929a);border-radius:12px;background:var(--wp-ui-control,#113344);color:var(--wp-ui-control-text,#f4fff9);font-weight:900}#arenaWrap{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 114px;gap:0;min-width:0;min-height:0;padding:0;overflow:hidden;border:1px solid #38635f;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#174b4e,#09252e 75%);box-shadow:inset 0 0 24px #020f1a;transition:box-shadow .15s ease}#arenaWrap:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#67e6c808 25.2%,#67e6c808 37%,transparent 37.2%),repeating-linear-gradient(90deg,transparent 0 47px,#99efd908 48px 49px,transparent 50px 96px),radial-gradient(ellipse at 50% 45%,#1d6b5545,transparent 65%)}#arenaWrap:after{content:"";position:absolute;inset:auto 0 0;height:18%;z-index:0;pointer-events:none;background:linear-gradient(0deg,#123d3b,#123d3b00);clip-path:polygon(0 30%,9% 30%,9% 50%,19% 50%,19% 65%,28% 65%,28% 78%,72% 78%,72% 65%,81% 65%,81% 50%,91% 50%,91% 30%,100% 30%,100% 100%,0 100%)}#arenaWrap[data-danger=true]{box-shadow:inset 0 0 0 2px #ef8794,inset 0 0 22px #b92f493b}#arenaBoard{position:relative;z-index:1;grid-row:1;grid-column:1;min-width:0;min-height:0;overflow:hidden;container-type:size;display:grid;place-items:center;background:#071e2b}#arenaBoard :is(#arena,.sanctuary-block-layer){position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:transparent;touch-action:none}#arenaBoard .sanctuary-block-layer{z-index:0;pointer-events:none}#battleDock{position:relative;z-index:2;grid-row:2;grid-column:1;display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;justify-items:center;gap:8px;padding:6px 10px;border-top:1px solid #4b8071;background:radial-gradient(ellipse at 50% 0,#20534a65,transparent 75%),linear-gradient(#102d33,#091c28);box-shadow:0 -6px 22px #02121980;direction:ltr}#mapToggle{position:relative;width:88px;height:98px;padding:3px;border:1px solid #578f80;border-radius:7px;background:#071d28;color:#b9f3dc;cursor:zoom-out;box-shadow:0 2px 7px #0005}#mapToggle[aria-pressed=true]{border-color:#ffe399;box-shadow:0 0 0 2px #ffe39950;cursor:zoom-in}#tacticalMap{display:block;width:80px;height:80px;image-rendering:pixelated}#mapToggle>span{display:block;font-size:10px;font-weight:800;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#touchPad{position:relative;inset:auto;grid-column:2;grid-row:1;width:140px;height:92px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px;align-self:center;justify-self:center;opacity:1;direction:ltr;touch-action:none}#touchPad [data-dir=up]{grid-column:2;grid-row:1}#touchPad [data-dir=left]{grid-column:1;grid-row:2}#touchPad [data-dir=down]{grid-column:2;grid-row:2}#touchPad [data-dir=right]{grid-column:3;grid-row:2}#touchPad button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #568b7f;border-radius:10px;background:linear-gradient(#244d49,#123139);color:#d8ffe5;box-shadow:0 3px #031621;font-size:23px;transition:background-color .12s ease,box-shadow .12s ease}#touchPad button[data-active=true]{background:#285d68;color:#fff8c4;border-color:#f2d28d;box-shadow:inset 0 0 0 2px #f5e3a43d}#feedback{min-width:0;min-height:24px;margin:0;padding:3px 6px;overflow:hidden;border-radius:5px;background:linear-gradient(90deg,transparent,#193b47,transparent);color:#b4eedf;font-size:12px;font-weight:800;line-height:18px;text-overflow:ellipsis;white-space:nowrap;transition:color .12s ease}#feedback[data-kind=hurt]{color:#ffb9c2}#feedback[data-kind=capture]{color:#ffe58e}#feedback[data-kind=trail]{color:#c2eeff}.sanctuary-progress{position:relative;isolation:isolate}.sanctuary-progress:after{content:"";position:absolute;inset:auto 0 0;height:3px;max-width:100%;background:linear-gradient(90deg,#8fffe0,#ffe389);width:var(--capture-progress,0%);transition:width .25s ease;pointer-events:none}#timeValue[data-urgent=true]{color:#ffd08e!important}.modal-layer{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#030914cc;backdrop-filter:blur(5px)}.dialog-card,.result-card{width:min(100%,520px);max-height:min(92%,720px);overflow:auto;padding:20px;border:1px solid #5d9ba0;border-radius:18px;background:linear-gradient(155deg,#123b43,#081b2a);color:#f4fff9;box-shadow:0 18px 54px #000a}.dialog-card h2,.result-card h2{margin:0 0 10px}.dialog-card p,.result-card p{color:#d4ebe3;line-height:1.5}.dialog-card ol{padding-inline-start:24px;line-height:1.5}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.modal-actions button{min-height:44px;padding:8px 12px;border:1px solid #54888d;border-radius:10px;background:#102b3a;color:#f4fff9;font-weight:800}.modal-actions button.primary{border-color:#ffe58c;background:linear-gradient(135deg,#ffe277,#f6a623);color:#1c1708}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.result-card{text-align:center}.result-card>img{width:96px;height:96px;object-fit:contain}.result-card>small{display:block;margin-top:8px;color:#ffe58c;font-weight:800}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.result-stats>span{display:grid;gap:4px;padding:8px;border:1px solid #406e75;border-radius:9px;background:#092332}.result-stats b{font-size:11px;color:#a9d8d0}.result-stats strong{font-variant-numeric:tabular-nums}.modal-layer button:focus-visible,.trail-style:focus-visible,#touchPad button:focus-visible{outline:3px solid #fff176;outline-offset:2px}@media(max-width:359px){#battleDock{grid-template-columns:68px minmax(0,1fr);gap:4px;padding-inline:5px}#mapToggle{width:68px;height:78px}#tacticalMap{width:60px;height:60px}.trail-styles{grid-template-columns:1fr}}@media(min-aspect-ratio:6/5){#arenaWrap{grid-template-columns:minmax(0,1fr) 154px;grid-template-rows:minmax(0,1fr)}#arenaBoard{grid-column:1;grid-row:1}#battleDock{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(90px,1fr) 96px;gap:3px;padding:6px;border-top:0;border-inline-start:1px solid #4b8071}#mapToggle{grid-column:1;grid-row:1}#touchPad{grid-column:1;grid-row:2}}@media(max-height:500px)and (min-width:700px){#battleLive{gap:4px;padding:4px}#arenaWrap{grid-template-columns:minmax(0,1fr) 154px;grid-template-rows:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.trail-style,#touchPad button,#arenaWrap,#feedback,.sanctuary-progress:after{transition:none!important}}