*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body,#app{width:100%;height:100%;overflow:hidden;background-color:#030406;color:#e6dfd3;font-family:Optima,Candara,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}#webgl-canvas{display:block;width:100%;height:100%}.letterbox{position:fixed;left:0;width:100%;height:6.5vh;background:#000;z-index:5;pointer-events:none;transition:height 1.2s cubic-bezier(.22,1,.36,1)}#letterbox-top{top:0}#letterbox-bottom{bottom:0}body.gameplay-mode .letterbox{height:2.2vh}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#06090eb8,#020305f0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .8s ease}.overlay.visible{opacity:1;pointer-events:auto}.start-panel{max-width:580px;width:90%;padding:44px 48px;background:#0a0d12d1;border:1px solid rgba(214,184,132,.22);box-shadow:0 30px 90px #000000d9;text-align:center}.start-panel.compact{max-width:480px;padding:34px 38px}.eyebrow{font-size:11px;letter-spacing:.32em;color:#d6ae70cc;margin-bottom:14px;text-transform:uppercase}.main-title{font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:400;letter-spacing:.24em;color:#f3ece0;text-indent:.24em;margin-bottom:8px;text-shadow:0 8px 32px rgba(0,0,0,.9)}.main-title.small{font-size:36px}.subtitle{font-size:13px;letter-spacing:.36em;text-transform:uppercase;color:#cdc2b0b8}.divider{width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(214,174,112,.65),transparent);margin:22px auto}.description{font-size:14px;line-height:1.65;color:#dcd4c6d1;margin-bottom:24px}.quality-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.quality-row label{font-size:11px;letter-spacing:.2em;color:#d2c6b0bf}select{background:#12161deb;color:#ebdfc9;border:1px solid rgba(214,184,132,.32);padding:7px 14px;font-size:12px;letter-spacing:.06em;outline:none;cursor:pointer}.primary-btn,.secondary-btn{display:inline-block;padding:14px 32px;font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;transition:all .25s ease}.primary-btn{background:linear-gradient(180deg,#c99b56,#9b6f30);color:#090a0d;border:1px solid #e0b877;box-shadow:0 8px 28px #b9823447}.primary-btn:hover{background:linear-gradient(180deg,#ddb06b,#b0813d);transform:translateY(-1px)}.secondary-btn{background:#141922d9;color:#dfd5c4;border:1px solid rgba(214,184,132,.32)}.secondary-btn:hover{background:#222a38f2;border-color:#d6b884a6}.controls-hint{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;font-size:11px;letter-spacing:.08em;color:#beb6a8ad}.controls-hint strong{color:#e4c692;font-weight:600}.controls-grid{text-align:left;font-size:13px;line-height:2;color:#e2daccd9;margin-bottom:24px}.controls-grid strong{color:#e4c692}.button-row{display:flex;flex-direction:column;gap:10px}.hud-top{position:fixed;top:7.4vh;left:24px;right:24px;z-index:12;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transition:opacity .5s ease,top 1.2s ease}body.gameplay-mode .hud-top{top:3.2vh}.hud-top.hidden{opacity:0}.chapter-pill{background:#080b10a8;border:1px solid rgba(255,255,255,.12);padding:7px 14px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#hud-scene-code{color:#d8a962;font-weight:600}.dot{color:#ffffff4d}.time-badge{margin-left:6px;padding-left:10px;border-left:1px solid rgba(255,255,255,.14);font-variant-numeric:tabular-nums;color:#d7d0c3b3;letter-spacing:.1em}.hud-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.fps-badge{background:#080b10a8;border:1px solid rgba(255,255,255,.12);padding:6px 10px;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:#cde0c6d9}.icon-btn{background:#0c1016bf;color:#dfd5c4;border:1px solid rgba(214,184,132,.28);padding:6px 12px;font-size:10px;letter-spacing:.16em;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#1c2430e6;border-color:#d6b884a6}.gameplay-prompt{position:fixed;bottom:14vh;left:50%;transform:translate(-50%);z-index:15;font-size:14px;letter-spacing:.42em;text-indent:.42em;color:#f2eadae6;text-shadow:0 2px 16px rgba(0,0,0,.95);padding:10px 24px;border-top:1px solid rgba(214,184,132,.28);border-bottom:1px solid rgba(214,184,132,.28);background:linear-gradient(90deg,transparent,rgba(8,10,14,.65),transparent);pointer-events:none;transition:opacity .6s ease}.gameplay-prompt.hidden{opacity:0}.interact-prompt{position:fixed;bottom:22vh;left:50%;transform:translate(-50%);z-index:16;display:flex;align-items:center;gap:12px;padding:10px 22px;background:#080a0ed6;border:1px solid rgba(226,184,118,.55);box-shadow:0 10px 32px #000000d9;cursor:pointer;transition:opacity .35s ease,transform .35s ease}.interact-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px)}.key-cap{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#e2b8762e;border:1px solid #e2b876;color:#f6e7cb;font-size:12px;font-weight:700}.interact-label{font-size:13px;letter-spacing:.32em;color:#f3ece0}.director-strip{position:fixed;bottom:7.2vh;left:50%;transform:translate(-50%);z-index:12;display:flex;gap:4px;background:#06080cad;padding:4px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s ease,bottom 1.2s ease}body.gameplay-mode .director-strip{bottom:3vh}.director-strip.hidden{opacity:0;pointer-events:none}.scene-btn{background:transparent;color:#cdc6b8a6;border:1px solid transparent;padding:5px 10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.scene-btn:hover{color:#f3ece0;background:#ffffff0f}.scene-btn.active{color:#090b0e;background:#cfa15a;font-weight:600}.ending-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.ending-overlay.cut-to-black{opacity:1;pointer-events:auto}.ending-content{text-align:center;opacity:0;transform:translateY(8px);transition:opacity 2.2s ease,transform 2.2s ease}.ending-overlay.reveal-title .ending-content{opacity:1;transform:translateY(0)}.ending-title{font-family:Georgia,Times New Roman,serif;font-size:68px;font-weight:400;letter-spacing:.34em;text-indent:.34em;color:#f0e8da;margin-bottom:18px}.ending-subtitle{font-size:16px;letter-spacing:.28em;text-indent:.28em;color:#ceb286d1;margin-bottom:48px;font-style:italic}.ending-actions{display:flex;justify-content:center;gap:16px}