:root{--ui-ink:#10212b;--ui-steel:#28434e;--ui-line:#617b82;--ui-paper:#f4e8cc;--ui-muted:#abc1c8;--ui-gold:#efb768;--ui-ready:#89e3d7;--ui-danger:#f2816f;--ui-fast:.14s;--ui-body:14px;--ui-caption:11px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101f2b;color:#f7edd8;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button{font:inherit;border:0;color:inherit;background:none;cursor:pointer;touch-action:manipulation;min-height:44px}button:hover{color:#ffc37b}button:focus-visible{outline:2px solid #88d5d0;outline-offset:3px}[hidden]{display:none!important}#scene{position:fixed;inset:0;isolation:isolate;overflow:hidden}#art{position:absolute;inset:0;width:100%;height:100%}#vignette,#grain{position:absolute;inset:0;pointer-events:none}#vignette{background:linear-gradient(0deg,#07131eee,transparent 32%),radial-gradient(ellipse at center,transparent 45%,#06131d80);transition:opacity .7s}#grain{opacity:.035;background:repeating-linear-gradient(0deg,transparent 0 3px,#b7d5d8 3px 4px)}#loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#101f2b;font-size:19px;letter-spacing:3px;z-index:20}#loading span{display:block;font-size:11px;color:#7eafba;margin-top:14px}#title-screen{position:absolute;inset:0;background:linear-gradient(90deg,#071522f2,#071522b0 35%,transparent 70%)}.brand{position:absolute;left:7%;top:17%}.edition{color:#d5ae7c;letter-spacing:5px;font-size:12px;margin:0 0 20px}.edition:before{content:"";display:inline-block;width:30px;height:2px;background:#eaaa62;vertical-align:middle;margin-right:13px}h1{margin:0;font-size:clamp(55px,8vw,112px);line-height:1.1;font-weight:900;letter-spacing:-4px;transform:skew(-6deg);background:linear-gradient(#fff5df,#ebd9b4 44%,#b17b48 48%,#f4bd78 84%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 4px 0 #122b38) drop-shadow(0 4px 0 #785039)}.latin{letter-spacing:11px;font-size:15px;font-weight:750;color:#b7cbd1;margin-top:26px}nav{position:absolute;left:7%;top:55%;display:flex;flex-direction:column;align-items:flex-start;gap:5px}nav button{font-size:16px;letter-spacing:3px;padding:13px 23px;text-align:left;color:#a6bcc5;min-width:235px}.start{font-size:24px;font-weight:600;color:#fff0d1;background:linear-gradient(90deg,#bd713745,transparent);border-left:3px solid #f0b16d}.start span{float:right;color:#eab175;padding-left:24px}.chapter{position:absolute;left:7%;bottom:7%;display:flex;gap:17px;align-items:center;margin:0}.chapter b{font-size:31px;color:#d8ad76;border-right:1px solid #728d9580;padding-right:17px}.chapter span{font-size:12px;letter-spacing:3px}.chapter small{display:block;font-size:10px;letter-spacing:1px;color:#8aabb5;margin-top:7px}.utilities{position:absolute;right:4%;top:4%;display:flex;align-items:center;gap:13px;z-index:5}.utilities button{font-size:11px;letter-spacing:1px;color:#a8bdc3;padding:8px}#fullscreen{font-size:20px}#scene[data-mode=story] .utilities{top:auto;bottom:4%;right:49%;opacity:.7}.location{position:absolute;top:6%;left:5%;font-size:11px;letter-spacing:3px;color:#e1b883;margin:0;text-shadow:0 2px 5px #07131e}.location span{color:#c4cfd0;margin-left:14px;border-left:1px solid #899ba077;padding-left:14px}.story-controls{position:absolute;right:4%;top:4%;display:flex;align-items:center;gap:15px}.story-controls button{font-size:11px;letter-spacing:2px;color:#b9cace}#pause{font-size:17px;padding:8px 15px}#dialogue{position:absolute;left:5%;bottom:14%;max-width:85%;text-shadow:0 2px 6px #000}#speaker{margin:0 0 10px;color:#8edcd2;font-size:12px;font-weight:600;letter-spacing:3px}#line{margin:0;max-width:1100px;font-size:clamp(18px,2.2vw,29px);font-weight:550;line-height:1.55;letter-spacing:1px}#line.entering{animation:line-in .35s ease-out}.bottom-controls{position:absolute;left:5%;right:4%;bottom:4%;display:flex;align-items:center;justify-content:space-between}#beats{display:flex;align-items:center;gap:6px}#beats i{display:block;width:24px;height:2px;background:#42636d}#beats i.on{background:#e4b171}#beats i.current{height:3px;box-shadow:0 0 10px #e4b17155}.navigation{display:flex;gap:15px;align-items:center}.navigation button{font-size:12px;letter-spacing:2px;padding:8px 10px;color:#ccd9d9}#previous{color:#9ab3bd}#previous:disabled{opacity:.25;cursor:default}.chapter-copy{position:absolute;left:7%;top:22%}.chapter-copy>p{color:#d6ae79;font-size:12px;letter-spacing:4px}.chapter-copy h2{font-size:clamp(38px,5vw,72px);line-height:1.3;letter-spacing:3px;margin:25px 0 20px}.chapter-copy>span{color:#b2c7cc;font-size:15px;letter-spacing:3px}.chapter-copy>div{display:flex;gap:25px;margin-top:40px}.chapter-copy button{font-size:12px;letter-spacing:2px;color:#cfb68e}#chapter-screen{position:absolute;inset:0;background:linear-gradient(90deg,#061622ef,#07182495 40%,transparent 80%);animation:line-in 1s}#rotate{position:absolute;inset:0;z-index:40;background:#0a1b28e8;display:none;place-content:center;text-align:center;padding:30px}#rotate span{font-size:50px;color:#d9ac73;margin-bottom:18px}#rotate b{font-size:20px;font-weight:500;letter-spacing:3px}@keyframes line-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-height:480px){.brand{top:11%}.edition{font-size:9px;margin-bottom:13px;letter-spacing:3px}h1{font-size:clamp(48px,8vw,75px);letter-spacing:-3px}.latin{font-size:11px;margin-top:19px;letter-spacing:8px}nav{top:51%;gap:0}nav button{font-size:12px;min-width:205px;padding:9px 17px}.start{font-size:19px}.chapter{bottom:6%;gap:13px}.chapter b{font-size:23px;padding-right:13px}.chapter span{font-size:10px}.chapter small{font-size:8px}.location{font-size:9px;top:7%}.story-controls{gap:7px}.story-controls button{font-size:10px}.utilities{gap:4px}#scene[data-mode=story] .utilities{right:40%;bottom:3%}#dialogue{bottom:17%;max-width:90%}#speaker{font-size:10px;letter-spacing:2px;margin-bottom:6px}#line{font-size:17px;line-height:1.5;letter-spacing:.5px}.bottom-controls{bottom:3%}#beats{gap:4px}#beats i{width:17px}.navigation{gap:4px}.navigation button{font-size:11px}.chapter-copy{top:13%}.chapter-copy h2{font-size:38px;margin:12px 0}.chapter-copy>p{font-size:10px}.chapter-copy>span{font-size:12px}.chapter-copy>div{margin-top:19px;gap:16px}}@media(orientation:portrait){#rotate{display:grid}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#game-frame{position:fixed;inset:0;width:100%;height:100%;border:0;visibility:hidden;pointer-events:none;background:#101f2b}#game-frame.active{visibility:visible;pointer-events:auto}#scene{z-index:1}nav{gap:0}nav button{min-height:44px}.chapter-copy>div{flex-wrap:wrap}#enter-game{background:#dba45d;color:#101f2b;padding:12px 22px;font-weight:700}@media(max-height:480px){nav{top:46%}}#title-screen{background:linear-gradient(90deg,#071522ed,#071522a8 34%,transparent 67%)}.brand{left:max(6%,env(safe-area-inset-left));top:15%}.edition{color:var(--ui-gold)}nav{left:max(6%,env(safe-area-inset-left));top:54%}.start{border-left-color:var(--ui-gold)}#dialogue{left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right));bottom:65px;max-width:none;padding:12px 18px;border-left:3px solid var(--ui-ready);background:linear-gradient(90deg,#10212be8,#10212b80 75%,transparent)}#speaker{font-size:12px;color:var(--ui-ready);letter-spacing:1px;margin-bottom:6px}#line{font-size:clamp(19px,2.2vw,28px);line-height:1.45;letter-spacing:0;color:var(--ui-paper)}.location{color:var(--ui-gold);left:max(5%,env(safe-area-inset-left));top:max(20px,env(safe-area-inset-top));font-size:12px;letter-spacing:1px;background:#10212bc9;padding:7px 12px}.location span{letter-spacing:0}#scene[data-mode=story] .utilities{right:auto;left:39%;bottom:max(10px,env(safe-area-inset-bottom));opacity:1}.bottom-controls{bottom:max(10px,env(safe-area-inset-bottom))}.story-controls{top:max(12px,env(safe-area-inset-top));right:max(4%,env(safe-area-inset-right))}.story-controls button,.navigation button{min-height:44px;font-size:12px}#story-loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:14px 20px;background:#10212bed;color:var(--ui-paper);font-size:14px;z-index:10;max-width:80%;text-align:center}@media(max-height:480px){.brand{top:11%}nav{top:48%}.location{font-size:10px;padding:5px 8px;top:13px}#dialogue{bottom:60px;padding:9px 13px}#speaker{font-size:11px;margin-bottom:5px}#line{font-size:19px;line-height:1.4}#scene[data-mode=story] .utilities{left:35%}.navigation button,.story-controls button{font-size:11px}.chapter-copy h2{font-size:36px}}@media(max-width:720px){#scene[data-mode=story] .utilities{left:33%}.location span{margin-left:8px;padding-left:8px}.story-controls{gap:1px}.story-controls #pause{padding:8px 10px}.brand h1{font-size:54px}#line{font-size:18px}}.minor-actions{display:flex;gap:4px}.minor-actions button{min-width:0;font-size:13px;letter-spacing:1px;padding:10px 20px}#equipment-screen{position:absolute;inset:0;z-index:6}#equipment-screen .sheet{display:flex;width:100%;height:100%;justify-content:center}#equipment-screen .module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#equipment-screen .actions{margin-top:18px}#equipment-screen .primary{padding:12px 20px;min-height:44px}#scene[data-mode=equipment] .utilities{display:none}@media(max-height:480px){nav{top:46%}.minor-actions button{font-size:11px;padding:8px 16px}.chapter{bottom:4%}}@media(max-height:480px){#equipment-screen .sheet-content{padding-top:13px;padding-bottom:12px}#equipment-screen .console-header{padding-bottom:6px}#equipment-screen .small-kicker{font-size:10px;letter-spacing:1px}#equipment-screen h2{font-size:22px;margin:8px 0}#equipment-screen .equipment-grid{margin-top:10px}#equipment-screen .module-card{min-height:158px;padding-top:9px}#equipment-screen .plate-top{margin-bottom:6px}#equipment-screen .module-emblem{width:32px;height:32px;margin-bottom:6px}#equipment-screen .module-emblem svg{width:26px;height:26px}#equipment-screen .module-card small{font-size:10px;line-height:1.5;margin:4px 0}#equipment-screen .module-use{font-size:10px;margin-bottom:5px;line-height:1.4}#equipment-screen .module-state{padding-top:5px;padding-bottom:5px}#equipment-screen .actions{margin-top:10px}#equipment-screen .console-footer{display:none}}