@font-face{font-family:GameSans;src:local('Trebuchet MS')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:GameSans,'Trebuchet MS',system-ui,sans-serif;background:#101920;color:#f1f0e8}button,select,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffe0a2;outline-offset:5px}button{transition:background .18s,transform .18s;border:0}button:active{transform:translateY(1px)}[hidden]{display:none!important}#game{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#05080d;display:block}.screen{position:absolute;inset:0}#menu{overflow:auto;background:radial-gradient(ellipse at 80% 26%,#26493666,transparent 50%),radial-gradient(ellipse at 0% 80%,#20354966,transparent 60%),#101c22}#menu:before{content:'';position:fixed;inset:0;opacity:.08;background:url('../assets/menu/mainscre.png') center/cover;pointer-events:none}header,footer,.menu-main,.chapters{position:relative;max-width:1450px;margin:auto}header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff1;padding:0 54px}.brand{display:flex;align-items:center;gap:12px;color:#f3ddbe;text-decoration:none;font-weight:900;font-size:20px;letter-spacing:1px}.paw{font-size:32px;color:#efac61}.brand-divider{height:20px;width:1px;background:#c2c7c53d;margin:0 4px}.brand-sub{font-size:11px;letter-spacing:2px;color:#a9b8b2}.edition{font-size:10px;letter-spacing:2px;color:#9baba5}.edition b{border:1px solid #83938755;padding:4px 7px;margin-left:7px;border-radius:4px;color:#c6d9b8}.menu-main{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:45px 9% 34px 7%;min-height:410px}.hero{z-index:1;max-width:590px;flex:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#bac49b;display:flex;align-items:center;gap:10px}.spark{width:6px;height:6px;background:#d5b979;border-radius:50%;box-shadow:0 0 14px #d5b979}.logo{display:block;width:330px;max-width:90%;max-height:150px;object-fit:contain;object-position:left;margin:17px 0 7px}h1{font-family:Georgia,serif;font-size:37px;font-weight:500;letter-spacing:-.5px;line-height:1.1;margin:18px 0}p{color:#b2c0bd;font-size:14px;line-height:1.7}.hero-actions{display:flex;gap:13px;margin-top:23px}.primary{background:#eebc73;color:#282c23;border:1px solid #f6cc8d;border-radius:7px;padding:14px 22px;box-shadow:0 4px 20px #080f1733;font-weight:bold;display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:210px}.primary:hover{background:#ffcf87}.secondary{border:1px solid #7a8c8355;background:#293b37;border-radius:7px;padding:13px 20px;color:#e1e6d9}.secondary:hover{background:#354c42}.text-button{background:none;padding:15px 0;color:#bac9be;font-size:12px;text-align:left}.text-button:hover{color:#e7c589}.build-note{font-size:10px;color:#84948b;line-height:1.7;margin-top:7px;max-width:400px}.cover{width:290px;align-self:center;position:relative;flex-shrink:0;transform:rotate(3deg);border:6px solid #cdb37d33;border-radius:8px;box-shadow:0 20px 60px #0006}.cover:before{content:'';position:absolute;inset:-32px;background:#7e9b4922;filter:blur(35px);z-index:-1}.cover img{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:3px}.cover-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#101d1c);padding:42px 18px 18px;display:flex;flex-direction:column;gap:7px}.cover-caption span{font-size:8px;letter-spacing:1.5px;color:#d0dcbb}.cover-caption b{font-size:13px}.chapters{padding:18px 54px 25px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-top h2{font-size:15px;margin:0}.section-top>span{font-size:10px;color:#adbaab}.thin{color:#6f827b;margin-left:5px}#level-list{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.level-card{background:#1b2e30;border:1px solid #fff1;text-align:left;padding:0;border-radius:7px;overflow:hidden;position:relative}.level-card img{width:150px;max-width:100%;height:171px;object-fit:contain;display:block;margin:auto;opacity:1}.level-card:hover img,.level-card.selected img{opacity:1}.level-card.selected{border-color:#dfb77b;box-shadow:0 0 0 1px #dfb77b33}.level-card .card-info{padding:12px 14px;display:flex;align-items:center;gap:11px}.card-info small{font-size:10px;color:#96a786}.card-info b{font-size:12px}.level-card.selected .card-info b{color:#f6cb8c}.level-card .selected-mark{position:absolute;right:9px;top:9px;background:#e4b875;color:#293a2b;border-radius:50%;height:18px;width:18px;text-align:center;font-size:12px;display:none}.level-card.selected .selected-mark{display:block}footer{padding:15px 54px 22px;border-top:1px solid #fff1;display:flex;justify-content:space-between;align-items:center}footer button{padding:6px 12px;font-size:11px;background:none;color:#b4c1b4}footer button:hover{color:#efc184}.platform-indicator{font-size:10px;color:#91a497;display:flex;align-items:center;gap:8px}.platform-indicator span{background:#a5bf85;border-radius:50%;height:5px;width:5px}.overlay{position:absolute;inset:0;background:#070e14cc;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10;padding:22px;overflow:auto}.panel{background:#17272c;border:1px solid #8d9e7c55;border-radius:14px;max-width:600px;width:100%;padding:30px;box-shadow:0 30px 100px #0006}.panel h2{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:10px 0 26px}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.close{background:#fff1;border-radius:50%;width:32px;height:32px;font-size:25px;line-height:25px;color:#b9c9bd}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #fff1;min-height:58px}.setting span{flex:1;font-size:13px}.setting small{display:block;color:#8ca49a;margin-top:4px;font-size:10px}.setting select{max-width:55%;background:#233b3d;color:#e7e9d9;border:1px solid #768b6c77;border-radius:5px;padding:8px;font-size:12px}.setting input[type=range]{width:150px;accent-color:#e9bc77}.setting input[type=checkbox]{accent-color:#e9bc77;width:19px;height:19px}.setting output{font-size:12px;width:26px}.settings-note{font-size:11px;margin:15px 0 0;color:#92a89c}.settings-panel .primary{width:100%;margin-top:18px}.pause-panel{max-width:380px;display:flex;flex-direction:column;gap:12px}.pause-panel h2{margin:6px 0 10px}.pause-panel .text-button{text-align:center}.key-guide{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:16px}.key-guide dt{color:#e7c48c}.key-guide dd{margin:0;color:#b4c6be}.intro{background:#000;z-index:12}.intro video{width:100%;height:100%;object-fit:contain}.intro button{position:absolute;bottom:30px;right:30px}.loading-panel{text-align:center}.loading-panel .eyebrow{justify-content:center}.spinner{width:35px;height:35px;border:2px solid #cfb17833;border-top-color:#e5ba7b;border-radius:50%;animation:spin 1s linear infinite;margin:10px auto 25px}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:22px;left:25px;right:25px;display:flex;gap:18px;align-items:center}.hud-left,.hud-stats{padding:12px 18px;background:#102027cc;backdrop-filter:blur(7px);border:1px solid #d7dab42b;border-radius:8px}.hud-left{display:flex;gap:15px;align-items:center}.hud-left>b{font-size:12px;color:#eec387;letter-spacing:1px}#health{font-size:14px;color:#f48476}.hud-stats{display:flex;gap:22px;font-size:16px;color:#ecc784}.hud-stats b{color:#f4f3e6;font-size:14px}.hud-bottom{position:absolute;bottom:64px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;text-shadow:0 2px 5px #000}.hud-bottom #level-name{font-family:Georgia,serif;font-size:24px;color:#ffe0a1}#objective{font-size:12px;color:#d5dfce;margin-top:8px}#render-info{font-size:10px;color:#c3d2c5}.controls-hint{position:absolute;bottom:20px;text-align:center;width:100%;font-size:10px;color:#ebeee5aa;text-shadow:0 2px 3px #000}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;color:#fff8}#toast{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);padding:10px 20px;border-radius:7px;background:#192c29dd;color:#f6db9b;font-size:14px;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}@media(min-height:950px){.menu-main{padding-top:65px;padding-bottom:55px}.cover{width:350px}.cover img{max-height:390px}.level-card img{height:125px}.logo{width:380px;max-height:165px}h1{font-size:42px}}@media(max-width:950px){header{padding:0 25px}.menu-main{padding:30px 40px;gap:30px}.cover{width:230px}.hero h1{font-size:30px}.chapters{padding:15px 25px}.level-card img{height:80px}.card-info b{font-size:10px}.card-info{padding:10px!important}footer{padding:15px 25px}.edition{display:none}}@media(max-width:660px){header{height:60px}.brand-sub{display:none}.menu-main{padding:24px}.cover{display:none}.hero p br{display:none}.chapters{padding:15px 24px}#level-list{grid-template-columns:repeat(2,1fr)}.section-top>span{display:none}.level-card img{height:100px}footer{gap:10px;flex-wrap:wrap}.overlay{padding:12px;align-items:flex-start}.panel{padding:22px;margin:auto}.hud-stats{gap:10px}.controls-hint{display:none}.setting{gap:6px}.setting select{max-width:52%}.logo{width:270px}}

.cinema-bar{position:fixed;left:0;right:0;height:9vh;background:#060407;z-index:5;pointer-events:none;transform:scaleY(0);transition:transform .4s ease}#cinema-top{top:0;transform-origin:top}#cinema-bottom{bottom:0;transform-origin:bottom}.in-cutscene .cinema-bar{transform:scaleY(1)}.in-cutscene .hud-top,.in-cutscene .hud-bottom,.in-cutscene .controls-hint,.in-cutscene .crosshair{visibility:hidden}
#subtitle{position:fixed;z-index:6;bottom:11vh;left:50%;transform:translateX(-50%);width:min(900px,82vw);padding:16px 24px;border-radius:12px;background:rgba(10,7,19,.88);color:#fff;font-size:clamp(18px,1.5vw,25px);line-height:1.5;text-align:center;text-shadow:0 2px 4px #000;pointer-events:none}
#script-flash{position:fixed;inset:0;z-index:7;background:#fff;opacity:0;pointer-events:none}#script-flash.flash{animation:mirror-flash .6s ease-out}@keyframes mirror-flash{0%{opacity:.8}100%{opacity:0}}

.in-cutscene #toast{visibility:hidden}

.cheats-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:18px}.cheats-panel .primary{width:100%;min-width:0;gap:12px;line-height:1.5;margin:20px 0}.cheats-panel .setting small{line-height:1.6;max-width:420px}.cheat-status{min-height:24px;color:#e9c88f;font-size:13px}.cheats-panel button:disabled{cursor:default;opacity:.45}.settings-panel,.cheats-panel{max-height:calc(100dvh - 44px);overflow:auto}

/* Original masked sprite HUD, anchored to the rendered viewport. */
#original-hud {position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.accessible-hud {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.in-cutscene #original-hud {visibility:hidden}
#cutscene-skip {position:fixed;right:24px;bottom:20px;z-index:35;display:flex;align-items:center;gap:12px;color:white;font:18px system-ui,sans-serif;text-shadow:0 1px 5px #000;pointer-events:none}
#cutscene-skip[hidden] {display:none}
.skip-circle {position:relative;width:44px;height:44px;display:grid;place-items:center}
.skip-circle svg {position:absolute;inset:0;transform:rotate(-90deg);fill:none;stroke-width:3}
.skip-track {stroke:#ffffff40}
#skip-progress {stroke:#fff;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.skip-circle b {font-size:16px}

.level-card:disabled{cursor:default}.level-card:disabled:active{transform:none}.level-card.locked .card-info{color:#aab4b0}.setting select{flex-shrink:0}
.new-adventure-warning{color:inherit;max-width:min(560px,calc(100vw - 44px));max-height:calc(100dvh - 44px);overflow:auto}.new-adventure-warning::backdrop{background:#070e14cc;backdrop-filter:blur(12px)}.new-adventure-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}.new-adventure-actions .primary{min-width:0;justify-content:center}