.duel-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:28px;align-items:start}.duel-scoreboard{display:grid;grid-template-columns:1fr 100px 1fr;gap:24px;padding:20px 24px;background:#3c3151;color:#f5e8d0}.duel-scoreboard>div:last-child{text-align:right}.duel-scoreboard span,.duel-scoreboard small{display:block;font:9px 'Courier New',monospace;letter-spacing:1px;color:#c1b3d0}.duel-scoreboard strong{display:block;font:18px 'Courier New',monospace;margin:8px 0}.match-count{text-align:center}.match-count strong{font-size:25px;margin:3px}.match-count small{font-size:7px}.duel-health{height:5px;background:#29213e;border-radius:4px;overflow:hidden}.duel-health i{display:block;height:100%;width:100%;background:#aee3d3}.rival-health i{background:#e3b1cf}.duel-stage{position:relative;aspect-ratio:8/5;overflow:hidden;background:#282441;isolation:isolate;touch-action:none}.duel-scenery,#duel-world{position:absolute;inset:0;pointer-events:none}.duel-scenery{background:radial-gradient(ellipse at 50% 55%,#66538266,#24223cd9),url('../assets/tower.png') center 55%/cover;box-shadow:inset 0 0 100px #191a33}.arena-ring{position:absolute;inset:9% 2%;border:3px solid #b1a2ce55;border-radius:50%;box-shadow:0 0 0 10px #a9a1c914,inset 0 0 0 10px #a9a1c914}.arena-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#cfc0e755;font-size:85px}.arena-side{position:absolute;bottom:6%;font:8px 'Courier New',monospace;letter-spacing:2px;color:#d2c2df88}.arena-side.left{left:12%}.arena-side.right{right:10%}.duelist{position:absolute;width:12%;height:19%;transform:translate(-50%,-50%);z-index:3}.duel-art,.duel-art svg{width:100%;height:100%;overflow:visible}.duel-ward{position:absolute;inset:-5%;border:2px solid #b8ffee;border-radius:50%;box-shadow:0 0 20px #acffdf99;background:#baffeb14;display:none}.duelist.warding .duel-ward{display:block}.duelist.hurt{opacity:.45}.duelist.charging{filter:drop-shadow(0 0 12px #f0d398)}.duel-shot{position:absolute;transform:translate(-50%,-50%);width:3.3%;height:5.3%;filter:drop-shadow(0 0 5px #b2e7f2)}.duel-shot svg{height:100%;width:100%;overflow:visible}.duel-shot.rival{width:1.5%;height:2.4%;background:#e5a7cf;box-shadow:0 0 12px #f9caef;border:2px solid #ffd8f0;transform:translate(-50%,-50%) rotate(45deg)}.duel-shot.reflected{background:#b8ffe1;box-shadow:0 0 12px #a1ffdb;border-color:#e7fffa}.duel-warning{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#30233dd9;border:1px solid #e1bf79;border-radius:4px;color:#f9e2a4;font:10px 'Courier New',monospace;padding:8px 12px;white-space:nowrap;z-index:4}#duel-aim{position:absolute;transform:translate(-50%,-50%);font-size:48px;color:#f0b6cb;opacity:.7}.duel-overlay{position:absolute;inset:0;z-index:5;background:#28223de8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#f4e4c5}.duel-overlay .eyebrow{color:#c4add8;font-size:8px;margin:0 0 16px}.duel-overlay h2{font:40px/1.1 Georgia,serif;margin:0 0 12px;color:#f4dc9e}.duel-overlay>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#d5c6e0;margin:0 0 15px}.duel-overlay label{display:block;color:#c5b3d5;font:8px 'Courier New',monospace;letter-spacing:1px}.duel-overlay select{display:block;padding:7px 10px;background:#392f4f;color:#f7ebd4;border:1px solid #8c739e;margin:6px auto 12px;border-radius:4px;font:12px Arial,sans-serif}.duel-overlay>small{font:7px 'Courier New',monospace;letter-spacing:1px;color:#a998b8;margin:14px 0 0}.duel-round-notice{position:absolute;top:42%;left:10%;right:10%;padding:20px;background:#30263ee8;color:#f7dfa4;font:23px Georgia,serif;text-align:center;z-index:4}.duel-notes{padding-top:8px}.duel-notes .eyebrow{color:#937a9e;font-size:9px}.duel-notes h2{font:30px/1.2 Georgia,serif;font-weight:normal;margin:20px 0}.duel-notes h2 em{font-weight:normal;color:#84639b}.duel-tip{display:flex;gap:12px;padding:20px 0;border-top:1px solid #ddd3df}.duel-tip>span{font:20px Georgia,serif;color:#b3a0bf}.duel-tip strong{font-size:12px;color:#695376}.duel-tip p{font-size:11px;line-height:1.8;color:#8a7991;margin:7px 0 0}.duel-back{font-size:11px;color:#7b5f8f;display:inline-block;margin-top:20px}.duel-touch{display:none;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #ddd3df}.duel-touch button{min-width:50px;min-height:44px;border:1px solid #c8b7d6;border-radius:6px;background:#eee5f4;color:#655078;touch-action:none;user-select:none;-webkit-user-select:none;font-size:12px}.duel-dpad{display:grid;grid-template-columns:repeat(3,40px);gap:4px}.duel-dpad button{min-width:40px;min-height:35px}.duel-dpad button:first-child{grid-column:2}.duel-dpad button:nth-child(2){grid-row:2}.duel-dpad button:nth-child(3){grid-row:2}.duel-dpad button:nth-child(4){grid-row:2}.duel-touch .touch-cast{background:#f3d99b;min-width:75px}.duel-touch .pressed{background:#bda2d1}.duel-cabinet:fullscreen,.duel-cabinet.expanded{justify-content:flex-start;overflow:auto}.duel-cabinet:fullscreen .duel-stage,.duel-cabinet.expanded .duel-stage{flex:1;min-height:270px;width:100%;max-width:1100px;margin:auto}.duel-cabinet:fullscreen .duel-touch,.duel-cabinet.expanded .duel-touch{background:var(--paper)}
@media(max-width:1000px){.duel-layout{grid-template-columns:1fr}.duel-notes{display:none}.duel-stage{aspect-ratio:8/5}.duel-touch{display:flex}}
@media(max-width:580px){.duel-scoreboard{padding:14px 12px;gap:10px;grid-template-columns:1fr 75px 1fr}.duel-scoreboard span{font-size:7px}.duel-scoreboard strong{font-size:15px}.duel-stage{aspect-ratio:1.05}.duel-overlay{padding:16px}.duel-overlay h2{font-size:30px}.duel-overlay .eyebrow{font-size:7px;margin-bottom:10px}.duel-overlay>p:not(.eyebrow){font-size:11px;margin-bottom:12px}.duel-overlay>small{font-size:6px}.duel-warning{font-size:8px;padding:6px 8px}.duel-cabinet .key-guide{font-size:8px;gap:5px}.duel-cabinet .toolbar button{font-size:10px}.duel-touch{padding:10px;gap:6px}.duel-touch>button{min-width:53px}.duel-touch .touch-cast{min-width:68px}.duelist{width:16%}.arena-side{font-size:6px}.duel-round-notice{font-size:18px}}
@media(pointer:coarse){.duel-touch{display:flex}}
@media(max-width:360px){.duel-overlay{padding:12px}.duel-overlay h2{font-size:25px}.duel-overlay>p:not(.eyebrow){font-size:10px;line-height:1.5;margin-bottom:9px}.duel-overlay .eyebrow{margin-bottom:8px}.duel-overlay>small{margin-top:10px}.duel-dpad{grid-template-columns:repeat(3,34px)}.duel-dpad button{min-width:34px}}
.duel-setup{display:flex;align-items:center;gap:20px;padding:14px 20px;background:#faf6ed;border-bottom:1px solid #d9cddf}.duel-setup label,.partner-bar label{font:8px 'Courier New',monospace;letter-spacing:1px;min-width:0}.duel-setup select,.partner-bar select{display:block;max-width:100%;background:#fffdf8;color:#534061;border:1px solid #baa9c9;border-radius:5px;padding:8px;margin-top:5px;font:12px Arial,sans-serif}.duel-setup p{font-size:10px;line-height:1.6;color:#817189;max-width:280px;margin:0}.partner-bar{background:#f2e4ed;border-top:1px solid #d6bfce}.partner-bar>small{margin-left:auto;font-size:10px;color:#895f7a}.duel-scoreboard span span{display:inline;font:inherit;color:inherit}.duel-local-controls{padding:12px 20px;background:#f3edf6;border-top:1px solid #d8cddd}.duel-local-controls p{font:11px/1.8 Arial,sans-serif;color:#6b537c;margin:3px 0}.duel-local-controls p:nth-child(2){color:#916782}.duel-local-controls b{font:8px 'Courier New',monospace;letter-spacing:1px;margin-right:8px}.duel-local-controls kbd{font-size:10px}.duel-local-controls small{display:block;color:#877891;font-size:9px;line-height:1.6;margin-top:8px}#duel-rival .duel-ward{border-color:#ffc7e4;box-shadow:0 0 20px #efafd799}#duel-rival-ward-fill{background:#d0a0bf}.local-duel .duel-touch{display:none}.local-duel .game-message{flex-wrap:wrap}.local-duel .game-message p{flex-basis:50%}.local-duel .control-strip{justify-content:flex-end}.duel-stage:focus-visible{outline:3px solid #ac72d4;outline-offset:-3px}
@media(max-width:580px){.duel-setup{padding:12px;gap:10px;flex-wrap:wrap}.duel-setup p{font-size:9px;max-width:none}.duel-setup select{font-size:11px}.partner-bar>small{font-size:9px}.duel-local-controls{padding:10px 12px}.duel-local-controls p{font-size:10px}.duel-local-controls kbd{font-size:9px}.local-duel .game-message .ward-meter{width:65px}.local-duel .game-message p{flex-basis:65%}.local-duel .game-message .message-star{display:none}}
/* Let long collection names use the full selector width on phones. */
@media(max-width:580px){.partner-bar{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding-top:8px;padding-bottom:8px}.partner-bar label{grid-column:2}.partner-bar select{width:100%}.partner-bar>small{grid-column:2;margin:0}.partner-bar .chosen-wizard-art{grid-column:1;grid-row:1/3}}