:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9d9b8;background:#17100b;--gold:#e6ad54;--muted:#b6a486}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ffe6a8;outline-offset:5px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}
#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#21170e}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#hud{position:absolute;inset:0 0 auto;min-height:52px;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:18px;background:linear-gradient(#211109e8,#21110990,transparent);font-size:15px;font-weight:600;text-shadow:0 1px 3px #000;z-index:2}.chapter{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:flex;align-items:center;gap:15px;white-space:nowrap}.stats b{color:#e9d9b8;font-weight:600}.life{color:#f47e75}.jewels{color:#68d9cf}.score{color:#dbb264}#tool{color:var(--gold);min-width:42px}.icon{border:0;background:transparent;font-size:24px;color:#f6d985;min-width:44px;min-height:44px}.icon:hover{background:#e0b46d18}#objective{position:absolute;top:calc(57px + env(safe-area-inset-top));left:16px;right:16px;text-align:center;font-size:14px;font-weight:600;color:#f0b451;text-shadow:0 2px 5px #000;pointer-events:none}#toast{position:absolute;top:calc(87px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:max-content;max-width:min(88%,640px);padding:10px 16px;text-align:center;border:1px solid #c5954c55;border-radius:5px;background:#21160de8;color:#f2debb;font-size:14px;line-height:1.5;opacity:0;transition:opacity .2s;pointer-events:none;z-index:3}#toast.show{opacity:1}
.screen{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0f0b0660,#0d0906c7);display:flex;align-items:center;justify-content:center;z-index:5;overflow:auto;padding:24px}.panel{text-align:center;width:min(100%,520px);padding:24px 30px 30px;background:linear-gradient(#21160de6,#130d08ed);border:1px solid #d9ac6650;box-shadow:0 25px 90px #0008;border-radius:3px}.intro{background:linear-gradient(#21160d40,#130d08a0);border:0;box-shadow:none}.eyebrow{font-size:10px;letter-spacing:4px;color:#c9b08a;margin:0 0 23px}h1{font-family:Georgia,"Times New Roman",serif;font-size:100px;letter-spacing:12px;font-weight:400;color:#e5bf7c;text-shadow:0 2px 1px #4b2b17,0 10px 38px #000;margin:0 0 0 12px;line-height:1}h1 span{display:block;font-size:18px;letter-spacing:3px;margin:12px 0 0 -12px;color:#ead6b1}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.3;margin:12px 0 14px;color:#ead5ac}.rule{display:flex;align-items:center;justify-content:center;gap:17px;color:#c59b58;font-family:Georgia,serif;font-size:16px;margin:28px 0 20px}.rule i{height:1px;width:68px;background:linear-gradient(90deg,transparent,#ac8245)}.rule i:last-child{transform:scaleX(-1)}.description,.panel p{line-height:1.6}.description{font-size:14px;color:#c7b69a;margin-bottom:24px}.primary,.secondary,.menu-button,.store{display:block;width:100%;max-width:310px;min-height:46px;margin:10px auto;padding:13px 20px;border-radius:3px;letter-spacing:.5px;font-size:14px;text-decoration:none}.primary,.store{background:linear-gradient(#bd8c46,#97632d);color:#fff1cc;border:1px solid #e4bb76;box-shadow:0 4px 16px #0004;font-weight:600}.primary:hover,.store:hover{background:linear-gradient(#d4a159,#ae7635)}.secondary,.menu-button{background:#dbc3920b;border:1px solid #b99a6155;color:#dec8a2}.secondary:hover,.menu-button:hover{background:#dbc39222}.keys{font-size:10px;color:#b4a58b;margin:20px -15px 0}.keys span{font-size:9px;letter-spacing:.7px;color:#e0c79e}.keys em{font-style:normal;margin:0 5px}.touch-help{display:none;font-size:12px;color:#bca98a}.small{font-size:12px;color:#bca98a}#loading{font-size:11px;color:#a88d65;margin:6px 0}#menu-footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#bda884;z-index:6;pointer-events:none}#menu-footer span{margin:0 10px}.result-stat{display:flex;justify-content:center;gap:28px;margin:22px 0;color:#d7b779}.result-stat b{display:block;font-size:25px;font-weight:400;color:#f3dbad}.result-stat span{font-size:10px;letter-spacing:1px;text-transform:uppercase}.clue{text-align:left;font-size:14px;line-height:1.7;color:#d5c4a3}.panel ul{padding-left:22px}.panel li{margin-bottom:9px}.panel .eyebrow{margin-top:8px}.screen.fade{background:#0d0906ba}.error{color:#ffc1a7!important}
#controls{position:absolute;inset:0;pointer-events:none;z-index:4;touch-action:none}#action{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(29px,calc(env(safe-area-inset-bottom) + 15px));width:91px;height:91px;border-radius:50%;border:1px solid #d4b2707a;background:radial-gradient(#4a331c6e,#1e170e8a);box-shadow:inset 0 0 18px #e6bd5420,0 3px 18px #0005;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;touch-action:none;user-select:none}#action:active,#action.pressed{background:#94652b80;border-color:#f2cb81}#action-icon{font-size:28px;line-height:1;color:#f2cb81}#action-label{font-size:10px;letter-spacing:1px;color:#f2d6a1;margin-top:8px}#joystick{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,calc(env(safe-area-inset-bottom) + 10px));width:130px;height:130px;border-radius:50%;border:1px solid #d4b27050;background:radial-gradient(transparent,#1e170e5c);pointer-events:auto;touch-action:none;user-select:none;color:#d5b478a0;font-size:12px}#joystick>span{position:absolute}#joystick .north{top:8px;left:59px}#joystick .south{bottom:8px;left:59px}#joystick .west{left:8px;top:58px}#joystick .east{right:8px;top:58px}#stick{position:absolute;left:43px;top:43px;width:44px;height:44px;border-radius:50%;border:1px solid #d6b16d6e;background:radial-gradient(#ad8a4440,#68451e50);pointer-events:none}#joystick .move-label{bottom:-16px;font-size:8px;letter-spacing:1px;text-align:center;width:100%;color:#c7b389a0}
@media(pointer:coarse){.keys{display:none}.touch-help{display:block}}
@media(max-width:760px){.keys{display:none}.touch-help{display:block}}
@media(max-width:650px){#hud{gap:7px;font-size:11px;min-height:49px}.stats{gap:8px}.wide,#tool{display:none}.icon{font-size:21px;min-width:34px}.chapter{max-width:none}#objective{font-size:11px;top:calc(52px + env(safe-area-inset-top))}#toast{font-size:12px;top:calc(78px + env(safe-area-inset-top));padding:8px 12px}.screen{padding:20px}.panel{padding:20px 21px}h1{font-size:78px;letter-spacing:9px}h1 span{font-size:14px;letter-spacing:2px}h2{font-size:22px}.description{font-size:13px}.eyebrow{font-size:9px;letter-spacing:3px}.rule{margin:24px 0 16px}.keys{font-size:9px}#menu-footer{font-size:8px;letter-spacing:1.5px}}
@media(max-height:540px){.screen{padding:12px}.intro{max-width:640px;padding:6px 20px}.intro .eyebrow{margin:0 0 9px}.intro h1{font-size:57px}.intro h1 span{font-size:12px;margin-top:5px}.rule{margin:12px 0 8px}.intro h2{font-size:19px;margin:6px}.intro .description{font-size:12px;margin:8px}.intro .primary,.intro .secondary{min-height:38px;padding:9px;margin:8px auto}.intro .keys,.intro .touch-help{margin:8px 0 0;font-size:10px}.panel:not(.intro){padding:12px 25px;max-width:560px;max-height:calc(100dvh - 24px);overflow:auto}.panel:not(.intro) .menu-button{min-height:36px;padding:9px;margin:7px auto}#menu-footer{bottom:7px;font-size:8px}#action{width:75px;height:75px;bottom:20px}#joystick{width:110px;height:110px;bottom:20px}#stick{left:33px;top:33px}#joystick .north,#joystick .south{left:49px}#joystick .east,#joystick .west{top:48px}}