:root{--rog-beige:#d5cfaa;--rog-brown:#3a2a16;--rog-orange:#ffa040;--rog-orange-dark:#d85200;--rog-gold:#e8c44a;--rog-red:#c8322b;--rog-blue:#3f7fbf}html,body{height:100%;color:var(--rog-beige);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0d0a12;margin:0;font-family:Trebuchet MS,sans-serif;overflow:hidden}#game{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#game canvas{touch-action:none}#ui{pointer-events:none;position:absolute;inset:0}#ui .panel,#ui .panel *{pointer-events:auto}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{top:max(clamp(6px, 1.6vh, 12px), env(safe-area-inset-top));left:max(clamp(8px, 1.6vw, 12px), env(safe-area-inset-left));gap:clamp(3px,.8vh,6px);width:clamp(170px,28vw,320px);font-size:clamp(12px,2.2vh,16px);display:grid;position:absolute}.bar{border:2px solid var(--rog-brown);background:#1b140c;border-radius:4px;height:clamp(14px,3vh,20px);position:relative;overflow:hidden}.bar-fill{height:100%;transition:width 80ms linear}.bar-label{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:clamp(10px,1.9vh,12px);display:grid;position:absolute;inset:0}.hud-kamas,.hud-wave{color:var(--rog-gold);text-shadow:0 1px 2px #000;font-weight:700}.hud-toasts{gap:4px;font-size:clamp(12px,2.4vh,16px);display:grid;position:absolute;top:clamp(44px,11vh,80px);left:50%;transform:translate(-50%)}.toast{border:2px solid var(--rog-gold);color:var(--rog-beige);white-space:nowrap;background:#1b140cd9;border-radius:6px;padding:clamp(3px,.8vh,6px) clamp(8px,2vw,14px);font-weight:700}.panel{pointer-events:auto;background:var(--rog-beige);color:var(--rog-brown);border:3px solid var(--rog-brown);box-sizing:border-box;max-width:92vw;max-height:94vh;border-radius:10px;max-height:94dvh;padding:clamp(10px,2.4vh,20px) clamp(14px,3vw,28px);overflow-y:auto;box-shadow:0 8px 30px #0009}.end-panel{text-align:center;min-width:min(360px,92vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.end-panel button,.hub-panel button{background:linear-gradient(var(--rog-orange), var(--rog-orange-dark));color:#fff;border:2px solid var(--rog-brown);min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:8px;padding:10px 28px;font-weight:700}.reflets{color:#5a3fbf;font-weight:700}.end-panel h2{margin:0 0 8px}.end-panel p{margin:6px 0}.end-panel .end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.hub-panel{text-align:center;min-width:min(420px,92vw);max-width:92vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub-panel p{margin:clamp(4px,1vh,12px) 0}.hub-panel .hub-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hub-logo{width:min(440px,80vw);max-height:34vh;object-fit:contain;filter:drop-shadow(0 6px 10px #00000059);height:auto;max-height:34dvh;margin:0 auto 10px;display:block}.credits{opacity:.8;max-width:420px;margin:clamp(6px,1.6vh,16px) auto 0;font-size:clamp(9px,1.7vh,11px)}.hub-panel h1{color:var(--rog-orange-dark);letter-spacing:2px}.boot-error{text-align:center;min-width:min(360px,92vw);max-width:92vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boot-error-detail{opacity:.75;font-size:12px}.fullscreen-btn{display:none}@media (pointer:coarse){.fullscreen-btn{display:inline-block}}.rotate-overlay{z-index:1000;color:var(--rog-beige);text-align:center;touch-action:none;pointer-events:auto;background:#0d0a12;place-items:center;display:none;position:fixed;inset:0}.rotate-overlay p{margin:6px 0;font-size:clamp(18px,5vw,26px);font-weight:700}.rotate-overlay .rotate-sub{opacity:.8;font-size:clamp(13px,3.4vw,16px);font-weight:400}.rotate-icon{color:var(--rog-orange);font-size:clamp(56px,18vw,96px);line-height:1}@media (orientation:portrait) and (pointer:coarse){.rotate-overlay{display:grid}}