:root{--cg-navy: #1f2a44;--cg-cream: #fff4dc;--cg-paper: #fffaee;--cg-yellow: #ffc533;--cg-orange: #ff7a33}#guide{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}body.boxed{background:var(--cg-navy)}body.boxed #game,body.boxed #guide{top:calc(50% - 28.125vw);bottom:auto;height:56.25vw}#rotate{display:none}body.boxed #rotate{position:fixed;left:0;right:0;top:0;height:calc(50% - 28.125vw);pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:env(safe-area-inset-top) 16px 0;box-sizing:border-box;text-align:center;color:var(--cg-cream);font:500 17px "Baloo 2",system-ui,sans-serif}#camera{display:none}#debug{position:fixed;right:10px;bottom:10px;z-index:1001;display:flex;gap:8px;align-items:flex-end;max-height:calc(100% - 80px);overflow:auto;background:#fffaeef0;border:3px solid var(--cg-navy);border-radius:12px;padding:8px;box-shadow:5px 5px 0 var(--cg-navy)}#debug[hidden]{display:none}#debug-text{margin:0;font:11.5px/1.35 ui-monospace,Menlo,monospace;color:var(--cg-navy);min-width:300px}#corner{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1002;display:flex;gap:10px}.corner-button{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--cg-navy);cursor:pointer;background:var(--cg-paper);border:3px solid var(--cg-navy);border-radius:14px;box-shadow:3px 3px 0 var(--cg-navy);transition:transform .08s,box-shadow .08s,background .08s}.corner-button:hover{background:var(--cg-yellow);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--cg-navy)}.corner-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cg-navy)}.corner-button[hidden]{display:none}#language{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:1002}#language svg{display:block;box-shadow:0 0 0 1.5px var(--cg-navy);border-radius:2px}#volume,#fullscreen,#menu{position:relative}body.in-game #volume,#fullscreen[hidden],#menu[hidden]{display:none}#fullscreen .icon-fill,#menu .icon-fill{stroke:currentColor;stroke-width:2.6}#fullscreen .icon-outline,#fullscreen .icon-shadow,#menu .icon-outline,#menu .icon-shadow{display:none}.corner-popup{position:absolute;top:58px;right:0;width:230px;padding:10px 12px;font:500 15px/1.35 "Baloo 2",system-ui,sans-serif;color:var(--cg-navy);background:var(--cg-paper);border:3px solid var(--cg-navy);border-radius:12px}.corner-popup[hidden]{display:none}.volume-popup{position:absolute;top:58px;right:0;padding:12px 14px;background:var(--cg-paper);border:3px solid var(--cg-navy);border-radius:12px;box-shadow:3px 3px 0 var(--cg-navy)}.volume-popup[hidden]{display:none}.volume-popup input{display:block;width:150px;accent-color:var(--cg-orange);cursor:pointer}body .lil-gui.autoPlace{top:72px;max-height:calc(100% - 72px);z-index:1003}#status{position:fixed;left:10px;bottom:8px;pointer-events:none;white-space:pre;z-index:1002;font:700 14px/1 "Baloo 2",system-ui,sans-serif;color:var(--cg-red, #e5484d)}html,body{margin:0;height:100%;overflow:hidden;background:#fff4dc;color:#1f2a44;font-family:"Baloo 2",Trebuchet MS,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;touch-action:none}