*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#141914;color:#fff5df;font:15px system-ui;overflow:hidden;position:fixed;inset:0;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{min-height:100svh}canvas{position:fixed;inset:0;display:block;width:100vw;height:100svh;touch-action:none;background:#141914}header{position:fixed;top:env(safe-area-inset-top);left:0;right:0;display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(#101610e8,transparent);pointer-events:none;z-index:4}header b{font-size:17px;letter-spacing:2px}em{color:#efba68;font-style:normal}header span{margin-left:auto}button{font:inherit;cursor:pointer;border:1px solid #ffffff35;background:#202820e8;color:#fff5df;border-radius:8px;padding:12px 18px;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:hover{background:#526046}header button{pointer-events:auto}aside{position:fixed;top:calc(env(safe-area-inset-top) + 78px);left:18px;max-width:340px;pointer-events:none;text-shadow:0 2px 10px #000;z-index:3}small{font-size:11px;letter-spacing:2px;color:#efba68}h1{font-size:30px;margin:9px 0}aside p{line-height:1.6;color:#e0dccd}#progress{font-size:13px;color:#efba68}nav{position:fixed;right:14px;top:calc(env(safe-area-inset-top) + 78px);display:grid;gap:8px;z-index:3}nav button{font-size:13px;text-align:left}nav button.active{border-color:#efba68;background:#69502ce8}#cross{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7}#hint{position:fixed;left:50%;bottom:130px;transform:translateX(-50%);background:#111b13dc;padding:10px 18px;border-radius:8px;max-width:90%;text-align:center;pointer-events:none}#hint:empty{display:none}#action{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));background:#d9aa63;color:#191e15;min-width:140px;font-weight:750;z-index:5}#stick{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom));left:calc(22px + env(safe-area-inset-left));width:112px;height:112px;border:1px solid #ffffff55;border-radius:50%;background:#15201770;touch-action:none;z-index:5}#stick div{position:absolute;left:35px;top:35px;width:42px;height:42px;background:#fff5df77;border-radius:50%;pointer-events:none}footer{display:none}#toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 20px;background:#c9a35e;color:#151a14;border-radius:8px;display:none;z-index:8}dialog{width:min(480px,92vw);background:#1b231c;color:#eee9dc;border:1px solid #a88e5d;border-radius:16px;padding:30px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#060c09a8;backdrop-filter:blur(5px)}dialog h2{font-size:28px}dialog p{line-height:1.7;color:#bfc5b7}#close{float:right;padding:4px 12px}#choices{display:grid;gap:10px}#choices button{background:#b58e50;color:#101710;font-weight:700}#intro{display:none}#intro h1{font-size:clamp(44px,7vw,95px);line-height:.94;letter-spacing:-3px}#intro p{line-height:1.8;color:#d8ddce}#start{background:#edbd75;color:#1c251a;font-weight:800;padding:17px 28px}.note{font-size:12px!important;opacity:.7}@media(max-width:600px){header{padding:12px 14px}header b{font-size:12px;letter-spacing:1px}aside{top:calc(env(safe-area-inset-top) + 70px);left:14px;max-width:210px}aside h1{font-size:22px}aside p{font-size:12px}nav{right:10px;top:calc(env(safe-area-inset-top) + 70px)}nav button{padding:9px;font-size:11px}#stick{width:100px;height:100px;left:20px}#stick div{left:29px;top:29px}#intro{padding:25px}footer{font-size:9px}#action{right:calc(14px + env(safe-area-inset-right));max-width:180px}#hint{bottom:170px;font-size:13px}}