:root{color-scheme:dark;--bg:#05090d;--orange:#d86d32;--amber:#eeae61;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
#app{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 24%,#14232c 0%,#070c11 62%,#030609 100%);}
#game{display:block;width:100%;height:100%;outline:none;touch-action:none;image-rendering:auto;}
#hint{display:none;}
.mobile-controls{position:absolute;inset:0;pointer-events:none;display:none;}
.joystick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:126px;height:126px;border-radius:50%;background:rgba(8,15,20,.50);border:1px solid rgba(148,181,189,.18);box-shadow:inset 0 0 34px rgba(0,0,0,.35),0 8px 28px rgba(0,0,0,.20);pointer-events:auto;touch-action:none;backdrop-filter:blur(4px);}
.stick{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,rgba(226,119,57,.90),rgba(172,72,31,.90));border:1px solid rgba(255,225,200,.22);box-shadow:0 5px 20px rgba(0,0,0,.38);}
.mobile-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:76px 94px;grid-template-areas:'sneak interact' 'throw interact';gap:9px;align-items:stretch;pointer-events:auto;}
#btn-sneak{grid-area:sneak}#btn-interact{grid-area:interact}#btn-action{grid-area:throw}
.game-btn{border:1px solid rgba(164,191,197,.18);color:#edf0ed;background:rgba(7,14,19,.74);border-radius:16px;height:52px;font-size:10px;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.22);}
.game-btn.primary{height:113px;background:linear-gradient(180deg,rgba(211,104,49,.86),rgba(158,61,28,.86));border-color:rgba(239,168,116,.24);}
.game-btn:active,.game-btn.active{transform:scale(.97);filter:brightness(1.15);}
@media (pointer:coarse),(max-width:900px){.mobile-controls{display:block;}}