/* Touch controls occupy their own layout space, away from navigation. */
.touch-controls{position:static;inset:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px 20px;min-height:172px;background:#122746;border-top:1px solid #39597f;pointer-events:auto;z-index:auto;user-select:none;-webkit-user-select:none}
.move-stick{position:relative;width:136px;height:136px;flex-shrink:0;border:2px solid #638fbc;border-radius:50%;background:radial-gradient(circle,#304e75,#152e50);touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}
.stick-thumb{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px;border:2px solid #b8d8f4;border-radius:50%;background:linear-gradient(#78b8ef,#3e76ae);box-shadow:0 5px 12px #07152870;pointer-events:none;transform:translate(var(--stick-x,0px),var(--stick-y,0px))}
.move-stick.is-held .stick-thumb{background:linear-gradient(#a8d7ff,#5596cb)}
.stick-arrow{position:absolute;font-size:14px;color:#a9cbea;pointer-events:none}.stick-up{top:7px;left:calc(50% - 7px)}.stick-down{bottom:7px;left:calc(50% - 7px)}.stick-left{left:8px;top:calc(50% - 8px)}.stick-right{right:8px;top:calc(50% - 8px)}
.bomb-control{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.bomb-control>span{font-size:12px;color:#adc7e5}.touch-bomb{width:88px;height:88px;border:3px solid #ffd0e2;font-size:36px;background:linear-gradient(#e681aa,#ba4676);box-shadow:0 5px 0 #742e50;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-bomb.is-held{transform:translateY(3px);box-shadow:0 2px 0 #742e50}
#mobile-guide{font-size:13px;line-height:1.7;color:#bbd1eb;margin:0}#exit-overlay{z-index:30}.dialog-secondary{min-height:44px;padding:8px 16px}.touch-device #mode-options [data-value="duo"]{display:none}.touch-device input,.touch-device select{font-size:16px!important}
@media(max-width:900px){
 .touch-device .arcade{padding:8px max(8px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
 .touch-device .topbar{gap:8px;margin-bottom:10px;min-height:44px}.touch-device .wordmark{font-size:19px;letter-spacing:0}.touch-device .q{font-size:28px}.touch-device .wordmark small,.touch-device .tools span{display:none}.touch-device .tools{gap:6px}.touch-device .tools button{width:44px;height:44px;padding:0;font-size:20px}
 .touch-device .game-layout{grid-template-columns:1fr;gap:18px}.touch-device .cabinet{border-radius:14px}.touch-device .cabinet-top{height:38px;padding:0 10px;font-size:11px}.touch-device .timer{font-size:15px;padding:4px 8px}.touch-device .cabinet-bottom{min-height:48px;height:auto;padding:6px 10px}.touch-device #status-line{flex:1;line-height:1.5}.touch-device #pause-button{min-width:60px;min-height:44px;font-size:13px}
 .touch-device .sidebar{display:flex;gap:12px}.touch-device .sidebar section{padding:12px}.touch-device .players,.touch-device #players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.touch-device .player-row{margin:0;gap:6px}.touch-device .player-info{min-width:0}.touch-device .player-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.touch-device .player-avatar{flex-shrink:0;width:32px;height:32px}.touch-device .player-info small{font-size:10px}.touch-device .player-score{font-size:12px}.touch-device .powerups{display:none}
 .touch-device .room-bar{gap:8px;margin-bottom:10px;padding:8px;font-size:12px;flex-wrap:wrap}.touch-device .room-bar>span:first-child{flex-basis:55%;min-width:0}.touch-device .room-bar button{min-height:44px}.touch-device .project-links{line-height:1.6}
 .touch-device .overlay{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.touch-device .menu-card{width:min(460px,100%);max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:18px 16px;overscroll-behavior:contain}.touch-device .dialog{width:min(360px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:24px 20px}.touch-device .segmented button,.touch-device .characters button,.touch-device .room-secondary,.touch-device .join-row button,.touch-device .invite-row button{min-height:44px}.touch-device .menu-hint{line-height:1.6}
}
@media(max-width:350px){.touch-controls{padding:12px;gap:16px}.move-stick{width:124px;height:124px}.touch-bomb{width:80px;height:80px}.touch-device .wordmark{font-size:17px}.touch-device .q{font-size:23px}.touch-device .tools{gap:4px}}
@media(orientation:landscape) and (max-height:600px){.touch-device .cabinet{display:grid;grid-template-columns:minmax(0,1fr) 214px}.touch-device .cabinet-top,.touch-device #game,.touch-device .cabinet-bottom{grid-column:1}.touch-device .touch-controls{grid-column:2;grid-row:1/4;flex-direction:column;justify-content:center;gap:18px;border-top:0;border-left:1px solid #39597f;padding:12px;min-height:0}.touch-device .move-stick{width:116px;height:116px}.touch-device .touch-bomb{width:72px;height:72px;font-size:30px}.touch-device .topbar{margin-bottom:6px}.touch-device .sidebar{display:none}.touch-device .project-links,.touch-device footer{margin-top:14px}}
.cabinet:fullscreen{overflow:auto;max-width:100%}.cabinet:fullscreen .touch-controls{padding-bottom:max(20px,env(safe-area-inset-bottom))}