:root{--gold:#E4B86E;--gold2:#f6dca0;--amber:#A96934;--navy:#09212D;--teal:#168F9D;--turq:#50CBD1;--sand:#E3CCA1;--panel:rgba(8,26,32,.78);--line:rgba(228,184,110,.45);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--navy);color:#fff;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}body.play{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}#renderCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}[hidden]{display:none!important}button,.btn{font:700 15px/1 system-ui,sans-serif;letter-spacing:.06em;color:#fff3d6;background:linear-gradient(#3b2a17,#24180c);border:1px solid var(--line);border-radius:12px;padding:0 20px;min-height:56px;min-width:56px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}button.gold{background:linear-gradient(#e9c27a,#b4823f);color:#2b1a07;border-color:#ffe3a6;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff80}button.big{font-size:18px;min-height:64px;padding:0 36px;border-radius:14px}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--turq);outline-offset:2px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#163c45,#061218);z-index:30;transition:opacity .6s}#loading.fade{opacity:0;pointer-events:none}.ld-title,#title h1{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:.14em;background:linear-gradient(180deg,#fff0c4 10%,#d39a4c 60%,#7a4c1d);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-title{font-size:34px;text-align:center}.ld-bar{width:min(320px,70vw);height:6px;border-radius:3px;background:#ffffff1f;margin:18px auto 10px;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),var(--gold));transition:width .3s}.ld-txt{font-size:13px;opacity:.75;text-align:center}#title{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:flex-start;padding:calc(24px + var(--sat)) calc(24px + var(--sar)) calc(40px + var(--sab)) calc(24px + var(--sal));background:linear-gradient(0deg,#06141ad9,#06141a59 45%,#06141a00 70%)}.t-inner{max-width:min(94vw,900px)}#title h1{font-size:clamp(44px,11vw,104px);margin:0;line-height:1;letter-spacing:.08em;white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:.32em;color:var(--gold2);font-weight:800}.tag{letter-spacing:.14em;margin:6px 0 22px;font-size:clamp(13px,2.4vw,18px)}.small{font-size:13px;opacity:.85;margin-top:14px}#avatars{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px;max-width:min(94vw,640px)}#avatars button{width:60px;height:60px;min-width:60px;padding:0;border-radius:50%;overflow:hidden;border:2px solid rgba(228,184,110,.35);background:#0a1f27}#avatars button img{width:100%;height:100%;object-fit:cover;display:block}#avatars button[aria-checked=true]{border:3px solid var(--gold2);box-shadow:0 0 0 3px #e4b86e59}#avatars .name{width:100%;font-size:13px;color:var(--gold2);letter-spacing:.08em;min-height:18px}.tiny{font-size:11px;opacity:.6}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#objective{position:absolute;top:calc(12px + var(--sat));left:calc(12px + var(--sal));padding:10px 14px;min-width:200px;max-width:min(320px,58vw)}.obj-head{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.obj-head b{color:var(--gold2);letter-spacing:.06em;font-size:14px}#objTime{font-variant-numeric:tabular-nums;font-size:13px;opacity:.85}#objList{list-style:none;margin:6px 0 0;padding:0;font-size:13px}#objList li{display:flex;justify-content:space-between;gap:10px;padding:2px 0;opacity:.92}#objList li.done{color:#a9e3b5}#objList li.done:before{content:"✓ "}#topRight{position:absolute;top:calc(12px + var(--sat));right:calc(12px + var(--sar));display:flex;gap:10px;align-items:center;pointer-events:auto}.chip{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:22px;background:var(--panel);border:1px solid var(--line);font-weight:700;font-variant-numeric:tabular-nums}.gem{width:14px;height:14px;transform:rotate(45deg);background:linear-gradient(135deg,#fff2c8,var(--gold) 50%,var(--amber));border-radius:2px;box-shadow:0 0 10px #e4b86eb3}button.round{width:56px;height:56px;padding:0;border-radius:50%;flex-direction:column;gap:4px;background:var(--panel)}button.round span{display:block;width:20px;height:2px;background:var(--gold2);border-radius:1px}#toast{position:absolute;left:50%;top:calc(76px + var(--sat));transform:translate(-50%);padding:10px 18px;border-radius:24px;background:#081a20d1;border:1px solid var(--line);font-weight:700;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}#toast.show{opacity:1;transform:translate(-50%) translateY(4px)}#lesson{position:absolute;left:50%;bottom:calc(150px + var(--sab));transform:translate(-50%);text-align:center;font-weight:700;font-size:16px;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .4s;max-width:80vw}#lesson.show{opacity:1}#guide{position:absolute;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:22px solid var(--gold);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));opacity:0;transition:opacity .3s}#guide.show{opacity:.95}#stamina{position:absolute;left:50%;bottom:calc(26px + var(--sab));transform:translate(-50%);width:120px;height:6px;border-radius:3px;background:#0006;opacity:0;transition:opacity .3s}#stamina.show{opacity:1}#stamina i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--amber),var(--gold2));width:100%}#stamina.low i{background:#d9614a}#stickBase{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:2px solid rgba(255,240,210,.55);background:radial-gradient(circle,#09212d40,#09212d80);opacity:0;transition:opacity .15s}#stickBase.active{opacity:1}#stickKnob{position:absolute;left:50%;top:50%;width:60px;height:60px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 35%,#fff3d0,#d9ab5f 60%,#8a5a26);box-shadow:0 4px 12px #00000073}#stickHint{position:absolute;left:calc(36px + var(--sal));bottom:calc(36px + var(--sab));width:120px;height:120px;border-radius:50%;border:2px dashed rgba(255,240,210,.35);display:none}#buttons{position:absolute;right:calc(18px + var(--sar));bottom:calc(20px + var(--sab));width:220px;height:220px;display:none;pointer-events:none}.act{position:absolute;pointer-events:auto;border-radius:50%;padding:0;background:radial-gradient(circle at 40% 30%,#3c2c18d9,#140e08d9);border:2px solid rgba(228,184,110,.7);color:var(--gold2);box-shadow:0 6px 16px #0006;transition:transform .08s,background .15s}.act.down{transform:scale(.92)}.act.big{width:92px;height:92px;right:0;bottom:0}.act.mid{width:76px;height:76px;right:104px;bottom:6px;font-size:13px}.act.small{width:62px;height:62px;right:14px;bottom:110px}.act.on{background:radial-gradient(circle at 40% 30%,#e9c27a,#9a6a2e);color:#2b1a07}#btnAction{opacity:.55}#btnAction.ready{opacity:1;background:radial-gradient(circle at 40% 30%,#e9c27a,#9a6a2e);color:#2b1a07;animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px #e4b86e00,0 6px 16px #0006}0%{box-shadow:0 0 #e4b86e99,0 6px 16px #0006}}.ico{display:block;width:34px;height:34px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}.ico.jump{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 8h-4v9H9v-9H5z'/%3E%3C/svg%3E")}.ico.run{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='14' cy='4' r='2.2'/%3E%3Cpath d='M9 22l2-6 2.5 2V22h2v-5.5L13 14l.8-4 2 2.5H20v-2h-3.2l-2.3-3a2 2 0 00-2.4-.6L7 9.3V14h2v-3.3l2-.8-3 12.1z'/%3E%3C/svg%3E")}body.touch #buttons,body.touch #stickHint{display:block}body.touch.sticking #stickHint{display:none}#kindle{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.k-track{fill:#081a2099;stroke:#ffffff40;stroke-width:10}.k-win{fill:none;stroke:var(--gold);stroke-width:14;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(228,184,110,.9))}.k-needle{stroke:#fff;stroke-width:5;stroke-linecap:round}.k-hub{fill:var(--gold2)}.k-txt{font-weight:700;text-shadow:0 2px 6px #000;margin-top:6px}#kindle.hit svg{animation:hit .25s}#kindle.miss svg{animation:miss .3s}@keyframes hit{50%{transform:scale(1.08)}}@keyframes miss{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.sheet{position:absolute;inset:0;z-index:25;display:grid;place-items:center;background:#030c1099;padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));overflow:auto}.sheet-inner{width:min(440px,100%);background:linear-gradient(#10303a,#0a1f27);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 20px 60px #0009}.sheet-inner.center{text-align:center}.sheet h2{font-family:Georgia,serif;color:var(--gold2);margin:4px 0 14px;letter-spacing:.04em}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;border-bottom:1px solid rgba(255,255,255,.07)}.row input[type=range]{width:55%;height:32px;accent-color:var(--gold)}.row input[type=checkbox]{width:28px;height:28px;accent-color:var(--gold)}.row select{min-height:44px;background:#0a1f27;color:#fff;border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:15px}.row2{display:flex;gap:10px;margin-top:16px;justify-content:center;flex-wrap:wrap}#btnResume{width:100%;margin-bottom:8px}.help{font-size:13px;opacity:.8;margin-top:12px;line-height:1.6}.stars{font-size:44px;letter-spacing:8px;color:var(--gold);text-shadow:0 0 18px rgba(228,184,110,.6)}.stars .off{color:#ffffff2e;text-shadow:none}.reward{color:#a9e3b5;font-weight:700}@media(max-width:640px){#objective{padding:8px 11px;min-width:0}#objList{font-size:12px}.chip{height:40px}}@media(max-height:460px){#lesson{bottom:calc(110px + var(--sab))}#buttons{transform:scale(.86);transform-origin:bottom right}}