*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#0a0f0a;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;color:#4a3519}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.ui-parchment-card{position:relative;background:linear-gradient(180deg,#f3ecc8,#e4d8a5);border:5px solid #d1c089;border-radius:26px;padding:44px 32px 28px;box-shadow:0 10px #a89259,0 18px 38px #00000085,inset 0 3px #ffffffc7;text-align:center;color:#5c431c;pointer-events:auto}.ui-ribbon-banner{position:absolute;top:-24px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#ff5e78,#e93b58 55%,#d62846);border:3px solid #b51b36;border-radius:16px;padding:8px 34px 10px;box-shadow:0 5px #98132b,0 8px 16px #00000059,inset 0 2px #ffffff73;white-space:nowrap}.ui-ribbon-banner:before,.ui-ribbon-banner:after{content:"";position:absolute;top:10px;width:18px;height:26px;background:#ba1d38;border:2px solid #8f1127;z-index:-1;border-radius:4px}.ui-ribbon-banner:before{left:-12px;transform:rotate(-12deg)}.ui-ribbon-banner:after{right:-12px;transform:rotate(12deg)}.ui-ribbon-banner span{font-family:Arial Rounded MT Bold,Trebuchet MS,Impact,sans-serif;font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:900;letter-spacing:1.5px;color:#fff;text-shadow:0 3px 0 #98132b,0 0 8px rgba(152,19,43,.5)}.ui-pill-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:12px 30px;border-radius:999px;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:1.12rem;font-weight:900;letter-spacing:.6px;color:#fff;transition:transform .1s ease,filter .12s ease;pointer-events:auto}.ui-pill-btn:before{content:"";position:absolute;top:3px;left:14px;right:14px;height:36%;border-radius:999px;background:linear-gradient(180deg,#ffffff94,#ffffff0d);pointer-events:none}.ui-pill-btn.btn-gold{background:linear-gradient(180deg,#ffdf3b,#ffb300);border:3px solid #d48300;box-shadow:0 6px #b26a00,0 10px 20px #00000059;text-shadow:0 2px 0 #a66000}.ui-pill-btn.btn-cyan{background:linear-gradient(180deg,#4dd0e1,#00acc1);border:3px solid #007c91;box-shadow:0 6px #005b6b,0 10px 20px #00000059;text-shadow:0 2px 0 #005b6b}.ui-pill-btn.btn-green{background:linear-gradient(180deg,#aed581,#7cb342);border:3px solid #558b2f;box-shadow:0 6px #33691e,0 10px 20px #00000059;text-shadow:0 2px 0 #33691e}.ui-pill-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.ui-pill-btn:active{transform:translateY(3px)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(circle at 50% 42%,#19261273,#080e08c7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:auto;transition:opacity .45s ease}.loading-screen.hidden{opacity:0;pointer-events:none;display:none!important}.title-card{width:min(460px,92vw)}.title-sub-badge{display:inline-block;background:#d8c890;color:#6b4e20;font-size:.76rem;font-weight:900;letter-spacing:1.4px;padding:4px 14px;border-radius:999px;margin-bottom:12px}.title-desc{font-size:.96rem;line-height:1.45;color:#5c431c;font-weight:700;margin-bottom:16px}.progress-box{width:100%;margin-bottom:16px}.progress-bar-outer{width:100%;height:20px;background:#cbb97e;border:3px solid #9e884c;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #00000040}.progress-bar-inner{height:100%;width:0%;background:linear-gradient(180deg,#9ccc65,#689f38);border-radius:999px;transition:width .15s ease}.progress-label{margin-top:7px;font-size:.85rem;color:#6b4e20;font-weight:800}.start-gate-btn{display:none;min-width:190px;font-size:1.25rem}.start-gate-btn.ready{display:inline-flex}.letterbox-bar{position:fixed;left:0;right:0;height:7.5vh;background:#080a08e0;z-index:30;transition:transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}.letterbox-top{top:0;transform:translateY(-100%)}.letterbox-bottom{bottom:0;transform:translateY(100%)}.letterbox-active .letterbox-top,.letterbox-active .letterbox-bottom{transform:translateY(0)}#hud-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;transition:opacity .3s ease}#hud-root.cutscene-hidden{opacity:0;pointer-events:none!important}.hud-top-bar{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.hero-hud-cluster{display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:auto}.hero-badge-row{display:flex;align-items:center}.hero-portrait-frame{position:relative;z-index:2;width:66px;height:66px;border-radius:50%;background:linear-gradient(180deg,#ffdf6b,#c68419);border:4px solid #59330e;box-shadow:0 5px 12px #00000080,inset 0 2px 2px #ffffffb3;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-plaque{margin-left:-14px;padding:7px 18px 8px 24px;min-width:195px;background:linear-gradient(180deg,#6d411c,#4a2a0f);border:3px solid #d89b32;border-radius:0 18px 18px 0;box-shadow:0 5px 14px #00000073,inset 0 2px #ffe08259}.hero-name{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:1.08rem;font-weight:900;color:#fff6d6;text-shadow:0 2px 0 #2b1605;margin-bottom:4px}.hero-sanity-track{position:relative;width:155px;height:15px;background:#2b1708;border:2px solid #966223;border-radius:999px;overflow:hidden}.hero-sanity-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff9800,#ffd54f);border-radius:999px;transition:width .4s cubic-bezier(.22,1,.36,1)}.hero-sanity-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:900;color:#fff;text-shadow:0 1px 2px #000000;white-space:nowrap;padding:0 6px}.quest-scroll-banner{background:linear-gradient(180deg,#f5ecd0,#e2d19c);border:3px solid #8c5823;border-radius:14px;padding:7px 14px;max-width:280px;box-shadow:0 4px #59330e,0 8px 16px #00000059}.quest-scroll-title{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:#9e4710;margin-bottom:2px}.quest-scroll-text{font-size:.84rem;font-weight:800;color:#4a2e10;line-height:1.25}.goat-combat-banner{display:none;background:linear-gradient(180deg,#ffca28,#f57c00);border:3px solid #6d3105;border-radius:14px;padding:6px 14px;box-shadow:0 4px #4a2003,0 6px 14px #0006}.goat-combat-banner.active{display:block}.combo-counter{font-size:.95rem;font-weight:900;color:#fff;text-shadow:0 2px 0 #6d3105}.hud-icon-tray{display:flex;align-items:center;gap:10px;pointer-events:auto}.wood-icon-btn{cursor:pointer;width:56px;height:58px;border-radius:14px;background:linear-gradient(180deg,#8b5626,#5c3614);border:3px solid #e0a63b;box-shadow:0 4px #3d2109,0 7px 14px #0000006b,inset 0 2px #ffe8a673;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff6d6;transition:transform .1s ease,filter .12s ease}.wood-icon-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.wood-icon-btn:active{transform:translateY(2px)}.wood-icon-glyph{font-size:1.3rem;line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.5))}.wood-icon-label{font-size:.65rem;font-weight:900;letter-spacing:.3px;color:#ffecb3;text-shadow:0 1px 2px #1f1004}.comic-popup{position:fixed;z-index:45;font-family:Arial Rounded MT Bold,Impact,sans-serif;font-size:2.1rem;font-weight:900;color:#fe0;-webkit-text-stroke:2px #b71c1c;text-shadow:3px 3px 0 #3e1104;pointer-events:none;animation:comicPop .95s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes comicPop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-12deg);opacity:1}45%{transform:translate(-50%,-95%) scale(1.25) rotate(8deg);opacity:1}to{transform:translate(-50%,-140%) scale(.95) rotate(0);opacity:0}}#subtitles-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.skip-cutscene-floating{position:fixed;bottom:9.5vh;right:24px;display:none;padding:10px 24px;font-size:.98rem}.subtitle-choices{position:fixed;bottom:11vh;left:50%;transform:translate(-50%);display:flex;gap:12px;flex-wrap:wrap;justify-content:center;pointer-events:auto}#pause-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0c100aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;pointer-events:auto}#pause-modal.open{display:flex}.pause-card{width:min(410px,90vw)}.bus-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.bus-row{display:flex;align-items:center;justify-content:space-between;font-size:.96rem;font-weight:900;color:#5c431c;background:#d1c08973;padding:8px 14px;border-radius:12px}.bus-row input[type=range]{width:170px;accent-color:#f59e0b;cursor:pointer}.pause-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}#credits-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:none;align-items:center;justify-content:center;pointer-events:none}#credits-overlay.visible{display:flex}.credits-card{width:min(450px,92vw)}#sunset-painted-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;opacity:0;pointer-events:none;transition:opacity .85s ease;background:#080d11}#sunset-painted-card.visible{opacity:1}.sunset-card-svg{width:100%;height:100%;display:block}#sunset-painted-card.visible .sunset-walkers{animation:sunsetWalkDrift 16s linear forwards}@keyframes sunsetWalkDrift{0%{transform:translate(-45px) translateY(4px)}to{transform:translate(65px) translateY(-4px)}}#goat-prompt{position:fixed;left:50%;bottom:calc(14vh + 18px);transform:translate(-50%,20px) scale(.92);z-index:60;pointer-events:none;opacity:0;padding:14px 26px;border:3px solid #f6d27a;border-radius:999px;background:linear-gradient(180deg,#3f9b3a,#23661f);color:#fffbe9;font:800 20px/1 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 6px #164112,0 10px 24px #00000059;cursor:pointer;transition:opacity .35s ease,transform .35s ease}#goat-prompt.visible{pointer-events:auto;opacity:1;transform:translate(-50%) scale(1);animation:goatPromptPulse 1.6s ease-in-out infinite}#goat-prompt kbd{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:#ffffff38;font:800 16px/1.2 system-ui,sans-serif}@keyframes goatPromptPulse{0%,to{box-shadow:0 6px #164112,0 10px 24px #00000059}50%{box-shadow:0 6px #164112,0 0 0 8px #f6d27a59,0 10px 24px #00000059}}