*{box-sizing:border-box}body{margin:0;background:#04060e;color:#d8dce8;font-family:system-ui,-apple-system,sans-serif}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffd84d;outline-offset:3px}button{font:inherit;cursor:pointer}main{max-width:1100px;margin:auto;padding:16px 14px calc(16px + env(safe-area-inset-bottom))}.page-header{display:flex;gap:22px;align-items:start;margin-bottom:18px}.page-header a{color:#83c9ff;text-decoration:none;white-space:nowrap;padding:10px 0}.page-header h1{margin:0;letter-spacing:.1em;color:#83c9ff;font-size:clamp(20px,5vw,32px)}.page-header h1 span{color:#ffd84d}.page-header p{color:#a7b8d1;margin:6px 0;font-size:14px}.mode-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:780px;margin:30px auto}.mode-menu button{display:flex;flex-direction:column;gap:9px;text-align:left;color:#e8f0ff;background:linear-gradient(135deg,#0d1b35,#121428);border:1px solid #2e4a70;border-radius:16px;padding:24px}.mode-menu strong{font-size:20px}.mode-menu span,.rules,.key-hint{font-size:14px;color:#a7b8d1;line-height:1.5}.mode-menu button:hover{border-color:#ffd84d}.solo-stage{height:min(790px,calc(100dvh - 120px));min-height:480px;max-width:560px;margin:auto;border:1px solid #293c5e;border-radius:16px;overflow:hidden}.duel-status{text-align:center;padding:12px;color:#ffd84d;min-height:48px}.duel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.duel-card{min-width:0;border:1px solid #2e4a70;border-radius:14px;overflow:hidden;background:#081223}.pilot-score{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;font-size:14px;background:#101c31}.pilot-score span{color:#a7b8d1;font-size:12px}.duel-stage{height:600px}.cargo-duel-engine .cargo-board-row{max-width:100%}.cargo-duel-engine .cargo-board-frame{max-height:100%}.cargo-duel-engine .cargo-controls button{color:#c9dcfa!important}.secondary,.result-panel button{color:#d8e9ff;background:#13223b;border:1px solid #385b87;border-radius:10px;padding:12px 20px;margin:14px 0;min-height:44px}.result-panel{text-align:center;border:1px solid #ffd84d;border-radius:12px;margin-top:14px;background:#182338}.result-panel button{background:#ffd84d;color:#09111c;font-weight:700}.rules{max-width:850px;margin:20px auto}.key-hint{padding:0 12px}.online-lobby[hidden]{display:none}.cargo-top button{flex-shrink:0}@media(max-width:760px){.page-header{gap:14px}.page-header p{font-size:12px}.mode-menu{grid-template-columns:1fr;margin:20px 0}.duel-grid{grid-template-columns:minmax(0,1fr) 110px;gap:8px}.duel-stage{height:clamp(375px,calc((100vw - 155px)*2 + 100px),600px)}.cargo-duel-engine .cargo-sidebar{display:none!important}.cargo-duel-engine .cargo-board-row{width:100%;justify-content:center}.cargo-duel-engine .cargo-board-frame{max-width:100%!important}.cargo-duel-engine .cargo-top{padding:5px!important;min-height:28px}.cargo-duel-engine .cargo-top>div:first-child{display:none!important}.cargo-duel-engine .cargo-top>div:last-child{width:100%;justify-content:space-between}.cargo-duel-engine .cargo-controls{padding:8px 3px!important;gap:3px}.cargo-duel-engine .cargo-controls>div{gap:3px!important}.cargo-duel-engine .cargo-controls button{width:clamp(29px,8vw,44px)!important;height:44px!important;font-size:1rem!important}.pilot-score{font-size:12px;flex-direction:column;gap:3px;padding:8px}.pilot-score span{font-size:10px}.opponent-card .duel-stage{height:245px}.opponent-card .cargo-top,.opponent-card .cargo-controls,.opponent-card .cargo-engine>div:last-child{display:none!important}.opponent-card .cargo-play-area{align-items:start!important}.opponent-card{align-self:start}.opponent-card .cargo-play-area>div:not(.cargo-board-row){font-size:10px!important;overflow:hidden}.local-grid{grid-template-columns:1fr}.local-grid .opponent-card .duel-stage{height:500px}.local-grid .opponent-card .cargo-controls,.local-grid .opponent-card .cargo-top,.local-grid .cargo-sidebar{display:flex!important}.local-grid .cargo-board-frame{max-width:calc(100vw - 120px)!important}.solo-stage{min-height:450px;height:calc(100dvh - 145px)}}@media(max-width:760px){.your-card .cargo-duel-engine .cargo-sidebar{display:flex!important;width:42px!important}.your-card .cargo-duel-engine .cargo-sidebar>div:not(:first-child){display:none!important}.your-card .cargo-board-row{height:min(100%,calc((100vw - 210px)*2))!important}.your-card .cargo-board-frame{flex:1;min-width:0}.local-grid .your-card .cargo-board-row{height:100%!important}.local-grid .your-card .cargo-sidebar{width:65px!important}.local-grid .your-card .cargo-sidebar>div{display:block!important}}