.turf-game{background:#081321}
.turf-game canvas.full{touch-action:none}
.turf-launch{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2;width:min(700px,calc(100% - 58px));padding:19px 22px 12px;display:grid;grid-template-columns:minmax(0,1fr) 150px 118px;align-items:center;gap:8px 22px;border:1px solid #84c7d04a;border-radius:19px;background:linear-gradient(120deg,#152e42f5,#0b1b2bf5);box-shadow:0 14px 40px #02091288,inset 0 1px 0 #cbffff15;backdrop-filter:blur(14px);color:#f0ffff;font-family:Rubik,Arial,sans-serif}
.turf-launch[hidden],.turf-controls[hidden]{display:none!important}
.turf-launch-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.turf-launch-copy strong{font-size:22px;font-weight:700;letter-spacing:-.5px}
.turf-launch-copy span{color:#a5bfd0;font-size:12px;line-height:1.45}
.turf-play{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #c4ffff88;border-radius:12px;background:linear-gradient(180deg,#91fff0,#49d8d4);color:#092b3a;padding:0 19px;min-height:54px;box-shadow:0 4px 0 #177a83,0 8px 24px #50ebd523,inset 0 1px 0 #ffffff77;font:900 19px Rubik,Arial,sans-serif;cursor:pointer;transition:filter .15s,transform .15s}
.turf-play span{font-size:26px;font-weight:500}
.turf-play:hover{filter:brightness(1.1);transform:translateY(-1px)}
.turf-play:active{transform:translateY(3px);box-shadow:0 1px 0 #177a83}
.turf-competition{display:flex;flex-direction:column;gap:6px;color:#9cb7ca;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.turf-competition select{width:100%;min-height:38px;border:1px solid #83abc453;border-radius:9px;padding:0 9px;color:#d5e8f4;background:#152c40;font:500 12px Rubik,Arial,sans-serif;cursor:pointer;color-scheme:dark}
.turf-launch-hint{grid-column:1/-1;text-align:center;font-size:10px;color:#86a5ba;letter-spacing:.3px;margin-top:6px}
.turf-play:focus-visible,.turf-competition select:focus-visible{outline:3px solid #fff;outline-offset:4px}
.turf-game .turf-controls .arcade-joystick{display:none!important}
.turf-game .turf-controls .friends-pad{grid-template-columns:54px 54px 54px;gap:5px}
.turf-game .turf-controls .friends-pad button{width:54px;height:48px;min-width:48px;min-height:48px;background:linear-gradient(#24475a,#133045)!important;border:1px solid #80cbd566!important;color:#b8fff5;font-size:23px!important;box-shadow:0 4px 0 #040e1a,inset 0 1px 0 #d4ffff15;border-radius:12px}
.turf-game .turf-controls .friends-pad button:active{transform:translateY(3px);box-shadow:0 1px 0 #030c19;background:#285c6a!important}
.turf-game .turf-controls .friends-actions{max-width:calc(100% - 182px);gap:7px}
.turf-game .turf-controls .friends-actions button{min-height:44px!important;padding:0 16px!important;border-radius:12px;background:linear-gradient(180deg,#213e52,#13293e)!important;border-color:#789db24d!important;color:#c2dce8;box-shadow:0 3px 0 #030c19,inset 0 1px 0 #e7ffff10;font-size:12px!important;font-weight:700}
.turf-game .turf-controls .friends-actions [aria-pressed="true"]{color:#9ff5df;border-color:#8ff5d982!important;background:linear-gradient(#244e56,#18393f)!important}
.turf-game .turf-controls button:focus-visible{outline:3px solid #edffff;outline-offset:3px}
.turf-game .turf-panel{background:#071628b3!important;backdrop-filter:blur(5px)}
.turf-game .turf-panel .friends-box{width:min(380px,100%);background:linear-gradient(145deg,#1b3d50,#102236)!important;border-color:#90c3cd66!important;text-align:center}
.turf-game .turf-panel .friends-box h2{color:#8ff8e8!important}
.turf-game .turf-panel .friends-box p{font-size:14px!important}
.turf-game .turf-panel .friends-box>button{background:#7af1db!important;min-width:160px}
@media(min-width:620px){.turf-game .turf-controls:not(.is-touch) .friends-actions{margin-left:auto;max-width:100%}.turf-game .turf-controls:not(.is-touch):before{content:'ARROWS / WASD TO STEER';align-self:center;color:#7699b1;font:700 10px Rubik,Arial,sans-serif;letter-spacing:.7px}}
@media(max-width:619px){.turf-launch{width:calc(100% - 42px);bottom:max(22px,env(safe-area-inset-bottom));padding:17px 16px 11px;grid-template-columns:minmax(0,1fr) 114px;gap:12px}.turf-launch-copy{grid-column:1/-1;align-items:center;text-align:center;gap:4px}.turf-launch-copy strong{font-size:20px}.turf-play{min-height:51px;font-size:18px}.turf-launch-hint{font-size:9px;margin-top:0}.turf-competition select{min-height:37px}.turf-game .turf-controls .friends-pad{grid-template-columns:44px 44px 44px!important;gap:4px!important}.turf-game .turf-controls .friends-pad button{width:44px;height:44px;min-width:44px!important;min-height:44px!important;border-radius:10px}.turf-game .turf-controls .friends-actions{max-width:calc(100% - 152px);gap:5px!important}.turf-game .turf-controls .friends-actions button{font-size:11px!important;min-height:42px!important;padding:0 11px!important}}
@media(max-height:430px){.turf-launch{width:min(670px,calc(100% - 50px));bottom:max(18px,env(safe-area-inset-bottom));padding:12px 17px 9px;gap:4px 17px;grid-template-columns:minmax(0,1fr) 138px 110px;border-radius:15px}.turf-launch-copy{grid-column:auto;align-items:flex-start;text-align:left}.turf-launch-copy strong{font-size:19px}.turf-launch-copy span{font-size:11px}.turf-play{min-height:44px;font-size:17px}.turf-launch-hint{font-size:9px;margin-top:3px}.turf-game .turf-controls .friends-pad{grid-template-columns:44px 44px 44px 44px!important;gap:5px!important}.turf-game .turf-controls .friends-pad .left{grid-column:1;grid-row:1}.turf-game .turf-controls .friends-pad .up{grid-column:2;grid-row:1}.turf-game .turf-controls .friends-pad .down{grid-column:3;grid-row:1}.turf-game .turf-controls .friends-pad .right{grid-column:4;grid-row:1}.turf-game .turf-controls .friends-pad button{width:44px;height:44px;min-width:44px!important;min-height:44px!important}.turf-game .turf-controls .friends-actions button{min-height:40px!important}.turf-game .turf-controls .friends-actions{max-width:calc(100% - 202px)}}
@media(prefers-reduced-motion:reduce){.turf-play{transition:none}}

.turf-choices{grid-column:1/-1;display:flex;justify-content:center;gap:18px}.turf-choices label{display:flex;gap:8px;align-items:center;font:700 10px Rubik,Arial,sans-serif;color:#9bbcca}.turf-choices select{padding:6px 8px;background:#142d40;color:#d5f4ed;border:1px solid #78abb655;border-radius:7px;font:500 11px Rubik,Arial,sans-serif;max-width:210px}@media(max-width:500px){.turf-choices{gap:9px}.turf-choices label{flex-direction:column;gap:4px}.turf-choices select{max-width:170px;font-size:10px}}@media(max-height:480px){.turf-choices{gap:12px}.turf-choices select{padding:4px}.turf-launch{padding-top:10px;padding-bottom:8px}.turf-launch-hint{display:none}}