:root{--ink: #1a1a1c;--paper: #e8e3d8;--accent: #4a4f8a;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;overflow:hidden;background:#d8d3c8;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ejs-host{position:fixed;left:-10000px;top:0;width:240px;height:160px;opacity:0;pointer-events:none;overflow:hidden}.keyhint{position:fixed;left:14px;bottom:12px;font-size:11px;letter-spacing:.08em;color:#1a1a1c8c;background:#e8e3d8a6;backdrop-filter:blur(4px);padding:6px 10px;border-radius:6px;pointer-events:none;transition:opacity .8s ease;z-index:10;max-width:min(520px,80vw);line-height:1.6}.keyhint.faded{opacity:0}.keyhint b{font-weight:600}.tooltip{position:fixed;font-size:11px;letter-spacing:.06em;color:var(--ink);background:#f5f2ebeb;border:1px solid rgba(26,26,28,.12);padding:6px 9px;border-radius:6px;pointer-events:none;z-index:20;line-height:1.5;white-space:nowrap}.tooltip .tt-title{font-weight:600}.tooltip .tt-sub{color:#1a1a1c8c;font-size:10px}.toast{position:fixed;left:50%;bottom:48px;transform:translate(-50%);font-size:11px;letter-spacing:.12em;color:var(--paper);background:#1a1a1cd9;padding:7px 14px;border-radius:20px;z-index:30;transition:opacity .4s ease;pointer-events:none}.toast.faded{opacity:0}.controls{position:fixed;top:10px;right:12px;display:flex;gap:6px;z-index:15}.ctrl-btn{font:inherit;font-size:10px;letter-spacing:.14em;color:#1a1a1c99;background:#e8e3d880;border:1px solid rgba(26,26,28,.14);border-radius:5px;padding:5px 9px;cursor:pointer;transition:color .2s,border-color .2s}.ctrl-btn:hover{color:var(--ink);border-color:#1a1a1c59}.panel{position:fixed;inset:0;background:#1414168c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:40}.panel-inner{background:var(--paper);border-radius:10px;padding:26px 30px;max-width:min(560px,92vw);max-height:84vh;overflow-y:auto;box-shadow:0 20px 60px #00000059}.panel-inner h2{font-size:13px;letter-spacing:.24em;margin-bottom:16px;font-weight:600}.panel-note{font-size:11px;color:#1a1a1c8c;margin:14px 0 10px;line-height:1.6}.panel-btn{font:inherit;font-size:10px;letter-spacing:.16em;padding:8px 16px;margin:6px 8px 0 0;border:1px solid rgba(26,26,28,.25);background:transparent;border-radius:5px;cursor:pointer}.panel-btn:hover{background:#1a1a1c0f}.bindings{display:grid;grid-template-columns:auto auto;gap:8px 18px;align-items:center}.bindings .b-name{font-size:11px;letter-spacing:.1em;color:#1a1a1cb3}.bindings .b-key{font:inherit;font-size:11px;letter-spacing:.12em;min-width:78px;text-align:center;padding:5px 8px;border:1px solid rgba(26,26,28,.3);border-radius:5px;background:#f4f1ea;cursor:pointer}.bindings .b-key.listening{background:var(--accent);color:#fff;border-color:var(--accent)}.credits-body{font-size:11.5px;line-height:1.75;color:#1a1a1cc7}.credits-body h3{font-size:11px;letter-spacing:.18em;margin:14px 0 4px}.credits-body a{color:var(--accent)}.credits-body p{margin-bottom:4px}.touchzones{position:fixed;inset:0;z-index:12;pointer-events:none}.touchzones .tz{pointer-events:auto}.tz-dpad{position:absolute;left:24px;bottom:70px;width:150px;height:150px}.tz-dpad>div{position:absolute;width:50px;height:50px;background:#1a1a1c24;border:1px solid rgba(26,26,28,.22);border-radius:8px;touch-action:none}.tz-dpad .tz-up{left:50px;top:0}.tz-dpad .tz-down{left:50px;bottom:0}.tz-dpad .tz-left{left:0;top:50px}.tz-dpad .tz-right{right:0;top:50px}.tz-ab{position:absolute;right:28px;bottom:80px;width:130px;height:90px;pointer-events:none}.tz-ab>div{position:absolute;pointer-events:auto;width:56px;height:56px;border-radius:50%;background:#4a4f8a38;border:1px solid rgba(74,79,138,.4);display:flex;align-items:center;justify-content:center;font-size:12px;color:#1a1a1c99;touch-action:none}.tz-ab .tz-a{right:0;top:0}.tz-ab .tz-b{left:0;bottom:0}.legal-footer{position:fixed;right:10px;bottom:6px;font-size:8.5px;letter-spacing:.05em;color:#1a1a1c61;z-index:5;pointer-events:none;max-width:420px;text-align:right}@media(max-width:720px){.controls{top:8px;right:8px}.legal-footer{font-size:7.5px;max-width:60vw}}