:root{font-family:Inter,ui-rounded,Noto Sans,system-ui,sans-serif;color:#eef8ff;background:#07172f;--ink: #eef8ff;--muted: #a9bed9;--panel: #10294a;--panel2: #183b68;--cyan: #27d3ef;--blue: #2878ff;--coral: #ff775f;--gold: #ffc64a;--reserve: 56px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#153f70,#07172f 58%);color:var(--ink)}button,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.main-group{min-height:100vh}.guide,.main-canvas{width:min(920px,100%);margin:auto;padding:18px 20px}.battle-header,.main-header,.stage-header{display:flex;align-items:center;gap:12px;min-height:56px}.main-header>strong{flex:1;letter-spacing:.08em}.icon-control,.lobby-return,.return-button{width:46px;height:46px;border:1px solid #65dcff66;border-radius:14px;background:#15385f;color:#fff;display:grid;place-items:center;text-decoration:none;font-weight:900}.lobby-return{grid-template-columns:auto auto;width:62px}.lobby-return b{color:var(--cyan)}.main-controls{display:flex;gap:8px}.locale-control select{height:46px;max-width:150px;border:1px solid #65dcff66;border-radius:14px;background:#10294a;color:#fff;padding:0 10px}.hero{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:32px;align-items:center;padding:28px 0}.poster{width:100%;aspect-ratio:1;object-fit:cover;border-radius:32px;box-shadow:0 22px 70px #0009,0 0 0 1px #6be4ff55}.guide>small,.hero-copy small{color:var(--cyan);font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:.95;margin:.25em 0}.guide,.hero p{color:var(--muted);line-height:1.6}.battle-controls button,.modal button,.primary{border:0;border-radius:15px;min-height:48px;padding:0 20px;background:#244b77;color:#fff;font-weight:900}.primary{background:linear-gradient(135deg,var(--coral),#ff9c55);box-shadow:0 10px 24px #ff775f3d}.hero .primary{width:100%;min-height:52px;margin-top:18px}.guide{background:#0d2442;border-radius:28px 28px 0 0}.guide h2{color:#fff}.guide-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.guide article{background:#163456;border:1px solid #70dfff24;border-radius:18px;padding:18px}.guide li{margin:.6em 0}.active-screen{position:fixed;inset:0;overflow:hidden}.battle-shell,.stage-shell{height:var(--wp-mobile-vh, 100dvh);display:grid;grid-template-rows:minmax(0,1fr) var(--reserve)}.battle-canvas,.stage-canvas{width:min(920px,100%);height:100%;margin:auto;min-height:0;background:linear-gradient(180deg,#0c2342,#07172f);overflow:hidden}.ad-reserve{height:var(--reserve);background:#061326;border-top:1px solid #4dcfee26;pointer-events:none}.stage-canvas{display:grid;grid-template-rows:64px minmax(0,1fr) 34px;gap:8px;padding:10px 14px}.stage-header>div{flex:1;display:grid}.stage-header span{color:var(--muted);font-size:.85rem}.stage-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:center;padding:20px calc(50% - 76px);scrollbar-width:none}.stage-card{flex:0 0 152px;height:min(290px,66vh);scroll-snap-align:center;border:1px solid #60dbff44;border-radius:24px;background:linear-gradient(165deg,#1a4d80,#102846);color:#fff;padding:14px;display:grid;grid-template-rows:auto 1fr auto;text-align:left;box-shadow:0 14px 30px #0007}.stage-card[aria-current=true]{outline:3px solid var(--cyan);transform:translateY(-5px)}.stage-card:disabled{opacity:.45}.stage-number{font-size:2.4rem;font-weight:1000}.stage-card small{color:#a9dffa}.stage-mechanics{align-self:end}.stage-hint{text-align:center;color:var(--muted);margin:0}.battle-canvas{position:relative}.battle-live{height:100%;display:grid;grid-template-rows:62px 54px minmax(0,1fr) 54px 34px;gap:6px;padding:8px 12px}.battle-title{flex:1;display:grid}.battle-title small{color:var(--cyan)}.battle-stats{display:flex;gap:6px}.battle-stats span{min-width:58px;background:#15385f;border-radius:10px;padding:5px;text-align:center;display:grid}.battle-stats b{font-size:.65rem;color:var(--muted)}.objective-row{display:flex;align-items:center;gap:10px;background:#102d51;border-radius:14px;padding:8px 12px;overflow:hidden}.objective-row strong{color:var(--gold);font-size:.78rem;white-space:nowrap}.objective-row span{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-track{min-height:0;display:grid;place-items:center}.arrow-board{width:min(100%,58vh,590px);aspect-ratio:1;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:clamp(4px,1vw,9px);padding:clamp(7px,1.6vw,14px);border-radius:26px;background:linear-gradient(145deg,#0c1e37,#183c68);box-shadow:inset 0 0 0 2px #5edcff38,0 16px 34px #0008}.board-cell{position:relative;min-width:0;min-height:0;display:grid;place-items:center}.arrow-block,.obstacle{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:18%;display:grid;place-items:center;font-size:clamp(1rem,5vmin,3.3rem);font-weight:1000}.arrow-block{background:linear-gradient(145deg,#e9fbff,#78b6ed);color:#0b3158;box-shadow:inset 0 -5px #4487c5,0 6px 10px #0007;touch-action:manipulation}.arrow-block.locked{background:linear-gradient(145deg,#6f7f96,#37465d);color:#fff}.arrow-block.frozen{background:linear-gradient(145deg,#efffff,#55d6f2);box-shadow:inset 0 -5px #1b94b1,0 0 0 3px #b9fbff}.arrow-block.key{box-shadow:inset 0 -5px #4487c5,0 0 0 3px var(--gold)}.arrow-block.rotator:after{content:"\21bb";position:absolute;right:3px;top:0;font-size:.62em;color:#ff6c55}.obstacle{background:#45556c;color:#fff}.obstacle.portal{background:#694fd1;box-shadow:inset 0 0 0 4px #bdadff}.obstacle.gate{background:#e89b2e}.arrow-block.blocked-hit,.obstacle.blocked-hit{outline:4px solid var(--coral);outline-offset:2px}.arrow-block.hinted{animation:hint 1s infinite}.arrow-block.shake{animation:shake .3s}.arrow-block.escape-up{animation:escapeUp .32s forwards}.arrow-block.escape-right{animation:escapeRight .32s forwards}.arrow-block.escape-down{animation:escapeDown .32s forwards}.arrow-block.escape-left{animation:escapeLeft .32s forwards}.battle-controls{display:flex;justify-content:center;gap:10px}.battle-controls button{min-width:120px}.feedback{margin:0;text-align:center;color:#c8e8ff;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal{position:absolute;inset:0;z-index:20;background:#07172fe8;display:grid;place-items:center;padding:16px}.dialog{width:min(520px,100%);max-height:100%;overflow:auto;background:linear-gradient(160deg,#153d68,#0d2442);border:1px solid #6ee6ff55;border-radius:26px;padding:22px;text-align:center;box-shadow:0 22px 70px #000c}.dialog>button{width:100%}.modal-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.result-layout img{width:120px;border-radius:18px}.result-actions{grid-template-columns:repeat(3,1fr)}@keyframes shake{25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes hint{50%{box-shadow:0 0 0 7px #ffc64a99}}@keyframes escapeUp{to{transform:translateY(-160%);opacity:0}}@keyframes escapeRight{to{transform:translate(160%);opacity:0}}@keyframes escapeDown{to{transform:translateY(160%);opacity:0}}@keyframes escapeLeft{to{transform:translate(-160%);opacity:0}}@media(max-width:680px){.guide,.main-canvas{padding:12px 14px}.hero{grid-template-columns:1fr;gap:16px;padding-top:14px}.poster{width:min(68vw,280px);justify-self:center}.hero h1{font-size:2.5rem}.guide-grid{grid-template-columns:1fr}.locale-control select{max-width:105px}.battle-live{padding:6px 8px}.battle-header{gap:6px}.battle-title strong{font-size:.83rem}.battle-stats span{min-width:48px}.battle-header .icon-control{width:40px;height:40px}.arrow-board{width:min(100%,52vh,430px)}.result-actions{grid-template-columns:1fr}.modal-actions button{min-height:44px}}@media(max-height:500px)and (orientation:landscape){.battle-live{grid-template-columns:168px minmax(0,1fr) 180px;grid-template-rows:58px minmax(0,1fr) 34px}.battle-header{grid-column:1/-1}.objective-row{grid-column:1;grid-row:2;align-self:start;display:grid}.board-track{grid-column:2;grid-row:2/4}.battle-controls{grid-column:3;grid-row:2;display:grid;align-content:center}.feedback{grid-column:1;grid-row:3}.arrow-board{width:min(100%,58vh)}.stage-canvas{grid-template-rows:58px minmax(0,1fr) 0}.stage-hint{visibility:hidden}.stage-card{height:210px}}.board-track{overflow:hidden;container-type:size}.arrow-board{position:relative;isolation:isolate;width:min(100cqw,100cqh,590px);height:auto;max-width:100%;max-height:590px;aspect-ratio:1;box-sizing:border-box;border:clamp(5px,1.2vw,10px) solid #243f68;background:radial-gradient(circle at 50% 45%,#0d4f78 0,#092b50 45%,#06182f 78%),linear-gradient(145deg,#071a32,#123b64);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{content:"";position:absolute;inset:0;z-index:-1;border-radius:18px;pointer-events:none;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}.board-cell{z-index:1}.arrow-block{position:relative;color:#fff;border:1px solid #ffffff80;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;transform:translateY(-2px);transition:filter .12s,transform .12s,box-shadow .12s}.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{font-size:1.05em;line-height:1;color:#fff;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{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.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.queued{filter:brightness(1.18);outline:3px solid #fff;outline-offset:2px;transform:translateY(-4px) scale(1.03)}.obstacle{border:1px solid #ffffff5c;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{background:linear-gradient(145deg,#ffc452,#dd7c13);color:#fff;text-shadow:0 2px #7f3b00}.battle-controls button{border:1px solid #73deff55;background:linear-gradient(180deg,#2d659d,#204b7a);box-shadow:inset 0 1px #ffffff40,0 5px #102e52,0 9px 18px #0006}.objective-row{border:1px solid #48cdef25;box-shadow:inset 0 1px #ffffff12,0 8px 20px #0003}.arrow-block.escape-up{animation:escapeUp .32s forwards;box-shadow:0 -18px 24px #3deaffaa,0 -34px 42px #168dff66}.arrow-block.escape-right{animation:escapeRight .32s forwards;box-shadow:18px 0 24px #3deaffaa,34px 0 42px #168dff66}.arrow-block.escape-down{animation:escapeDown .32s forwards;box-shadow:0 18px 24px #3deaffaa,0 34px 42px #168dff66}.arrow-block.escape-left{animation:escapeLeft .32s forwards;box-shadow:-18px 0 24px #3deaffaa,-34px 0 42px #168dff66}@media(max-width:680px){.arrow-board{width:min(100cqw,100cqh,590px);height:auto;max-width:100%}.battle-controls button{min-width:min(120px,36vw)}}@media(max-width:680px)and (max-height:640px)and (orientation:portrait){.battle-live{grid-template-rows:58px 46px minmax(0,1fr) 48px 24px;gap:4px;padding:6px 8px}.battle-header{min-height:52px}.objective-row{padding:6px 10px}.battle-controls{align-items:start}.battle-controls button{min-height:44px}.feedback{font-size:.86rem;line-height:24px}}