:root{color-scheme:dark;font-family:Inter,Noto Sans TC,system-ui,sans-serif;--ink: #eef8ff;--muted: #a9bed9;--panel: #10294a;--panel2: #183b68;--cyan: #27d3ef;--blue: #2878ff;--coral: #ff775f;--gold: #ffc64a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}button,select{font:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.battle-live{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;width:100%;height:100%;min-width:0;min-height:0;padding:10px 12px;overflow:hidden}.arrow-objective-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:42px;padding:8px 12px;overflow:hidden;border:1px solid #48cdef35;border-radius:14px;background:#102d51;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0003}.arrow-objective-row strong{flex:0 0 auto;color:var(--gold);font-size:.78rem;white-space:nowrap}.arrow-objective-row span{min-width:0;overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.board-track{display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;container-type:size}.arrow-board{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:clamp(4px,1vw,9px);box-sizing:border-box;width:min(100cqw,100cqh,590px);max-width:100%;max-height:590px;aspect-ratio:1;padding:clamp(7px,1.6vw,14px);overflow:hidden;border:clamp(5px,1.2vw,10px) solid #243f68;border-radius:26px;background-color:#092b50;background-image:url(/assets/arrow-escape/block-board-v1.webp);background-position:center;background-size:100% 100%;box-shadow:inset 0 0 0 2px #73efff70,inset 0 0 28px #00c8ff24,0 7px #0a1730,0 18px 34px #000b,0 0 42px #19bce61f}.arrow-board:before{position:absolute;z-index:-1;border-radius:18px;background:linear-gradient(90deg,transparent 49.5%,#55dfff0c 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#55dfff0c 50%,transparent 50.5%);background-size:33.333% 33.333%;box-shadow:inset 0 0 36px #0008;content:"";inset:0;pointer-events:none}.board-cell{position:relative;z-index:1;display:grid;min-width:0;min-height:0;place-items:center}.arrow-block,.obstacle{display:grid;width:100%;height:100%;min-width:0;min-height:0;place-items:center;overflow:hidden;border:1px solid #ffffff80;border-radius:18%;font-size:clamp(1rem,5vmin,3.3rem);font-weight:1000}.arrow-block{position:relative;color:#fff;background:linear-gradient(145deg,#32d9ec,#0797c7 68%,#06749f);box-shadow:inset 0 3px 2px #ffffff85,inset 0 -7px #005f87,0 7px #032d50,0 10px 17px #0009;touch-action:manipulation;transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}.arrow-block:focus-visible{outline:3px solid #fff;outline-offset:2px}.arrow-block.tone-1{background:linear-gradient(145deg,#4ea1ff,#1766df 68%,#104aac);box-shadow:inset 0 3px 2px #ffffff7d,inset 0 -7px #103f9c,0 7px #092b68,0 10px 17px #0009}.arrow-block.tone-2{background:linear-gradient(145deg,#ff8a72,#f04e4f 68%,#b52e3f);box-shadow:inset 0 3px 2px #ffffff82,inset 0 -7px #9f2538,0 7px #64172b,0 10px 17px #0009}.arrow-block.tone-3{background:linear-gradient(145deg,#ffd95a,#f5a718 68%,#c7760c);box-shadow:inset 0 3px 2px #fff4b2,inset 0 -7px #ae6508,0 7px #674006,0 10px 17px #0009}.arrow-glyph{color:#fff;font-size:1.05em;line-height:1;text-shadow:0 2px 0 #163c66,0 0 7px #fff9;filter:drop-shadow(0 2px 1px #002b59aa)}.block-badge{position:absolute;right:2px;bottom:4px;font-size:.42em;filter:drop-shadow(0 2px 2px #0008)}.arrow-block.locked{color:#fff;background:linear-gradient(145deg,#8796aa,#3c4d67 68%,#25344c);box-shadow:inset 0 3px 2px #ffffff58,inset 0 -7px #202d43,0 7px #111a2a,0 10px 17px #0009}.arrow-block.frozen{background:linear-gradient(145deg,#efffff,#55d6f2 58%,#1b94b1);box-shadow:inset 0 3px 3px #fff,inset 0 -7px #16849e,0 0 0 3px #b9fbff,0 7px #07576c,0 10px 20px #0009}.arrow-block.frozen .arrow-glyph{color:#07344a;text-shadow:0 1px 1px #fff}.arrow-block.key{box-shadow:inset 0 3px 2px #fff8,inset 0 -7px #9e6508,0 0 0 3px var(--gold),0 7px #583700,0 10px 18px #0009}.arrow-block.rotator:after{position:absolute;top:0;right:3px;color:#ff6c55;content:"↻";font-size:.62em}.arrow-block.queued{outline:3px solid #fff;outline-offset:2px;filter:brightness(1.18);transform:translateY(-4px) scale(1.03)}.obstacle{color:#fff;background:#45556c;box-shadow:inset 0 3px 2px #ffffff40,inset 0 -7px #253349,0 7px #111a28,0 10px 16px #0008}.obstacle.portal{background:radial-gradient(circle,#20175f 25%,#8b62ff 31%,#4a2ab1 58%,#b9a7ff,#382078 70%);box-shadow:inset 0 0 12px #d7caff,0 0 16px #8f6affaa}.obstacle.gate{color:#fff;background:linear-gradient(145deg,#ffc452,#dd7c13);text-shadow:0 2px #7f3b00}.arrow-block.blocked-hit,.obstacle.blocked-hit{outline:4px solid var(--coral);outline-offset:2px}.arrow-block.hinted{animation:arrow-hint 1s infinite}.arrow-block.shake{animation:arrow-shake .3s}.arrow-block.escape-up{animation:arrow-escape-up .32s forwards}.arrow-block.escape-right{animation:arrow-escape-right .32s forwards}.arrow-block.escape-down{animation:arrow-escape-down .32s forwards}.arrow-block.escape-left{animation:arrow-escape-left .32s forwards}.battle-controls{display:flex;justify-content:center;gap:10px;min-width:0}.battle-controls button,.modal button{min-width:0;min-height:48px;padding:0 16px;border:2px solid var(--wp-ui-line, #5b8193);border-radius:var(--wp-ui-radius, 8px);color:var(--wp-ui-text, #eef8ff);background:var(--wp-ui-button-image, #163a4c);box-shadow:inset 0 1px #ffffff40,0 4px 0 var(--wp-ui-shadow, #071b29);font-weight:800;cursor:pointer}.battle-controls button{flex:1 1 0}.battle-controls .icon-control{flex:0 0 48px;width:48px;padding:0}.feedback{display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;height:32px;margin:0;overflow:hidden;color:#c8e8ff;font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.modal{position:absolute;z-index:120;display:grid;place-items:center;padding:16px;background:#05121fe0;inset:0}.dialog{display:grid;gap:14px;width:min(520px,100%);max-height:100%;padding:22px;overflow:auto;border:2px solid var(--wp-ui-line, #5b8193);border-radius:var(--wp-ui-radius, 12px);color:var(--wp-ui-text, #eef8ff);background:var(--wp-ui-surface, #0d2839);box-shadow:0 5px 0 var(--wp-ui-shadow, #071b29);text-align:center}.dialog h2,.dialog p{margin:0}.dialog p{color:var(--wp-ui-muted, #b5cbd2);line-height:1.5}.dialog>button{width:100%}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-layout{grid-template-columns:100px minmax(0,1fr);align-items:center;text-align:start}.result-layout img{width:100px;aspect-ratio:1;object-fit:cover;border-radius:var(--wp-ui-radius, 12px)}.result-payoff{margin-top:8px!important;color:var(--gold)!important;font-size:.95rem;font-weight:800;line-height:1.35}.result-actions{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes arrow-shake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes arrow-hint{50%{box-shadow:0 0 0 7px #ffc64a99}}@keyframes arrow-escape-up{to{opacity:0;transform:translateY(-160%)}}@keyframes arrow-escape-right{to{opacity:0;transform:translate(160%)}}@keyframes arrow-escape-down{to{opacity:0;transform:translateY(160%)}}@keyframes arrow-escape-left{to{opacity:0;transform:translate(-160%)}}@media(max-height:500px)and (orientation:landscape){.battle-live{grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:42px minmax(0,1fr) 28px;gap:6px;padding:8px 10px}.arrow-objective-row{grid-column:1;grid-row:1;min-height:36px}.board-track{grid-column:1;grid-row:2}.battle-controls{grid-column:2;grid-row:1 / 3;flex-direction:column;align-items:stretch}.battle-controls button{flex:0 0 44px;min-height:44px}.battle-controls .icon-control{flex-basis:44px;width:100%}.feedback{grid-column:1;grid-row:3;min-height:28px;height:28px}.arrow-board{width:min(100cqw,100cqh,590px)}.result-layout{grid-template-columns:72px minmax(0,1fr);padding:12px;gap:8px}.result-layout img{width:72px}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-actions button{min-height:44px;padding-inline:6px;font-size:.85rem}}@media(max-width:480px){.battle-live{padding:8px}.battle-controls{gap:6px}.battle-controls button{padding-inline:8px}.result-layout{grid-template-columns:minmax(0,1fr);text-align:center}.result-layout img{justify-self:center;width:76px}.result-actions{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.arrow-block,.arrow-block.hinted,.arrow-block.shake,.arrow-block[class*=escape-]{animation-duration:1ms!important;transition-duration:1ms!important}}