@font-face{font-family:Display;src:url('./assets/display.woff2') format('woff2');font-weight:800;font-display:swap}@font-face{font-family:Manrope;src:url('./assets/body.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{--paper:#f5e7cb;--paper-light:#fff4dd;--ink:#183f40;--red:#d84c36;--muted:#76816d;--blue:#70e5e3}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--ink);font-family:Manrope,Arial,sans-serif}body{touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #66dada;outline-offset:5px}button:hover{filter:brightness(1.07)}button:active{transform:translateY(2px)}button:disabled{cursor:default}.icon-defs{position:absolute;width:0;height:0}#app,#scene,.vignette{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;outline:none}#scene{background:#214b47}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(10,40,40,.2),transparent 30%,transparent 65%,rgba(10,36,36,.45));z-index:1}.topbar{position:absolute;z-index:15;left:0;right:0;top:0;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 3.3%;color:var(--paper);border-bottom:1px solid #e3d8b932;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand svg{width:37px;height:43px}.brand>span{font:800 31px/.84 Display,sans-serif;letter-spacing:1.5px}.brand-sub{display:block;font:700 8px Manrope,sans-serif;letter-spacing:1.1px;margin-top:8px}.edition{font-size:9px;font-weight:700;letter-spacing:2.3px}.edition b{padding:0 14px;color:#e9996e}.top-actions{display:flex;gap:9px}.icon-button{width:36px;height:36px;display:grid;place-items:center;background:#f5e7cb14;border:1px solid #f5e7cb44;color:inherit;border-radius:50%;font-size:19px;font-weight:600}.icon-button svg{width:17px;height:17px}.mode-menu .topbar{color:var(--ink);border-color:#50665b30;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 41%,transparent 41%)}.mode-menu .top-actions,.mode-menu .edition{color:var(--paper)}.mode-menu .icon-button{border-color:#f5e7cb66}.mode-menu .edition{margin-left:24%}#intro{position:absolute;z-index:3;inset:90px 0 0;pointer-events:none}.intro-paper{position:absolute;left:0;top:0;bottom:111px;width:41%;padding:45px 8% 20px 8%;padding-left:8%;padding-right:3%;background:var(--paper);pointer-events:auto}.intro-paper::after{content:'';position:absolute;top:0;left:100%;height:100%;width:55px;background:linear-gradient(90deg,var(--paper),transparent);pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:800;display:flex;gap:10px;align-items:center;margin:0 0 22px}.eyebrow span{height:7px;width:7px;background:var(--red);transform:rotate(45deg)}.title-block{position:relative}h1{font-family:Display,sans-serif;font-weight:800;font-size:clamp(68px,7.1vw,118px);line-height:.82;letter-spacing:-1px;margin:0 0 28px}h1 em{color:var(--red);font-style:normal}h1 .title-dot{color:var(--red)}.vertical-stamp{position:absolute;top:0;right:2%;writing-mode:vertical-rl;font-family:serif;font-size:26px;color:var(--red);border:1px solid var(--red);padding:8px 4px;transform:rotate(5deg)}.vertical-stamp small{font:700 7px Manrope;letter-spacing:1.5px;margin-top:8px}.intro-copy{font-size:12px;line-height:1.9;font-weight:500;margin-bottom:27px;color:#50685f}.primary-button{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:var(--paper-light);padding:16px 19px;font-size:12px;font-weight:800;letter-spacing:1px;width:270px;box-shadow:4px 4px 0 #ac442d44;transition:transform .2s}.primary-button span{font-size:23px;line-height:1}.text-button{display:flex;gap:38px;background:none;padding:16px 0;font-size:10px;font-weight:800;border-bottom:1px solid #173e4033}.text-button span{font-size:14px}.intro-meta{display:flex;gap:10px;align-items:center;font-size:6.5px;font-weight:800;letter-spacing:.8px;margin-top:30px;white-space:nowrap}.intro-meta i{width:3px;height:3px;background:var(--red)}.hero-caption{position:absolute;right:5.5%;bottom:164px;z-index:4;color:var(--paper);text-align:right;transform:rotate(-3deg);text-shadow:1px 2px #173e4055}.hero-caption>span{font-size:8px;font-weight:800;letter-spacing:2.5px}.hero-caption strong{font:800 75px/.92 Display,sans-serif;display:block;letter-spacing:1px;margin:10px 0}.hero-caption strong small{font:800 35px Display,sans-serif}.hero-caption p{font-size:10px;margin:0}.cover-index{position:absolute;right:4%;top:27px;color:var(--paper);display:flex;gap:11px;align-items:center}.cover-index span{font:800 21px Display}.cover-index b{font-size:7px;letter-spacing:1.5px}.cover-index i{height:1px;width:25px;background:currentColor}.cover-footer{position:absolute;bottom:27px;height:85px;left:0;right:0;padding:0 8%;display:flex;align-items:center;gap:8%;background:var(--paper);border-top:1px solid #546d5c30;pointer-events:auto}.cover-footer>div{display:flex;gap:15px;align-items:center}.chapter-number{font:800 37px Display;color:#98a187}.cover-footer>div>span:last-child{font-size:9px;line-height:1.6;letter-spacing:.9px}.cover-footer b{font-weight:800}.credits{position:absolute;bottom:9px;width:100%;text-align:center;font-size:6px;letter-spacing:1.1px;color:#c7d5b499;z-index:6;pointer-events:none}.mode-menu .credits{color:#e1dec7a0}.play-only{display:none}.mode-playing .play-only,.mode-paused .play-only,.mode-chapter .play-only,.mode-victory .play-only,.mode-defeat .play-only{display:block}.mode-playing #intro,.mode-paused #intro,.mode-chapter #intro,.mode-victory #intro,.mode-defeat #intro{display:none}#pause-btn.play-only{display:none}.mode-playing #pause-btn,.mode-paused #pause-btn,.mode-chapter #pause-btn,.mode-victory #pause-btn,.mode-defeat #pause-btn{display:grid}#hud{position:absolute;inset:90px 0 0;z-index:4;pointer-events:none}.chapter-head{position:absolute;top:22px;left:50%;transform:translateX(-50%);text-align:center;color:var(--paper);min-width:280px}.chapter-head>span{font-size:8px;letter-spacing:2.1px;font-weight:800;color:#aad0bc}.chapter-head>strong{display:block;font:800 33px Display;letter-spacing:.5px;margin:4px 0 11px}.objectives{display:flex;justify-content:center;gap:15px;font-size:10px;letter-spacing:.3px}.objectives>span{background:#103536bf;padding:6px 10px;border:1px solid #eadcb82b}.objectives b{color:#8fe2d2}.score-box{position:absolute;top:28px;right:3.5%;color:var(--paper);text-align:right}.score-box>span{font-size:7px;letter-spacing:2px}.score-box>strong{display:block;font:800 33px Display;letter-spacing:2px}.score-box>div{font-size:12px;color:#bcd2c2;margin-top:7px}.clock-mark{font-size:18px}.score-box .urgent{color:#ff9b73}#toast{position:absolute;left:50%;bottom:163px;transform:translateX(-50%);padding:9px 18px;background:#f5e7cbee;color:var(--ink);font-size:11px;font-weight:700;border-left:3px solid #5dbbb3;max-width:540px;white-space:normal;text-align:center;transition:opacity .2s;box-shadow:0 5px 20px #123e3c33;min-width:220px}.bottom-hud{position:absolute;bottom:31px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.health-panel{display:flex;gap:13px;color:var(--paper);align-items:center;background:#123737b8;border:1px solid #f3dfb937;padding:17px 20px}.health-panel>svg{width:45px;height:45px;color:var(--paper)}.health-panel>div{min-width:135px}.health-panel span{display:flex;align-items:baseline;justify-content:space-between;font:800 21px Display;letter-spacing:.6px}.health-panel b{font:800 27px Display}.health-track{height:6px;background:#eee3bd3b;margin:4px 0 8px;width:140px}.health-track i{height:100%;display:block;background:#84c9ac;transition:width .2s}.health-panel small{font-size:6px;letter-spacing:1.3px}.abilities{display:flex;gap:6px;pointer-events:auto;align-items:flex-end}.ability{position:relative;display:flex;align-items:center;flex-direction:column;background:#f5e7cb;color:var(--ink);width:85px;height:108px;padding:19px 6px 8px;border-bottom:3px solid #b8c49e;box-shadow:0 5px 15px #0c2f323b;transition:background .2s;overflow:visible}.ability kbd{position:absolute;top:-10px;padding:4px 6px;background:#143b3c;color:var(--paper);border:1px solid #9aaf98;font:700 8px Manrope;white-space:nowrap;z-index:1}.ability>svg{width:34px;height:34px;transition:transform .2s}.ability>span{font:800 15px Display;margin-top:7px;white-space:nowrap}.ability>small{font-size:6px;letter-spacing:.5px;font-weight:800;margin-top:3px}.ability:hover>svg{transform:translateY(-3px)}.ability .cooldown{position:absolute;inset:0;pointer-events:none;display:none;align-items:center;justify-content:center;background:#284c45ca;color:var(--paper);font:800 35px Display;font-style:normal;z-index:0}.ability.cooling .cooldown{display:flex}.ability.rush{background:#244f4c;color:var(--paper);width:98px;border:1px solid #65a8a0;border-bottom:3px solid #67ccc4}.ability.rush.ready{background:#6de7dc;color:#163f40;box-shadow:0 0 25px #76f2e052}.ability.rush.active{background:#418b83}.move-legend{color:#d1dcc5;text-align:center;font-size:7px;padding:4px 0 9px}.move-legend kbd{display:inline-block;width:18px;height:20px;line-height:20px;border:1px solid #d1dcc53b;background:#23484482;margin:2px;font-size:9px}.move-legend small{display:block;font-size:6px;letter-spacing:1px;margin-top:6px}.target-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;color:var(--paper);min-width:110px;text-align:center;pointer-events:none;text-shadow:0 1px 3px #122e2d;font-size:9px}.target-label strong{font-weight:800;font-size:10px}.target-label small{display:block;font-size:7px;margin-top:2px;font-weight:800;letter-spacing:.3px;color:#d3b1d2}.target-label.rescued small{color:#eed791}.target-label.ready small{color:#99eeee}.target-label .meter{height:3px;width:74px;background:#122e2de0;margin:6px auto 0}.target-label .meter i{display:block;height:3px;background:#69d4c2;transition:width .2s}.target-label.seal{min-width:0;padding:3px 6px;color:#ffd2aa;background:#6d3433c4;font-size:9px;border:1px solid #f6b19455}.target-label.selected::before{content:'⌄';font-size:26px;line-height:16px;display:block;color:#72e7dd}.touch-pad,.mobile-route{display:none}.modal-layer{position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:#0b2829bb;backdrop-filter:blur(6px);padding:22px;touch-action:auto;overflow:auto}.modal-layer[hidden]{display:none}.paper-modal{position:relative;background:var(--paper);color:var(--ink);width:min(690px,100%);padding:39px 44px 34px;box-shadow:12px 12px #091c2338;border-top:5px solid var(--red)}.modal-close{position:absolute;right:16px;top:13px;background:transparent;font-size:26px;width:32px;height:32px;line-height:1}.modal-kicker{font-size:8px;letter-spacing:2px;font-weight:800;color:var(--red);margin:0 0 8px}.paper-modal h2{font:800 51px/.97 Display;margin:0 0 14px}.paper-modal p{font-size:11px;line-height:1.9;color:#4f6960}.control-intro{padding:12px 14px;background:#d6d9bc;margin:20px 0;font-size:11px;line-height:1.8}.control-intro b{font-weight:800}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;margin:22px 0}.instruction{display:flex;align-items:flex-start;gap:11px}.instruction svg{width:34px;height:34px;flex-shrink:0;color:#b94431}.instruction b{display:block;font-size:11px}.instruction kbd{font:800 8px Manrope;border:1px solid #6682724d;padding:2px 4px;margin-left:4px;white-space:nowrap}.instruction p{font-size:10px;line-height:1.7;margin:5px 0 0}.instruction:last-child{grid-column:span 2}.modal-actions{display:flex;gap:20px;align-items:center;margin-top:24px}.modal-actions .primary-button{width:250px;flex-shrink:0}.modal-actions .text-button{white-space:nowrap}.result-emblem{width:63px;height:63px;color:var(--red);margin-bottom:22px}.result-stats{display:flex;justify-content:space-between;border-top:1px solid #34554a40;border-bottom:1px solid #34554a40;padding:17px 0;margin:23px 0}.result-stats>div{display:flex;flex-direction:column}.result-stats span{font-size:8px;letter-spacing:1px}.result-stats strong{font:800 35px Display;margin-top:5px}.result-note{font-size:10px!important}.mode-paused .chapter-head,.mode-chapter .chapter-head,.mode-defeat .chapter-head,.mode-victory .chapter-head{opacity:.35}#loading{position:absolute;inset:0;background:var(--ink);color:var(--paper);z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:9px;letter-spacing:2px;transition:opacity .3s}#loading svg{width:70px;height:70px;animation:breathe 1s infinite alternate}@keyframes breathe{to{opacity:.4;transform:translateY(-6px)}}@media(min-width:1600px){.intro-paper{padding-top:70px}.intro-copy{font-size:14px;line-height:1.9}.primary-button{padding:20px;width:310px}.intro-meta{margin-top:40px}.cover-footer{gap:11%}}@media(max-height:760px) and (min-width:761px){.topbar{height:70px}#intro,#hud{inset-block-start:70px}.intro-paper{padding-top:27px;bottom:92px}.eyebrow{margin-bottom:14px}h1{font-size:80px;margin-bottom:19px}.intro-copy{margin-bottom:16px;font-size:10px;line-height:1.8}.intro-meta{margin-top:19px}.cover-footer{height:68px}.hero-caption{bottom:124px}.primary-button{padding:13px 17px}.bottom-hud{bottom:24px}.ability{height:96px}.chapter-head>strong{font-size:28px}.chapter-head{top:15px}#toast{bottom:142px}}
@media(max-width:1100px) and (min-width:761px){.intro-paper{padding-left:5%;width:42%}.vertical-stamp{right:-3%}.edition{display:none}.cover-footer{padding-left:5%;gap:6%}.move-legend{display:none}.health-panel{padding:13px}.health-panel>div{min-width:120px}.health-track{width:120px}.bottom-hud{justify-content:center;gap:20px}.ability{width:77px}.hero-caption{right:4%}.hero-caption strong{font-size:62px}}
@media(max-width:760px){.topbar{height:67px;padding:0 18px}.brand{gap:8px}.brand svg{width:28px;height:34px}.brand>span{font-size:24px}.brand-sub{font-size:6px;margin-top:5px}.edition{display:none}.top-actions{gap:6px}.icon-button{width:32px;height:32px}.mode-menu .topbar{background:var(--paper)}.mode-menu .top-actions{color:var(--ink)}.mode-menu .icon-button{border-color:#183f403a}#intro{top:67px}.intro-paper{top:0;bottom:auto;width:100%;padding:27px 26px 24px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 83%,rgba(245,231,203,0) 100%)}.intro-paper::after{display:none}.eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:16px}.title-block{width:280px}h1{font-size:71px;line-height:.82;letter-spacing:-.5px;margin-bottom:15px}.vertical-stamp{right:18px;top:0;font-size:21px;padding:6px 3px}.vertical-stamp small{font-size:6px}.intro-copy{font-size:10px;line-height:1.75;margin:0 0 17px}.primary-button{width:214px;padding:14px 16px;font-size:10px}.text-button{padding:10px 0;font-size:9px;gap:90px}.intro-meta{display:none}.cover-index{top:auto;bottom:121px;right:20px;gap:8px}.cover-index b{font-size:5px}.cover-index span{font-size:15px}.cover-footer{height:69px;bottom:26px;padding:0 22px;justify-content:space-between;gap:10px}.cover-footer>div{gap:7px}.chapter-number{font-size:24px}.cover-footer>div>span:last-child{font-size:6px;line-height:1.6;letter-spacing:.2px}.hero-caption{bottom:156px;right:22px}.hero-caption>span{font-size:5px;letter-spacing:1.2px}.hero-caption strong{font-size:40px;margin:6px 0}.hero-caption strong small{font-size:19px}.hero-caption p{font-size:7px}.credits{font-size:4.5px;letter-spacing:.6px;bottom:10px}#hud{top:67px}.chapter-head{top:14px;left:18px;transform:none;text-align:left;min-width:0;max-width:270px}.chapter-head>span{font-size:6px;letter-spacing:1.6px}.chapter-head>strong{font-size:24px;line-height:1;margin:6px 0 10px}.objectives{gap:5px;justify-content:flex-start;font-size:8px}.objectives>span{padding:5px 7px}.score-box{top:17px;right:18px}.score-box>span{font-size:6px}.score-box>strong{font-size:24px}.score-box>div{font-size:10px;margin-top:2px}.bottom-hud{bottom:26px;left:14px;right:14px;gap:0;align-items:flex-end;flex-direction:column}.health-panel{position:absolute;bottom:90px;left:0;padding:9px 10px;gap:8px}.health-panel>svg{width:25px;height:28px}.health-panel>div{min-width:88px}.health-panel span{font-size:15px}.health-panel b{font-size:20px}.health-track{width:91px;height:4px;margin:3px 0 4px}.health-panel small{font-size:4px;letter-spacing:.7px}.abilities{width:100%;justify-content:space-between;gap:4px}.ability{width:calc((100% - 16px)/5);height:71px;padding:9px 3px 5px;border-bottom-width:2px}.ability>svg{width:25px;height:25px}.ability kbd{display:none}.ability>span{font-size:11px;margin-top:4px}.ability>small{font-size:5px;margin-top:2px}.ability.rush{width:calc((100% - 16px)/5)}.ability.rush>span{font-size:10px}.ability .cooldown{font-size:26px}.move-legend{display:none}#toast{bottom:248px;font-size:9px;padding:9px 12px;width:calc(100% - 42px);min-width:0;max-width:440px}.touch-pad{position:absolute;display:grid;right:18px;bottom:107px;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:4px;pointer-events:auto}.touch-pad button{background:#f5e7cbe8;border:1px solid #f5e7cb5e;color:var(--ink);font-size:21px;font-weight:600;border-radius:4px;touch-action:none;box-shadow:0 3px 8px #123e3933}.touch-pad button:first-child{grid-column:2}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}.touch-pad button.pressed{background:#7ce0d3}.mobile-route{display:flex;position:absolute;left:14px;bottom:185px;gap:3px;pointer-events:auto}.mobile-route button{font-size:6px;font-weight:800;background:#173f3fdd;color:#e6dcc0;padding:8px 6px;border:1px solid #90a98c4d;min-height:34px}.mobile-route button.selected{border-color:#6de3d8;color:#91f0e2}.target-label{font-size:7px;min-width:82px}.target-label strong{font-size:8px}.target-label small{font-size:5.5px}.target-label .meter{width:56px}.target-label.seal{font-size:7px;padding:2px 5px}.modal-layer{padding:15px}.paper-modal{padding:30px 24px 23px;max-height:calc(100dvh - 30px);overflow:auto}.paper-modal h2{font-size:40px}.paper-modal p{font-size:10px}.instructions{gap:13px;grid-template-columns:1fr;margin:18px 0}.instruction:last-child{grid-column:auto}.instruction svg{width:29px;height:29px}.instruction p{font-size:9px;line-height:1.65}.instruction b{font-size:10px}.instruction kbd{font-size:7px}.control-intro{font-size:9px;padding:10px 12px;margin:15px 0}.modal-actions{gap:15px;flex-wrap:wrap;margin-top:20px}.modal-actions .primary-button{width:100%}.modal-actions .text-button{padding:5px 0}.result-stats strong{font-size:29px}.result-stats span{font-size:6px}.result-emblem{width:48px;height:48px;margin-bottom:15px}}
@media(max-width:760px) and (max-height:700px){.intro-paper{padding-top:18px}h1{font-size:54px}.eyebrow{margin-bottom:13px}.intro-copy{font-size:9px}.intro-copy br:nth-of-type(2){display:none}.hero-caption{bottom:122px}.hero-caption>span,.hero-caption p{display:none}.hero-caption strong{font-size:34px}.cover-footer{height:60px}.cover-index{display:none}.chapter-head>strong{font-size:19px}.health-panel{bottom:83px}.touch-pad{bottom:101px;grid-template-columns:repeat(3,37px);grid-template-rows:repeat(2,37px)}.mobile-route{bottom:163px}#toast{bottom:215px}.ability{height:66px}}
@media(prefers-reduced-motion:reduce){button,.health-track i{transition:none}#loading svg{animation:none}}

@media(max-width:760px){.vertical-stamp{right:-32px;transform:rotate(5deg)}.title-block{width:280px}}

#app{overflow:hidden}#scene canvas{width:100%!important;height:100%!important}