.guard-game{position:absolute;inset:0;z-index:35;overflow:hidden;border-radius:inherit;background:linear-gradient(#14152025,#14152000 65%,#14152077)}
.guard-game[hidden]{display:none}
.guard-game canvas{position:absolute;inset:0;width:100%;height:100%}
.guard-game header{position:absolute;top:3%;left:5%;right:5%;text-align:center}
.guard-game h2{font-size:clamp(16px,4vw,26px);color:#fff5d6;text-shadow:2px 2px #a41125,-1px -1px #a41125;margin:0 0 8px}
.guard-talk{max-width:340px;margin:auto;padding:10px 14px;border:2px solid #962135;border-radius:22px;background:#fff9e8dc;color:#34232a;font-weight:700;font-size:clamp(12px,3vw,17px)}
.guard-game footer{position:absolute;bottom:2%;left:3%;right:3%;text-align:center;color:#fff;text-shadow:0 1px 3px #000}
.guard-count,.guard-cue{display:block;background:#251a247a;border-radius:14px;padding:5px;margin:4px 0;font-size:clamp(12px,3vw,16px)}
.guard-routes{display:flex;gap:5px}.guard-routes button{flex:1;min-width:0;padding:10px 4px;font-size:clamp(12px,3vw,16px)}
.guard-game button{min-height:44px;border:1px solid #e8c168;border-radius:18px;background:linear-gradient(#a0172be6,#a0172be6),url('brand/pattern.webp') center/160px;color:white;font-weight:800;touch-action:manipulation}
.guard-game button:disabled{opacity:.5}.guard-game button:focus-visible{outline:3px solid #caff36}.guard-game button[hidden]{display:none}
.guard-begin,.guard-continue{margin-top:6px;padding:10px 20px}
.guard-game-controls{display:none;flex:1 1 100%;text-align:center;width:100%}
body:has(.guard-playing) .guard-game-controls{display:block}
.controls .guard-game-controls button{height:46px;min-height:46px;padding:6px 10px;font-size:14px;border-radius:18px;touch-action:manipulation}
.guard-game-controls button[hidden]{display:none!important}
.guard-game-controls button:disabled{opacity:.45}
.guard-game[data-mode="intro"]~*{--guard-intro:1}
.guard-playing .photo-toggle,.guard-playing .badge{display:none}
.guard-playing .guard-panel{display:none!important}
.guard-game header{top:2%}
.guard-game header h2{font-size:clamp(12px,3vw,18px);margin:0 0 5px;line-height:1.12}
.guard-game .guard-talk{font-size:clamp(11px,2.6vw,14px);padding:6px 10px;line-height:1.25}
.guard-game-controls:has(.guard-begin:not([hidden])) .guard-routes{display:none}
.guard-game-controls:has(.guard-continue:not([hidden])) .guard-routes{display:none}
body:has(.guard-playing) .info .controls{position:relative;inset:auto;width:100%;box-sizing:border-box;margin:8px 0;padding:8px;z-index:auto}
body:has(.guard-playing) .guard-game-controls .guard-routes button{background:linear-gradient(#a0172be6,#a0172be6),url('brand/pattern.webp') center/160px}
body:has(.guard-playing) .controls #start,body:has(.guard-playing) .controls #pause{display:none}