html,body{background:#87ceeb;height:100%;margin:0;padding:0;overflow:hidden}canvas{display:block}.pointer{text-align:center;z-index:50;background-color:red;border-radius:100%;width:5px;height:5px;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px)}:root{--ui-bg:#080b0edb;--ui-bg-strong:#050709f5;--ui-border:#ffffff24;--ui-border-strong:#ffffff47;--ui-text:#f3f6f8;--ui-muted:#9da7af;--ui-accent:#d9e7ef;--ui-good:#75d69b;--ui-warning:#e6be70;--ui-danger:#e57676;--ui-shadow:0 20px 60px #0000005c}#game-ui{z-index:100;pointer-events:none;color:var(--ui-text);-webkit-user-select:none;user-select:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0}#game-ui button,#game-ui .controls-modal,#game-ui .main-menu,#game-ui .pause-menu{pointer-events:auto}#game-ui *{box-sizing:border-box}.hidden{display:none!important}.ui-screen-fade{z-index:2000;pointer-events:none;opacity:1;background:#000;transition-property:opacity;transition-timing-function:ease;position:fixed;inset:0}.main-menu{background:radial-gradient(circle at 70% 25%,#7e9dae1a,#0000 30%),radial-gradient(circle at 20% 80%,#7e9dae14,#0000 35%),#07090b;position:fixed;inset:0;overflow:hidden}.menu-background-grid{opacity:.18;transform-origin:bottom;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;transform:perspective(700px)rotateX(55deg)scale(1.7)translateY(22%)}.menu-content{flex-direction:column;justify-content:center;align-items:flex-start;width:min(1050px,92%);min-height:100%;margin:0 auto;padding:64px 0;display:flex;position:relative}.menu-kicker,.panel-label,.notification-type{letter-spacing:.18em;color:var(--ui-muted);font-size:10px;font-weight:700;line-height:1}.menu-title{letter-spacing:-.05em;max-width:850px;margin:18px 0 12px;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:.94}.menu-subtitle{color:#aeb8c0;max-width:650px;margin:0;font-size:clamp(16px,2vw,20px);line-height:1.6}.menu-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.menu-button{border:1px solid var(--ui-border-strong);color:#fff;min-width:170px;font:inherit;letter-spacing:.1em;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:14px 20px;font-size:12px;font-weight:800;transition:transform .14s,background .14s,border-color .14s}.menu-button:hover{background:#ffffff17;border-color:#ffffff73;transform:translateY(-2px)}.menu-button:active{transform:translateY(0)}.menu-button.primary{color:#080a0c;background:#f0f3f5;border-color:#f0f3f5}.menu-button.primary:hover{background:#fff}.menu-footer{color:#68737b;letter-spacing:.12em;flex-wrap:wrap;gap:14px 26px;font-size:9px;display:flex;position:absolute;bottom:28px;left:0;right:0}.controls-modal,.pause-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1500;background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.modal-card,.pause-card{border:1px solid var(--ui-border-strong);background:var(--ui-bg-strong);width:min(620px,90%);box-shadow:var(--ui-shadow);border-radius:14px;padding:26px}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.modal-header h2,.pause-card h2{letter-spacing:-.03em;margin:8px 0 0;font-size:30px}.icon-button{border:1px solid var(--ui-border);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:8px;width:38px;height:38px;font-size:24px}.controls-grid{gap:8px;display:grid}.control-row{color:#aeb7be;background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;gap:20px;padding:13px 14px;display:flex}.control-row strong{color:#fff;letter-spacing:.08em}.hud{position:fixed;inset:0}.hud-topbar{grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr) minmax(230px,1fr);gap:10px;display:grid;position:absolute;top:20px;left:20px;right:20px}.hud-card{border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;box-shadow:0 10px 30px #00000029}.status-card,.timeline-card,.vitals-card{padding:14px}.card-heading,.vital-label,.dialogue-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-dot{background:var(--ui-good);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #75d69bb3}.era-value{letter-spacing:-.03em;margin-top:8px;font-size:22px;font-weight:800}.coordinates{color:#6e7982;letter-spacing:.12em;margin-top:5px;font-size:9px}.meter{background:#ffffff14;border-radius:99px;height:7px;overflow:hidden}.meter-fill{border-radius:inherit;background:#dce8ee;width:0%;height:100%;transition:width .18s}.timeline-meter{margin-top:11px}.timeline-note{color:#8e999f;margin-top:7px;font-size:10px}.vitals-card{gap:12px;display:grid}.vital-row{gap:6px;display:grid}.vital-label{color:#77818a;letter-spacing:.1em;font-size:9px}.vital-label strong{color:#e1e7ea;font-size:10px}.meter-fill.health{background:var(--ui-good)}.meter-fill.stamina{background:#dce8ee}.objective-card{width:min(360px,100% - 40px);padding:15px 17px;position:absolute;top:155px;left:20px}.objective-title{margin-top:8px;font-size:17px;font-weight:750;line-height:1.2}.objective-subtitle{color:#89939a;margin-top:5px;font-size:11px;line-height:1.5}.quest-card{width:min(360px,100% - 40px);padding:15px 17px;position:absolute;top:288px;left:20px}.quest-title{margin-top:7px;font-size:14px;font-weight:750}.quest-objectives{gap:8px;margin-top:12px;display:grid}.quest-objective{color:#9da7ae;align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;display:flex}.quest-objective.completed{color:#6f8178;text-decoration:line-through}.quest-check{color:#fff;border:1px solid #ffffff2e;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;font-size:10px;display:grid}.interaction-prompt{border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#dce3e7;background:#07090bd1;border-radius:9px;align-items:center;gap:10px;padding:9px 13px;font-size:11px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}.keycap{background:#ffffff12;border:1px solid #ffffff40;border-radius:6px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-weight:800;display:grid}.notification-stack{flex-direction:column;gap:8px;width:min(330px,100% - 40px);display:flex;position:absolute;top:160px;right:20px}.notification{border:1px solid var(--ui-border);opacity:0;background:#07090be6;border-radius:8px;grid-template-columns:3px 1fr;gap:10px;padding:11px 12px;transition:opacity .22s,transform .22s;display:grid;transform:translate(15px)}.notification.visible{opacity:1;transform:translate(0)}.notification-line{background:#b9c6cc;border-radius:99px}.notification.success .notification-line{background:var(--ui-good)}.notification.warning .notification-line{background:var(--ui-warning)}.notification.error .notification-line{background:var(--ui-danger)}.notification.quest .notification-line{background:#b6c6ff}.notification-message{color:#d3dbe0;margin-top:5px;font-size:11px;line-height:1.4}.dialogue-wrap{width:min(850px,100% - 40px);position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.dialogue-card{border:1px solid var(--ui-border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ui-shadow);background:#06080aed;border-radius:12px;padding:17px 19px}.speaker-name{margin-top:6px;font-size:17px;font-weight:800}.dialogue-progress{color:#67727a;letter-spacing:.08em;font-size:10px}.dialogue-text{color:#edf1f3;white-space:pre-wrap;min-height:52px;margin-top:16px;font-size:14px;line-height:1.65}.dialogue-footer{color:#68737c;letter-spacing:.1em;text-align:right;margin-top:12px;font-size:9px}.pause-card{text-align:center}.pause-card p{color:#879198;font-size:13px}.pause-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.toast-layer{pointer-events:none;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--ui-border-strong);box-shadow:var(--ui-shadow);background:#07090bf2;border-radius:9px;padding:13px 15px}.toast-title{font-size:12px;font-weight:800}.toast-message{color:#89949b;margin-top:4px;font-size:10px}@media (width<=850px){.hud-topbar{grid-template-columns:1fr 1fr}.vitals-card{grid-column:1/-1}.objective-card{top:180px}.quest-card{top:313px}}@media (width<=560px){.menu-content{align-items:stretch}.menu-title{font-size:48px}.menu-actions{flex-direction:column}.menu-button{width:100%}.hud-topbar{grid-template-columns:1fr;top:10px;left:10px;right:10px}.objective-card,.quest-card{width:calc(100% - 20px);left:10px}.objective-card{top:295px}.quest-card{top:405px}.notification-stack{width:auto;inset:auto 10px 170px}.interaction-prompt{bottom:105px}.dialogue-wrap{width:calc(100% - 20px);bottom:10px}}