/* Deltras crystal practice v2.20.1: fixed wide view and red charge cue. */
.deltras-page{--ice:#8ddbec;--purple:#d4a0ff}.deltras-page .eyebrow,.deltras-page h1 em{color:var(--ice)}
html[data-theme=light] .deltras-page{--ice:#287b92;--purple:#8740b2}
.deltras-page .arena-card{border-color:#284653;background:#0e202d}.deltras-page .arena-toolbar{background:#132b39;border-color:#294653;color:#dfedf5}.deltras-page .live-dot{background:#8fd7e7;box-shadow:0 0 8px #8fd7e766}
.deltras-canvas{height:560px;min-height:400px;aspect-ratio:auto;background:#102738}.deltras-page .primary-button{background:#a3dce6;border-color:#a3dce6;color:#142c39}.deltras-page .primary-button:hover{background:#c0e9f0}
.deltras-page .start-overlay{background:linear-gradient(0deg,#0a1a28ed,transparent);inset:auto 0 0;padding:20px 10px 25px;pointer-events:none}.deltras-page .start-overlay .primary-button{pointer-events:auto;margin:0}.deltras-page .start-overlay small{color:#b4d3e5;margin-top:9px}.deltras-page .arena-state{color:#c3e5f3;border-color:#95dce9;z-index:2}.deltras-page .arena-message{z-index:2;bottom:12px;background:#102b3aeb;border-color:#6896b966;color:#d4e9f2;max-width:85%;left:50%;right:auto;transform:translateX(-50%)}
.model-note{display:flex;gap:10px;align-items:center;padding:10px 13px;border:1px solid var(--line);border-radius:8px;margin-bottom:16px;font-size:10px;color:var(--muted);line-height:1.7}.model-note strong{white-space:nowrap;color:var(--ice);font-size:10px}.model-note a{margin-left:auto;color:var(--ice);white-space:nowrap;text-decoration:underline}
.crystal-hud{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:18px;align-items:center;padding:16px 20px;background:#122737;border-top:1px solid #325165;color:#dae7f2}.crystal-hud>div>span{display:block;font-size:9px;color:#9cb3c4}.crystal-hud strong{font-size:23px;font-variant-numeric:tabular-nums;font-weight:600}.crystal-hud strong small{font-size:11px;color:#95aec2}.crystal-hud .blue-score{text-align:right}.blue-score strong{color:#84c9ff}.crystal-hud .cast-track{margin:9px 0 4px;background:#2b4051;height:4px}.crystal-hud .cast-track i{background:#a3dce6}.crystal-hud .cast-track.locked i{background:#f7a0a6}.crystal-hud .shot-caption{display:flex;justify-content:space-between;color:#b8ccd8;font-size:10px;gap:8px}.crystal-hud .shot-caption b{color:#ebf5ff;font-weight:500}.crystal-legend{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#182f3c;color:#a5c0d2;font-size:10px;border-top:1px solid #2c485b;flex-wrap:wrap}.crystal-legend span{display:flex;align-items:center;gap:6px}.crystal-legend i{display:inline-block;width:8px;height:12px;background:#cb94ff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.crystal-legend .blue i{background:#64c5ff}.crystal-legend .time{margin-left:auto;color:#a5c0d2;font-variant-numeric:tabular-nums}.crystal-legend .time b{color:#d0e7f2}
.deltras-move{display:flex;gap:6px;padding:11px 14px;background:#112331;border-top:1px solid #294351;align-items:center;justify-content:center}.deltras-move button{background:#1b3547;color:#cde6f1;border:1px solid #3b6077;border-radius:7px;min-height:42px;flex:1;font-size:11px;touch-action:none;user-select:none}.deltras-move button:active{background:#3a6077}.deltras-move .radial{flex:.7}.deltras-move p{font-size:9px;color:#92adbf;max-width:145px;margin:0 8px;text-align:center}
.deltras-page .speed-field{margin-top:12px}.deltras-page input[type=range]{accent-color:#80bdd1}.deltras-page .toggle-row input:checked{background:#4a8fa8}.deltras-page .range-labels{font-size:9px}.deltras-page .fine-settings label{gap:10px;font-size:10px}.deltras-page .fine-settings input{width:64px;min-height:30px}.deltras-page .fine-settings p{font-size:10px}.timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.timing-grid label{display:block!important}.timing-grid label span{display:block;margin-top:5px}.model-reset{margin-top:14px;width:100%;min-height:36px}.settings-info{padding:11px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;font-size:11px;line-height:1.8;color:var(--muted)}.settings-info strong{color:var(--ink);font-size:12px;display:block}.settings-info .small{font-size:9px}
.deltras-page .guide-strip{padding-bottom:17px}.deltras-page .guide-strip strong{font-size:12px}.deltras-page .guide-strip p{font-size:11px}.deltras-page .guide-icon{color:var(--ice)}.deltras-page .event-log{max-height:165px}.deltras-page .hint-text{color:var(--ice);font-size:11px;line-height:1.8}.deltras-page .record-grid span{font-size:9px}.review-shots{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.review-shots button{min-height:40px;padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--muted);font-size:11px}.review-shots button.hit-purple{border-color:#8958ae;color:var(--purple)}.review-shots button.hit-blue{border-color:#aa6168;color:#f5a8ac}.review-shots button[aria-pressed=true]{outline:2px solid var(--ice);outline-offset:2px}.review-banner{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#233544;padding:12px 16px;color:#d3e8f5;font-size:11px}.review-banner button{min-height:36px;color:#d3e8f5;border-color:#4b687d;background:#2b4458}.deltras-page .repeat-banner{background:#1c3a35}.round-detail{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:13px 0}.round-detail b{color:var(--ink)}.legend-square{display:inline-block;width:10px;height:10px;margin-right:5px;background:#b584ee}.legend-square.blue{background:#68bced}
.deltras-page .arena-card:fullscreen .deltras-canvas{height:auto;min-height:0;flex:1}.deltras-page .arena-card:fullscreen .deltras-move{padding:5px 15px}.deltras-page .arena-card:fullscreen .crystal-hud{padding:9px 20px}
.deltras-page .decision-thinking .pause-overlay{inset:auto 8px 8px;padding:10px 12px;backdrop-filter:none;background:#102635ed;border:1px solid #577f94;border-radius:8px;gap:6px}.deltras-page .decision-thinking .pause-overlay strong{display:none}.deltras-page .decision-thinking .pause-overlay p{font-size:10px;margin:0}.deltras-page .decision-thinking .pause-overlay .primary-button{padding:7px 15px;min-height:36px}.deltras-page .decision-thinking .arena-message{display:none}
.deltras-page .fine-settings .rotation-setting{display:block}.rotation-setting select{min-height:38px;font-size:11px}
@media(max-width:1300px){.deltras-canvas{height:500px}.crystal-hud{padding:14px;gap:13px}.crystal-hud strong{font-size:21px}.deltras-move p{display:none}}
@media(max-width:1000px){.deltras-canvas{height:530px}.deltras-page .model-note{font-size:10px}.deltras-page .start-overlay{padding-bottom:23px}}
@media(max-width:600px){.deltras-canvas{height:450px;min-height:450px}.model-note{flex-wrap:wrap;gap:3px 10px;font-size:10px;padding:10px 12px}.model-note>span{flex-basis:100%;order:3}.model-note a{font-size:10px}.deltras-page .arena-toolbar .subtle{display:none}.crystal-hud{grid-template-columns:.9fr 1.35fr .9fr;padding:13px 11px;gap:9px}.crystal-hud strong{font-size:21px}.crystal-hud .shot-caption{font-size:9px}.crystal-hud>div>span{font-size:9px}.crystal-hud strong small{font-size:10px}.crystal-legend{gap:8px 12px;font-size:9px;padding:10px 11px}.crystal-legend .time{font-size:9px}.deltras-move{padding:10px;gap:5px}.deltras-move button{font-size:10px;min-height:44px}.deltras-page .arena-message{font-size:10px;max-width:94%;bottom:10px}.deltras-page .arena-state{max-width:none;font-size:9px}.deltras-page .guide-strip strong{font-size:11px}.deltras-page .guide-strip p{font-size:10px}.deltras-page .fine-settings label{font-size:11px}.deltras-page .fine-settings input{min-height:38px;width:74px}.deltras-page .arena-card:fullscreen .deltras-canvas{min-height:0}.review-banner{padding:9px 11px;font-size:10px}.deltras-page .start-overlay .primary-button{min-height:44px}}
/* Wide, shallow stage: no continuously rotating perspective. */
.deltras-page .practice-shell main{max-width:1800px;padding-left:28px;padding-right:28px}
.deltras-page .practice-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}
.deltras-canvas{height:480px;min-height:360px}
.view-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:#142b39;border-top:1px solid #325165;color:#a9c4d4;font-size:10px}
.view-controls>div{display:flex;gap:6px}.view-controls button{border:1px solid #426073;border-radius:6px;background:#1e394b;color:#d7e7f0;padding:6px 9px;min-height:34px;font-size:10px;white-space:nowrap}
.view-controls button:hover{background:#2b4b60}.view-controls kbd{background:#263f50;border-color:#456276;color:#c4dce8;margin:0 2px;font-size:9px}
.crystal-hud .cast-track i{background:linear-gradient(90deg,#cc3446,#f26372)}.crystal-hud .cast-track.locked i{background:#ff344b;box-shadow:0 0 10px #ee233988}
.crystal-hud .cast-track.locked+span{color:#ffc5c9}
@media(max-width:1300px){.deltras-page .practice-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.deltras-canvas{height:430px}.view-controls{flex-wrap:wrap;justify-content:center}.view-controls>span{text-align:center;flex-basis:100%}}
@media(max-width:1000px){.deltras-page .practice-layout{grid-template-columns:minmax(0,1fr)}.deltras-canvas{height:460px}}
@media(max-width:600px){.deltras-page .practice-shell main{padding-left:12px;padding-right:12px}.deltras-canvas{height:390px;min-height:390px}.view-controls{padding:9px 8px;gap:6px}.view-controls>div{width:100%;gap:4px}.view-controls button{flex:1;min-height:40px;font-size:9px;padding:6px 3px}.view-controls kbd{font-size:8px}.view-controls>span{font-size:9px}.deltras-page .arena-card:fullscreen .deltras-canvas{height:auto;min-height:0}}