html.game-shell #game-dock.controller-dock{background:transparent;border:0;padding:0;gap:0;overflow:visible}
.controller-dock>.dock-hint,.controller-dock>.dock-actions,.controller-dock>.dock-nav{position:absolute!important;left:-20000px!important;width:360px!important}
#game-dock.controller-dock>.dock-meter{position:absolute;top:0;left:10%;width:80%;margin:0;height:7px;z-index:3}
.controller{position:relative;height:100%;margin:8px 3px 0;border-radius:36% 36% 22% 22% / 30% 30% 55% 55%;background:linear-gradient(165deg,#fff,#c9ccd3 48%,#8b909b);border:1px solid #f7f8fa;box-shadow:inset 0 3px 3px white,inset 0 -8px 9px #565b68,0 4px 10px #0008;color:#202332;touch-action:none;user-select:none}
.controller::before{content:'';position:absolute;inset:35% 28% 4%;background:linear-gradient(#202330,#080a11);border-radius:30% 30% 48% 48%;box-shadow:0 -2px 5px #929aff}
#game-dock :where(.controller) button{min-height:0;padding:0;border:1px solid #555b69;background:linear-gradient(145deg,#535967,#161921);color:#ddd;border-radius:50%;box-shadow:inset 0 2px 2px #9297a5,0 3px 0 #080b12,0 4px 5px #0006;touch-action:none;font-size:20px;line-height:1;cursor:pointer}
#game-dock .controller button.pressed,#game-dock .controller button:active{box-shadow:inset 0 2px 6px #000;filter:brightness(1.3)}
.pad-cross,.pad-faces{position:absolute;width:100px;height:90px;top:26px;left:9px}.pad-faces{left:auto;right:9px}
#game-dock .pad-cross button,#game-dock .pad-faces button{position:absolute;width:34px;height:34px}
.pad-cross [data-dir=up],.pad-faces [data-face="2"]{left:33px;top:0}.pad-cross [data-dir=left],.pad-faces [data-face="3"]{left:0;top:29px}.pad-cross [data-dir=right],.pad-faces [data-face="1"]{right:0;top:29px}.pad-cross [data-dir=down],.pad-faces [data-face="0"]{left:33px;top:58px}
#game-dock .pad-cross button{border-radius:7px;font-size:17px}#game-dock [data-face="2"]{color:#7ce6c5}#game-dock [data-face="1"]{color:#ff8c94}#game-dock [data-face="0"]{color:#9dc8ff}#game-dock [data-face="3"]{color:#f3a6da}
.pad-label{position:absolute;top:5px;left:20%;width:60%;font:700 10px/1.1 Arial;text-align:center;max-height:23px;overflow:hidden;color:#202330}
#game-dock .pad-select,#game-dock .pad-menu{position:absolute;top:33px;left:36%;width:40px;height:22px;border-radius:6px;font-size:8px}#game-dock .pad-menu{left:auto;right:36%}
#game-dock .pad-stick{position:absolute;bottom:17px;width:47px;height:47px;background:#141722;box-shadow:inset 0 2px 5px #000,0 2px 2px #fff6}.left-stick{left:33%}.right-stick{right:33%}.pad-stick i{display:block;width:35px;height:35px;margin:auto;border-radius:50%;background:radial-gradient(ellipse at 35% 20%,#666c79,#262a36 70%);border:2px solid #777d89;box-shadow:0 4px 3px #0008,inset 0 0 0 3px #373c48}
.pad-brand{position:absolute;bottom:5px;left:0;width:100%;text-align:center;color:#747a85;font:700 7px Arial;letter-spacing:1px}
.pad-panel{position:absolute;inset:auto 0 calc(100% + 5px);background:#202331f5;border:1px solid #aab1c2;border-radius:20px;padding:12px;z-index:9;max-height:min(300px,48svh);overflow:auto;color:white}.pad-panel[hidden]{display:none}.pad-panel h3{margin:0 0 8px;font-size:14px}.pad-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}#game-dock .pad-panel button{border-radius:8px;min-height:40px;font-size:12px;padding:7px}.pad-panel .chosen{outline:2px solid #ceff40}.pad-close{width:100%;margin-top:8px}
@media(min-height:601px){.pad-cross,.pad-faces{top:34px}.pad-stick{bottom:20px!important}}
html.game-shell body:has(.controller-dock) main{width:min(440px,100vw,calc((100svh - 182px - env(safe-area-inset-bottom,0px))*.75))!important}
.controller{background:none;border:0;border-radius:0;box-shadow:none;isolation:isolate}
.controller::before{inset:0;background:url('controller-shell.svg') center/100% 100% no-repeat;border-radius:0;box-shadow:none;z-index:-1;filter:drop-shadow(0 3px 3px #0006)}
.pad-cross,.pad-faces{top:25px!important;left:17px}.pad-faces{left:auto;right:17px}
#game-dock .pad-select,#game-dock .pad-menu{top:34px;width:34px;height:19px;font-size:7px;left:36%;border-radius:8px;background:linear-gradient(#f6f7fa,#c3cbd7);color:#454e60;border-color:#a4aebc;box-shadow:inset 0 1px white,0 2px 2px #75829680}
#game-dock .pad-menu{left:auto;right:36%}
#game-dock .pad-stick{bottom:26px!important;width:48px;height:48px;border:2px solid #edf0f5;background:radial-gradient(circle,#414957 55%,#9da7b7 58%,#cbd2dd 70%);box-shadow:inset 0 2px 5px #647184,0 1px 1px white;display:grid;place-items:center}
.left-stick{left:32%}.right-stick{right:32%}
.pad-stick i{width:33px;height:33px;margin:0;border:2px solid #7a8494;background:radial-gradient(circle at 45% 30%,#596271,#303744 70%);box-shadow:inset 0 0 0 3px #3d4653,inset 0 2px 3px #9ba3af,0 3px 3px #0005}
.pad-label{top:10px;left:35%;width:30%;font-size:8px;max-height:20px}
.pad-brand{bottom:36px;font-size:6px;color:#596577;letter-spacing:.5px}
#game-dock .pad-stick{bottom:45px!important}
#game-dock .pad-faces button{background:linear-gradient(145deg,#fafbfc,#c9d0dc);border-color:#b4bfce;box-shadow:inset 0 2px 2px white,0 3px 0 #8793a5,0 4px 4px #0003;color:#596779}
#game-dock .pad-faces button:disabled{opacity:.65}
#game-dock .pad-cross button,#game-dock .pad-faces button{width:32px;height:32px}
.pad-cross [data-dir=up],.pad-faces [data-face="2"]{left:34px;top:0}
.pad-cross [data-dir=left],.pad-faces [data-face="3"]{left:0;top:34px}
.pad-cross [data-dir=right],.pad-faces [data-face="1"]{right:0;top:34px}
.pad-cross [data-dir=down],.pad-faces [data-face="0"]{left:34px;top:68px}
@media(max-width:360px){
 .pad-cross,.pad-faces{top:18px!important;width:94px;left:8px}.pad-faces{left:auto;right:8px}
 #game-dock .pad-cross button,#game-dock .pad-faces button{width:30px;height:30px}
 .pad-cross [data-dir=up],.pad-faces [data-face="2"]{left:32px;top:0}
 .pad-cross [data-dir=left],.pad-faces [data-face="3"]{left:0;top:32px}
 .pad-cross [data-dir=right],.pad-faces [data-face="1"]{right:0;top:32px}
 .pad-cross [data-dir=down],.pad-faces [data-face="0"]{left:32px;top:64px}
 #game-dock .pad-stick{width:42px;height:42px;bottom:34px!important}.left-stick{left:35%}.right-stick{right:35%}
 .pad-stick i{width:29px;height:29px}.pad-brand{bottom:29px;font-size:5px}
}
@media(max-height:600px){html.game-shell body:has(.controller-dock) main{width:min(440px,100vw,calc((100svh - 160px - env(safe-area-inset-bottom,0px))*.75))!important}}
/* Phone touch targets: reserve room BELOW the scene, never cover it. */
html.game-shell #game-dock.controller-dock{height:216px}
html.game-shell body:has(.controller-dock) main{width:min(440px,100vw,calc((100svh - 232px - env(safe-area-inset-bottom,0px))*.75))!important}
.pad-cross,.pad-faces{top:28px!important;left:8px;width:132px;height:132px}.pad-faces{left:auto;right:8px}
#game-dock .pad-cross button,#game-dock .pad-faces button{width:42px;height:42px;font-size:25px;display:grid;place-items:center;line-height:1;box-shadow:inset 0 2px 2px #fff9,0 3px 0 #788496,0 0 7px #b9eaaa60;text-shadow:0 0 5px #b9ff7240}
.pad-cross [data-dir=up],.pad-faces [data-face="2"]{left:45px;top:0}.pad-cross [data-dir=left],.pad-faces [data-face="3"]{left:0;top:45px}.pad-cross [data-dir=right],.pad-faces [data-face="1"]{right:0;top:45px}.pad-cross [data-dir=down],.pad-faces [data-face="0"]{left:45px;top:90px}
#game-dock .controller button.pressed,#game-dock .controller button:active{color:#d2ff38!important;text-shadow:0 0 5px #b3ff00,0 0 13px #a5fa00;background:linear-gradient(#485346,#1d2922);box-shadow:inset 0 2px 5px #0007,0 0 9px #c4ff5690;filter:none}
#game-dock .pad-select,#game-dock .pad-menu{top:10px;width:44px;height:28px;font-size:8px;left:34%}#game-dock .pad-menu{left:auto;right:34%}
#game-dock .pad-stick{width:44px;height:44px;bottom:41px!important}.left-stick{left:35%}.right-stick{right:35%}.pad-stick i{width:30px;height:30px}
.pad-label{top:44px;left:38%;width:24%;font-size:9px;max-height:41px;pointer-events:none}.pad-brand{bottom:31px;font-size:6px;pointer-events:none}
.pad-volume{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:10px}.pad-volume input{width:100%;min-width:0;min-height:36px;accent-color:#ceff40}.pad-volume output{min-width:32px}
.game-sound{position:absolute;z-index:1100;top:10px;left:10px;width:42px;height:42px;border-radius:50%;border:1px solid #d8ff6570;background:#302635cc;color:#d9ff62;font-size:24px;box-shadow:inset 0 1px #fff5,0 0 8px #c7ff3c25;touch-action:manipulation}.game-sound.muted{color:#ddd}.game-sound.muted::after{content:'';position:absolute;left:8px;top:19px;width:25px;height:2px;background:currentColor;transform:rotate(-45deg)}
.pad-label{top:8px;left:21%;width:58%;height:30px;max-height:30px;padding:3px 7px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;border:1px solid #ffffff;background:radial-gradient(ellipse at center,#fff 30%,#f4ffe7 78%,#dbe7f2);box-shadow:inset 0 0 10px #d1f8aa80,0 0 8px #daffac75,0 2px 2px #8495a545;color:#354034;font:700 11px/1.05 Arial;overflow:hidden;text-shadow:0 1px white}
#game-dock .pad-select{left:4%;top:8px}#game-dock .pad-menu{right:4%;top:8px}
.pad-cross,.pad-faces{top:42px!important}
/* The game viewport keeps its pre-controller dimensions. Extra controls scroll below. */
html.game-shell body:has(.controller-dock) main{width:min(440px,100vw,calc((100svh - 176px)*.75))!important}
@media(max-height:600px){html.game-shell body:has(.controller-dock) main{width:min(440px,100vw,calc((100svh - 152px)*.75))!important}}
html.game-shell:has(.controller-dock){height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden}
html.game-shell body:has(.controller-dock){height:auto;min-height:100svh;overflow:visible;padding-bottom:calc(240px + env(safe-area-inset-bottom,0px))}
html.game-shell #game-dock.controller-dock{position:absolute}
/* Rendered front-view shell. Hit areas follow its normalized coordinates. */
html.game-shell #game-dock.controller-dock{height:auto;aspect-ratio:3/2}
.controller{margin:8px 0 0;width:100%;height:auto;aspect-ratio:3/2}
.controller::before{background-image:url('controller-render.v47.png');filter:none}
.pad-cross,.pad-faces{inset:0!important;width:100%;height:100%;pointer-events:none}
#game-dock .pad-cross button,#game-dock .pad-faces button,#game-dock .pad-stick,#game-dock .pad-select,#game-dock .pad-menu{pointer-events:auto;position:absolute;right:auto;bottom:auto!important;transform:translate(-50%,-50%);background:transparent;border:0;box-shadow:none;color:transparent;text-shadow:none;min-height:0;padding:0;opacity:1}
#game-dock .pad-cross button,#game-dock .pad-faces button{width:10%;height:15%;font-size:25px;clip-path:circle(50%);border-radius:50%}
#game-dock [data-dir=up]{left:20.2%;top:23.6%}
#game-dock [data-dir=left]{left:15.5%;top:30.6%}
#game-dock [data-dir=right]{left:25%;top:30.6%}
#game-dock [data-dir=down]{left:20.2%;top:38%}
#game-dock [data-face="2"]{left:79.6%;top:20.7%}
#game-dock [data-face="3"]{left:73%;top:30.8%}
#game-dock [data-face="1"]{left:86.3%;top:30.8%}
#game-dock [data-face="0"]{left:79.7%;top:40.2%}
#game-dock .pad-stick{width:14%;height:21%;top:49.3%;display:block}
#game-dock .left-stick{left:34.8%}#game-dock .right-stick{left:65.5%}
.pad-stick i{visibility:hidden}
#game-dock .pad-select,#game-dock .pad-menu{width:8%;height:15%;top:16%;font-size:0;border-radius:12px}
#game-dock .pad-select{left:28.1%}#game-dock .pad-menu{left:71.8%}
.pad-label{left:34%;top:13%;width:32%;height:17%;max-height:none;background:transparent;border:0;box-shadow:none;font:700 clamp(10px,2.8vw,13px)/1.15 Arial;padding:2px;color:#344039;text-shadow:0 0 7px #dcffc4}
.pad-brand{display:none}
#game-dock .controller button.pressed,#game-dock .controller button:active{background:#c8ff4133;color:#bdff43!important;box-shadow:inset 0 0 10px #bfff49,0 0 10px #adff31;text-shadow:0 0 5px #b6ff32;filter:none}
#game-dock .pad-faces button:disabled{opacity:1}
.controller{margin-top:0;transform:translateY(-4.4%)}
.guard-pad-legend .blocked{border-color:#ff6579;color:#ff7583;box-shadow:0 0 10px #ff354755}
.pad-label{isolation:isolate;overflow:visible}.pad-label::before{content:'';position:absolute;inset:-10% -4%;z-index:-1;border-radius:14px;background:radial-gradient(ellipse,#c6ff7240,transparent 75%);box-shadow:inset 0 0 14px #bcff4340;opacity:.3;pointer-events:none}.pad-label.hint-active::before{animation:pad-inner-light 2.4s ease-in-out infinite}@keyframes pad-inner-light{50%{opacity:.9;box-shadow:inset 0 0 20px #b5ff5070}}@media(prefers-reduced-motion:reduce){.pad-label.hint-active::before{animation:none;opacity:.5}}
.game-sound{display:grid;place-items:center;padding:0;line-height:1}.game-sound svg{width:23px;height:23px;display:block}.game-sound.muted::after{display:none}
.game-dialog{position:absolute;z-index:1101;bottom:8px;left:3%;width:94%;box-sizing:border-box;max-height:48%;overflow:auto;padding:10px;border:1px solid #e8c877;border-radius:16px;background:#fff9e8ee;color:#39252c;font:700 13px/1.3 Arial;box-shadow:0 4px 18px #0004;touch-action:pan-y}.game-dialog[hidden]{display:none}.game-dialog-copy{white-space:pre-line}.game-dialog-answers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.game-dialog-answers button{flex:1;min-width:80px;min-height:40px;border:1px solid #ffca6d;border-radius:10px;background:linear-gradient(#f96d31,#bb2435);color:white;font:700 12px Arial;padding:7px;touch-action:manipulation}.game-dialog-answers button:disabled{opacity:.5}
.guard-pad-legend{position:absolute;z-index:5;left:12%;right:12%;top:45%;display:flex;justify-content:space-between;pointer-events:none}.guard-pad-legend[hidden]{display:none}.guard-pad-legend span{min-width:25%;padding:5px 3px;text-align:center;background:#231d2be0;border:1px solid #cdff5a;border-radius:10px;color:#d4ff60;font:700 22px/1 Arial;box-shadow:0 0 10px #c7ff2833}.guard-pad-legend small{display:block;color:white;font:700 11px/1.4 Arial}