:root{--bone:#d9d4c7;--dim:#9d978a;--brass:#c9a96a;--panel:#05060adb;--line:#d9d4c73d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%;color:var(--bone);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#05060a;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#scene{touch-action:none;position:fixed;inset:0}#scene canvas{touch-action:none;display:block}#ui{pointer-events:none;position:fixed;inset:0}.hud{position:absolute;inset:0}.caption,.inv{pointer-events:none}.pill{top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);border:1px solid var(--line);background:var(--panel);min-width:72px;min-height:48px;color:var(--bone);pointer-events:auto;touch-action:manipulation;border-radius:12px;padding:0 14px;font:600 15px/1 system-ui,sans-serif;position:absolute}.inv{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);gap:6px;display:flex;position:absolute}.slot{box-sizing:border-box;border:1px dashed var(--line);width:44px;height:44px;color:var(--dim);text-align:center;background:#05060a80;border-radius:10px;justify-content:center;align-items:center;padding:2px;font-size:10px;line-height:1.1;display:flex}.slot.full{border:1px solid var(--brass);color:var(--bone);background:#c9a96a1f}.caption{top:calc(env(safe-area-inset-top,0px) + 66px);box-sizing:border-box;text-align:center;opacity:0;background:#05060acc;border-radius:12px;width:min(92vw,640px);padding:10px 14px;font-size:clamp(15px,2.6vh,19px);line-height:1.4;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%)}.caption.on{opacity:1}.caption .line+.line{margin-top:4px}.caption .line.sound{color:#bdb6a4;font-style:italic}.stick{left:calc(env(safe-area-inset-left,0px) + 6px);bottom:calc(env(safe-area-inset-bottom,0px) + 6px);pointer-events:auto;touch-action:none;width:160px;height:160px;position:absolute}.stick-base{border:2px solid var(--line);pointer-events:none;background:#05060a59;border-radius:50%;position:absolute;inset:20px}.stick-knob{border:2px solid var(--line);pointer-events:none;background:#d9d4c738;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.act{right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);border:2px solid var(--brass);background:var(--panel);width:64px;height:64px;color:var(--bone);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;padding:0;font:600 13px/1.1 system-ui,sans-serif;position:absolute}.act.idle{border-color:var(--line);color:var(--dim)}.act .ring{opacity:0;pointer-events:none;background:conic-gradient(var(--brass) calc(var(--p,0) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.act.holding .ring{opacity:1}.screen{z-index:2;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 12px);pointer-events:auto;background:#05060ac7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{text-align:center;flex-direction:column;gap:12px;width:min(92vw,400px);display:flex}h1{margin:0;font:600 clamp(30px,6vh,44px)/1.1 Georgia,Times New Roman,serif}h2{margin:0;font:600 26px/1.2 Georgia,Times New Roman,serif}.working{color:var(--dim);margin:-6px 0 0;font-size:14px}.tag,.note{color:var(--dim);margin:0;font-size:14px;line-height:1.45}.story{white-space:pre-line;margin:0;font:400 19px/1.5 Georgia,Times New Roman,serif}.btn{border:1px solid var(--line);min-height:52px;color:var(--bone);touch-action:manipulation;cursor:pointer;background:#d9d4c714;border-radius:12px;padding:0 18px;font:600 17px/1 system-ui,sans-serif}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:0 0}.row{text-align:left;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:16px;display:flex}.row input[type=checkbox]{width:26px;height:26px}.row input[type=range]{width:45%}
