.on-pitch #stadium{height:clamp(330px,55vh,610px);cursor:crosshair}.on-pitch .play-shell{max-width:1280px}.on-pitch .arena-wrap{border-radius:15px;box-shadow:0 22px 60px #030b1c66;border-color:#97b6b23d}.field-clock{display:inline-flex;align-items:center;gap:8px;color:#a9bbce;font-size:9px;letter-spacing:1px;margin-top:7px}.field-clock b{font-size:19px;color:#f0d492;font-variant-numeric:tabular-nums;letter-spacing:1px}.field-clock i{display:block;width:5px;height:5px;border-radius:50%;background:#a4dfb8}.field-ready{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 20px;background:linear-gradient(120deg,#2a4356,#182e40);border:1px solid #bed8d62b;border-radius:12px;margin-bottom:18px}.field-ready[hidden]{display:none}.field-ready .eyebrow{font-size:9px;color:#e8cf94}.field-ready h2{font-size:21px;margin:6px 0}.field-ready p{font-size:12px;margin:0;max-width:600px;line-height:1.6}.field-ready>.primary{flex-shrink:0}.field-controls{display:grid;grid-template-columns:144px minmax(260px,1fr) minmax(180px,.9fr);gap:24px;align-items:center}.move-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;touch-action:none}.move-pad button{height:43px;background:#243d4f;border:1px solid #bfd3e32a;border-radius:10px;font-size:20px;color:#d7e5ed;touch-action:none;user-select:none}.move-pad button:active{background:#638198;color:#fff}.move-pad button:disabled{opacity:.25}.field-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.field-action-grid button{min-height:45px;font-size:11px;padding:10px;touch-action:none;user-select:none}.field-action-grid button small{display:inline;margin-left:7px;color:inherit;font-size:9px;opacity:.65}.field-action-grid .field-shoot{grid-column:1/-1;background:#eccf8b;min-height:48px;color:#172a3d}.field-action-grid .field-shoot small{display:block;letter-spacing:1px;margin:2px 0 0;font-size:8px}.field-instructions strong{font-size:12px}.field-instructions p{font-size:11px;line-height:1.65;margin:7px 0 15px}.field-instructions>small{font-size:8px;letter-spacing:1px;color:#8fa8bd}.field-stamina{height:5px;border-radius:5px;background:#091d30;overflow:hidden;margin:8px 0 5px}.field-stamina>span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#73ba9a,#c4dda3);border-radius:inherit}.halftime-panel{text-align:center;padding:22px 20px}.halftime-panel h2{font-size:32px;letter-spacing:-1px;margin:10px 0}.halftime-panel p{font-size:13px}.halftime-panel small{font-size:10px;display:block;margin-top:14px;color:#9fb6ca}.interval-score{display:flex;justify-content:center;align-items:center;gap:23px;font-size:12px;letter-spacing:2px}.interval-score strong{font-size:42px;letter-spacing:3px;color:#ead196}.on-pitch .pressure{font-size:10px}.on-pitch .pressure>span{font-size:9px}.regulation-summary{display:flex;justify-content:center;gap:24px;margin:15px auto 22px;max-width:560px;padding:18px;border-radius:14px;border:1px solid #a1bdcc30;background:#152d3b}.regulation-summary>span{color:#aabfce;font-size:10px;display:flex;flex-direction:column;gap:5px}.regulation-summary b{font-size:22px;color:#ecd59d;font-variant-numeric:tabular-nums}.regulation-note{font-size:11px;text-align:center;color:#afc3d1}
@media(max-width:850px){.field-controls{grid-template-columns:136px 1fr;gap:18px}.field-instructions{grid-column:1/-1;display:none}.field-ready{gap:15px}.field-ready h2{font-size:19px}.field-ready>.primary{font-size:11px}}
@media(max-width:650px){.on-pitch #stadium{height:clamp(240px,calc(100dvh - 345px),560px)}.on-pitch .play-shell{margin-bottom:0}.on-pitch .role-tag{display:none}.on-pitch .match-hud{padding:11px 9px}.on-pitch .pressure{line-height:1.5;gap:5px}.on-pitch .pressure>span{font-size:8px}.on-pitch .scoreboard .score-line>strong{font-size:27px}.field-clock{font-size:8px;margin-top:2px}.field-clock b{font-size:17px}.field-ready{display:block;padding:15px;margin-bottom:13px}.field-ready>.primary{width:100%;margin-top:12px;min-height:44px}.field-ready p{font-size:11px}.field-controls{grid-template-columns:136px minmax(0,1fr);gap:12px}.move-pad button{height:43px;font-size:19px}.field-action-grid{gap:5px}.field-action-grid button{padding:9px 5px;font-size:10px}.field-action-grid button small{font-size:8px;margin-left:3px}.field-action-grid .field-shoot small{font-size:7px;letter-spacing:.5px}.halftime-panel{padding:16px 0}.halftime-panel h2{font-size:26px}.interval-score{gap:14px}.interval-score strong{font-size:34px}.halftime-panel .big{font-size:11px;width:100%;padding:15px 8px}}
@media(max-height:570px) and (min-width:651px){.on-pitch .play-shell{display:grid;grid-template-columns:minmax(0,1fr) 270px}.on-pitch #hud{grid-column:1/-1}.on-pitch #stadium{height:calc(100dvh - 180px);min-height:240px}.on-pitch #controls{grid-column:2;margin:0;padding:12px}.field-controls{grid-template-columns:100px minmax(0,1fr);gap:8px}.move-pad button{height:34px;font-size:16px}.field-action-grid button{font-size:8px}.field-action-grid button small{display:none}.field-ready h2{font-size:16px}.field-ready p{font-size:10px}.field-ready{padding:10px;display:block}.field-ready>.primary{margin-top:10px;width:100%}.field-ready[hidden]{display:none}}
.facility-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0}.facility-intro>div:last-child{display:flex;flex-direction:column;gap:8px;min-width:160px}.facility-intro strong{font-size:2.6rem;color:#efce85}.facility-intro small,.facility-intro span{font-size:.75rem;letter-spacing:.08em}.facility-art{position:relative;margin:-8px -8px 22px;border-radius:14px;background:linear-gradient(145deg,#244c48,#152d38);overflow:hidden}.facility-art.tone-1{background:linear-gradient(145deg,#304660,#182c3e)}.facility-art.tone-2{background:linear-gradient(145deg,#504937,#24303a)}.facility-art svg{width:100%;height:155px;display:block}.facility-art>span{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:5px;background:#122b36;color:#efce85;font-size:.65rem;font-weight:800}.facility-card{display:flex;flex-direction:column}.facility-card h2{font-size:1.35rem}.facility-card p{min-height:4.4em}.facility-tiers{display:flex;gap:6px;margin:14px 0}.facility-tiers span{height:5px;flex:1;border-radius:4px;background:#354856}.facility-tiers .built{background:#e6c681}.facility-effect{display:grid;gap:6px;margin:0 0 20px;flex:1}.facility-effect small{font-size:.65rem;letter-spacing:.12em;color:#a6b9c5}.facility-effect b{font-size:.85rem;margin-bottom:9px}.facility-card button{width:100%}@media(max-width:600px){.facility-intro{align-items:flex-start;flex-direction:column}.facility-intro>div:last-child{min-width:0}.facility-art svg{height:130px}}
.finish-view-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:20px}.finish-view-controls h2{margin:8px 0;font-size:24px}.finish-view-controls p{font-size:12px;line-height:1.7}.finish-view-controls .field{max-width:320px}.finish-view-controls input{width:100%;accent-color:#ebcf88}.finish-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.finish-targets button{min-height:57px;padding:10px 5px;font-size:12px}.finish-targets .selected{border-color:#ebcf88;background:#ebcf8828}@media(max-width:650px){.finish-view-controls{grid-template-columns:1fr;gap:12px;padding:10px}.finish-view-controls h2{font-size:20px}.finish-targets{gap:6px}.finish-targets button{min-height:45px;font-size:11px}.finish-view-controls .field{max-width:none}}
.field-save-controls{display:grid;grid-template-columns:1fr 1.35fr;gap:24px;padding:18px;align-items:center}.field-save-controls h2{font-size:24px;margin:7px 0}.field-save-controls h2 b{color:#a2e8ff;font-variant-numeric:tabular-nums}.field-save-controls p{font-size:12px;line-height:1.6}.field-save-controls .eyebrow{color:#a2e8ff}.save-timer{height:5px;background:#091d30;border-radius:5px;overflow:hidden}.save-timer span{display:block;height:100%;background:#a2e8ff;transform-origin:left}.field-save-controls .dive-map button{min-height:48px}.field-save-controls button:disabled{opacity:.6}.field-save-controls button.active{background:#5c9fb8;color:#fff;opacity:1}@media(max-width:650px){.field-save-controls{grid-template-columns:1fr;gap:10px;padding:8px}.field-save-controls h2{font-size:21px}.field-save-controls p{margin:5px 0 9px;font-size:11px}.field-save-controls .dive-map button{font-size:9px;padding:7px 2px;min-height:44px}.field-save-controls .dive-map{gap:4px}}
@media(max-width:650px){.aiming-field #stadium{height:clamp(220px,calc(100dvh - 375px),380px)}.aiming-field .finish-view-controls p{margin-bottom:8px}.aiming-field .finish-view-controls .field{gap:2px}.aiming-field #controls{padding:10px}}