/* Drop Zone: an open island lobby, quiet settings, and a tactical live toolbar. */
.dz-stage{background:#172e35}
.dz-stage .dz-lobby{inset:0;padding:0;background:linear-gradient(90deg,#06131dd4,transparent 72%);display:block;overflow:auto}
.dz-stage .dz-brand{position:absolute;left:32px;top:30px;pointer-events:none;color:#fff5dc;max-width:440px}
.dz-stage .dz-eyebrow{font:800 10px Rubik,Arial,sans-serif;letter-spacing:3px;color:#b4f7cf;display:flex;gap:9px;align-items:center}.dz-stage .dz-eyebrow i{width:6px;height:6px;background:#b9ffc1;border-radius:50%;box-shadow:0 0 14px #adffb9}
.dz-stage .dz-brand h2{font:400 clamp(40px,5.4vw,70px)/.96 'Russo One',Impact,sans-serif;letter-spacing:-2px;margin:18px 0 14px;text-shadow:0 5px 20px #0314208c}.dz-stage .dz-brand h2 em{font-style:normal;color:#c0f29b}
.dz-stage .dz-brand p{font:500 13px/1.6 Rubik,Arial,sans-serif;color:#c2d5d2;max-width:260px;margin:0}
.dz-stage .dz-features{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}.dz-stage .dz-features span{font:700 9px Rubik,Arial,sans-serif;letter-spacing:1.2px;color:#a5bfbf;border-left:2px solid #8aca9d;padding-left:8px}
.dz-stage .dz-card{position:absolute;bottom:28px;left:32px;width:min(760px,calc(100% - 64px));max-width:none;margin:0;padding:20px 22px;border-radius:17px;background:#091b29ed;border:1px solid #759ca057;box-shadow:0 15px 45px #00101b55;color:#dcebe9;font-family:Rubik,Arial,sans-serif}
.dz-stage .dz-card.is-party{bottom:auto;top:28px;left:auto;right:28px;width:min(560px,calc(100% - 56px));max-height:calc(100% - 56px);overflow:auto}
.dz-stage .dz-setup{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.dz-stage .dz-field{display:grid;gap:7px;min-width:115px;font:700 9px Rubik,Arial,sans-serif;color:#8daeb7;letter-spacing:1.1px;text-transform:uppercase}
.dz-stage .dz-field select{appearance:auto;border:1px solid #66859270;background:#102638;color:#e8f4ec;font:700 12px Rubik,Arial,sans-serif;border-radius:9px;padding:9px 11px;min-height:42px;min-width:132px;letter-spacing:0;text-transform:none;cursor:pointer}.dz-stage .dz-field select:focus-visible{outline:2px solid #b7f6cc;outline-offset:3px}
.dz-stage .dz-view-choice{display:flex;border:1px solid #66859270;border-radius:9px;padding:3px;background:#0b1b29;gap:3px}.dz-stage .dz-view-choice button{padding:9px 13px;min-height:34px;border-radius:6px;color:#9ab8c8;font:700 12px Rubik,Arial,sans-serif;box-shadow:none;background:transparent}.dz-stage .dz-view-choice button.on{color:#153126;background:#bcf4c4}.dz-stage .dz-view-choice button:disabled{opacity:.4;cursor:default}
.dz-stage .dz-deploy{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 19px;min-width:192px;min-height:57px;border:1px solid #e3ffbb;border-radius:12px;background:linear-gradient(125deg,#e1fba3,#a8efc2);color:#133b29;box-shadow:0 4px 0 #487e5a,0 8px 25px #0003;font:900 15px Rubik,Arial,sans-serif;letter-spacing:1px;cursor:pointer;margin-left:auto}.dz-stage .dz-deploy span{font-size:25px;font-weight:500}.dz-stage .dz-deploy:hover{filter:brightness(1.06)}.dz-stage .dz-deploy:active{transform:translateY(2px)}
.dz-stage .dz-launch-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;font:500 10px/1.5 Rubik,Arial,sans-serif;color:#8facb7}.dz-stage .dz-launch-meta strong{color:#bed0bc;font-weight:500}
.dz-stage .dz-settings{margin-top:14px;border-top:1px solid #7396a12c;padding-top:10px;color:#8eabb6;font-size:11px}.dz-stage .dz-settings summary{cursor:pointer;font-weight:600}.dz-stage .dz-settings-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:15px 0 4px}.dz-stage .dz-settings .dz-assist{margin:0;font-size:11px}.dz-stage .dz-settings-body p{color:#9bb9bf;font:500 11px/1.6 Rubik,Arial,sans-serif;margin:0;flex:1;min-width:160px}
.dz-stage .dz-guide{margin:8px 0 0;border:0;background:transparent;padding:0;color:#b2c5c9;font:500 11px/1.6 Rubik,Arial,sans-serif}.dz-stage .dz-guide summary{font-size:10px;color:#b4d9c7}.dz-stage .dz-guide p{font-size:11px;line-height:1.8}
.dz-stage .dz-label{font-size:9px;letter-spacing:1px;color:#8daeb7}.dz-stage .dz-party{padding-top:14px;margin-top:14px;border-top:1px solid #7396a12c}.dz-stage .dz-party .dz-opts{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dz-stage .dz-party .dz-opt{min-height:55px;padding:8px 9px;border-radius:9px}.dz-stage .dz-party .dz-opt b{font-size:11px}.dz-stage .dz-party .dz-opt span{font-size:9px}.dz-stage .dz-code{font-size:30px;color:#c2f4bd}.dz-stage .dz-members{gap:5px}.dz-stage .dz-member{background:#132a3d;font-size:11px;padding:7px 9px}.dz-stage .dz-member .lv{font-size:9px}.dz-stage .dz-party .dz-note{font-size:10px;color:#94adb9}
.dz-live-toolbar{position:absolute;z-index:5;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #86b5c45c;border-radius:11px;background:#091c2aee;box-shadow:0 4px 18px #06111b30;color:#cee6e8;font-family:Rubik,Arial,sans-serif}.dz-live-toolbar[hidden]{display:none}.dz-live-toolbar button{border:0;border-radius:7px;min-width:40px;min-height:32px;padding:6px 10px;background:transparent;font:700 11px Rubik,Arial,sans-serif;color:#93b3c4;cursor:pointer}.dz-live-toolbar button.on{background:#baf0c4;color:#173325}.dz-live-toolbar button:disabled{opacity:.35;cursor:default}.dz-live-toolbar .dz-pause-trigger{border-left:1px solid #6e93a457;border-radius:0 7px 7px 0;color:#c6dbe3}.dz-live-toolbar select{font:600 10px Rubik,Arial,sans-serif;min-height:30px;background:#102839;border:1px solid #65879b44;border-radius:6px;color:#c7e1e4;padding:5px 3px;max-width:92px}.dz-live-toolbar button:focus-visible,.dz-live-toolbar select:focus-visible{outline:2px solid #d6ffc5;outline-offset:2px}
.dz-pause-panel{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#05131dba;backdrop-filter:blur(5px);font-family:Rubik,Arial,sans-serif;color:#e8f3dd}.dz-pause-panel[hidden]{display:none}.dz-pause-panel>div{width:min(350px,calc(100% - 36px));padding:29px;text-align:center;border:1px solid #729aab57;border-radius:20px;background:#0b2132;box-shadow:0 20px 60px #0004}.dz-pause-panel h2{font:400 24px 'Russo One',Impact,sans-serif;margin:15px 0 20px}.dz-pause-panel .dz-eyebrow{justify-content:center;font-size:8px}.dz-pause-panel .dz-deploy{width:100%;margin:0}.dz-pause-panel p{font-size:11px;color:#92b6c1;margin:20px 0 0;line-height:1.5}
@media(max-width:680px){
 .dz-stage .dz-brand{left:22px;top:25px;max-width:320px}.dz-stage .dz-brand h2{font-size:52px;letter-spacing:-1.6px}.dz-stage .dz-brand p{font-size:12px;max-width:240px}.dz-stage .dz-features{gap:10px;margin-top:16px}.dz-stage .dz-features span{font-size:8px}
 .dz-stage .dz-card{left:18px;bottom:20px;width:calc(100% - 36px);padding:16px;border-radius:15px}.dz-stage .dz-setup{gap:10px}.dz-stage .dz-field{min-width:0;flex:1}.dz-stage .dz-field select{min-width:0;width:100%;min-height:40px;padding:9px 6px;font-size:11px}.dz-stage .dz-deploy{min-height:54px;width:100%;margin:2px 0 0;min-width:0}.dz-stage .dz-launch-meta{font-size:9px;align-items:start}.dz-stage .dz-launch-meta .dz-skill{display:none}.dz-stage .dz-card.is-party{left:14px;right:14px;top:16px;width:calc(100% - 28px);max-height:calc(100% - 32px)}.dz-stage .dz-card.is-party~.dz-brand{display:none}
 .dz-live-toolbar{left:auto;right:12px;top:114px;transform:none;padding:3px;gap:2px;border-radius:9px}.dz-live-toolbar button{min-width:32px;min-height:30px;padding:5px 7px;font-size:10px}.dz-live-toolbar select{display:none}
}
@media(max-height:510px) and (min-width:600px){
 .dz-stage .dz-brand{left:25px;top:20px}.dz-stage .dz-brand h2{font-size:37px;margin:10px 0}.dz-stage .dz-brand p{font-size:10px;max-width:245px}.dz-stage .dz-features{display:none}.dz-stage .dz-card{left:25px;bottom:18px;width:calc(100% - 50px);padding:12px 16px}.dz-stage .dz-setup{gap:12px;flex-wrap:nowrap}.dz-stage .dz-deploy{width:auto;min-width:167px;min-height:48px;margin:0 0 0 auto;font-size:13px}.dz-stage .dz-field{flex:none;min-width:112px}.dz-stage .dz-field select{min-height:34px;padding:7px 8px}.dz-stage .dz-view-choice button{min-height:26px;padding:6px 10px}.dz-stage .dz-launch-meta{margin-top:10px;font-size:9px}.dz-stage .dz-settings{margin-top:8px;padding-top:7px}.dz-stage .dz-live-toolbar{top:12px;right:auto;left:50%;transform:translateX(-50%)}.dz-stage .dz-live-toolbar select{display:none}.dz-stage .dz-settings[open]{background:#0a2133;position:absolute;left:0;right:0;bottom:0;padding:14px;max-height:180px;overflow:auto;border-radius:14px}.dz-stage .dz-card.is-party{right:15px;top:15px;left:auto;bottom:auto;width:min(560px,calc(100% - 30px));max-height:calc(100% - 30px)}
}
@media(prefers-reduced-motion:reduce){.dz-stage .dz-deploy:active{transform:none}}
@media(max-height:510px) and (min-width:600px){.dz-stage .dz-brand p{display:none}}

/* Rival rewards stay beside the launch controls, with a calm match recap. */
.dz-stage .dz-brand h2{color:#fff2d6;text-shadow:0 4px 0 #143d44,0 12px 32px #00152280}
.dz-stage .dz-brand h2 em{background:linear-gradient(115deg,#caffb6,#a2e9ed);background-clip:text;-webkit-background-clip:text;color:transparent}
.dz-stage .dz-card{background:linear-gradient(115deg,#0b2030f5,#0d2534ee);border-color:#9ecec265;box-shadow:0 18px 55px #00142073,inset 0 1px 0 #ceefd617;backdrop-filter:blur(12px)}
.dz-stage .dz-reward-strip{display:flex;gap:13px;align-items:center;margin-top:14px;padding:12px 0 0;border-top:1px solid #789a9e35;color:#d3e8dd}
.dz-stage .dz-reward-mark{font:400 25px/1 'Russo One',Impact,sans-serif;color:#e8f4b6;min-width:67px}
.dz-stage .dz-reward-strip b{font:800 9px Rubik,Arial,sans-serif;letter-spacing:1.5px;display:block;color:#c7e9d8}
.dz-stage .dz-reward-strip small{font:500 10px/1.4 Rubik,Arial,sans-serif;display:block;color:#89adb7;margin-top:5px}
.dz-stage .dz-reward-note{margin-left:auto;font:700 8px/1.8 Rubik,Arial,sans-serif;letter-spacing:1.5px;color:#81a59a;white-space:nowrap}
.dz-stage-shell .result{background:radial-gradient(ellipse at 50% 15%,#244d505c,transparent 65%),#061520bf;backdrop-filter:blur(7px)}
.dz-stage-shell .result-card{background:linear-gradient(145deg,#183848,#0d202f 65%);border:1px solid #82bbba67;width:min(510px,100%);box-shadow:0 25px 85px #00111999,inset 0 1px 0 #dcf9e322}
.dz-stage-shell .result-card .kicker{color:#a5dfca;letter-spacing:2px;font-size:10px}
.dz-stage-shell .result-card h2{color:#e4f3e4;font-family:Rubik,Arial,sans-serif;font-weight:800}
.dz-stage-shell .res-score{color:#d7f5b2;text-shadow:0 5px 28px #a6ef8338;font-size:clamp(2.4rem,9vw,3.2rem)}
.dz-stage-shell .res-detail{font-size:11px;color:#93b6c4;line-height:1.7}
.dz-stage-shell .res-points{background:#071b2b;border-color:#70939b45;padding:15px 18px}
.dz-stage-shell .res-points>span{text-transform:uppercase;font:700 9px Rubik,Arial,sans-serif;letter-spacing:2px;color:#8aafba}
.dz-stage-shell .res-points>strong{font:400 38px 'Russo One',Impact,sans-serif;color:#daf7b3;letter-spacing:-1px}
.dz-stage-shell .res-points>small{font-size:10px;color:#93b1b8}
.dz-stage-shell .res-actions .btn:not(.ghost){background:linear-gradient(115deg,#daf8ad,#a3ebc2);color:#183d33;border-color:#d8f6b9;box-shadow:0 4px 0 #42766b;font-size:12px;font-weight:800}
.dz-stage-shell .res-actions .ghost{border-color:#62839769;background:#153443;color:#c1dbdf;font-size:12px}
.dz-result-summary[hidden]{display:none}
.dz-result-rivals{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;padding:11px 1px;color:#b6cec9;font:600 10px Rubik,Arial,sans-serif}
.dz-result-rivals b{color:#e5f3ab}.dz-result-rivals small{width:100%;text-align:left;font-size:10px;color:#83a7b0}
.dz-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:2px 0 17px}
.dz-result-metrics>div{background:#082032;border:1px solid #6485973b;border-radius:9px;padding:11px 3px}
.dz-result-metrics b{display:block;font:800 17px Rubik,Arial,sans-serif;color:#e6f2de}.dz-result-metrics span{display:block;font:700 7px Rubik,Arial,sans-serif;letter-spacing:1px;color:#739fad;margin-top:6px}
.dz-stage-shell.dz-victory .result-card{border-color:#e2d69488;background:radial-gradient(ellipse at 50% 0,#77684345,transparent 60%),linear-gradient(145deg,#183848,#0d202f 65%)}
.dz-stage-shell.dz-victory .res-score{color:#ffe3a2;text-shadow:0 5px 28px #ffb8463b}
@media(max-width:680px){.dz-stage .dz-reward-strip{gap:9px;padding-top:10px;margin-top:10px}.dz-stage .dz-reward-mark{font-size:23px;min-width:55px}.dz-stage .dz-reward-strip small{font-size:9px}.dz-stage .dz-reward-note{display:none}.dz-stage-shell .res-points>strong{font-size:32px}.dz-result-metrics b{font-size:16px}}
@media(max-height:510px) and (min-width:600px){.dz-stage .dz-brand h2{font-size:30px;margin:9px 0}.dz-stage .dz-brand h2 br{display:none}.dz-stage .dz-brand h2 em{margin-left:9px}.dz-stage .dz-reward-strip{padding-top:7px;margin-top:7px;gap:10px}.dz-stage .dz-reward-mark{font-size:18px;min-width:50px}.dz-stage .dz-reward-strip small{display:none}.dz-stage .dz-reward-strip b{font-size:8px}.dz-stage .dz-reward-note{display:none}.dz-stage .dz-launch-meta{display:none}.dz-stage-shell .res-score{font-size:2rem}.dz-result-metrics{margin-bottom:10px}.dz-result-metrics>div{padding:7px 3px}}

/* Island selection, practice range and team rescues. */
.dz-training-launch{width:100%;margin-top:10px;padding:11px;border:1px solid #86bcb263;border-radius:10px;color:#bae9d8;background:#0b2338;font:800 11px Rubik,Arial;letter-spacing:.06em;cursor:pointer}
.dz-training-launch:hover{background:#153a4a;border-color:#b1edcb}
.dz-range-controls{position:absolute;right:12px;top:190px;width:205px;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px;background:#0a2239eb;border:1px solid #86bcb263;border-radius:11px}
.dz-range-controls[hidden]{display:none}.dz-range-controls label{grid-column:1/-1;color:#9dc1c8;font:800 9px Rubik,Arial;letter-spacing:.08em}.dz-range-controls select{display:block;width:100%;margin-top:4px;padding:7px;border:1px solid #7caaa866;border-radius:6px;background:#152d41;color:#f1f7df;font:700 11px Rubik,Arial}.dz-range-controls button{padding:9px 3px;border:1px solid #8bc9b266;border-radius:6px;background:#163447;color:#c3eed7;font:800 10px Rubik,Arial;cursor:pointer}.dz-range-controls [data-exit]{grid-column:1/-1;color:#ffc6a2;border-color:#ad795d66}
@media(max-width:600px){.dz-range-controls{top:178px;left:12px;right:12px;width:auto;grid-template-columns:minmax(112px,1fr) repeat(3,minmax(48px,.5fr));padding:7px;gap:5px}.dz-range-controls label{grid-column:auto;font-size:8px}.dz-range-controls select{margin:3px 0 0;padding:6px;font-size:10px}.dz-range-controls [data-exit]{grid-column:auto;font-size:9px}.dz-card .dz-training-launch{margin-top:7px;padding:9px}}
@media(max-height:460px) and (min-width:601px){.dz-range-controls{top:108px;width:220px;grid-template-columns:1fr 1fr}.dz-range-controls label{grid-column:1/-1}.dz-range-controls button{padding:7px 3px}.dz-training-launch{padding:7px;margin-top:6px}.dz-lobby .dz-card{max-height:calc(100% - 12px);overflow:auto}}
@media(max-width:680px){.dz-stage .dz-setup{display:grid;grid-template-columns:1fr 1fr}.dz-stage .dz-field{min-width:0}.dz-stage .dz-deploy{grid-column:1/-1}.dz-stage .dz-field select{min-width:0;width:100%}}
@media(max-height:460px) and (min-width:681px){.dz-range-controls{width:calc(100% - 320px);grid-template-columns:minmax(108px,1fr) repeat(3,minmax(50px,.5fr));padding:7px;gap:5px}.dz-range-controls label,.dz-range-controls [data-exit]{grid-column:auto}.dz-range-controls [data-exit]{font-size:9px}.dz-range-controls label{font-size:8px}.dz-range-controls select{margin-top:3px;padding:6px}}
