@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&display=swap";:root{color-scheme:dark;font-family:Silkscreen,Courier New,monospace;--ink: #f5f0dc;--night: #080711;--purple: #17142c;--lavender: #a59ad8;--gold: #ffd86a;--orange: #ff9c3c;--red: #ff3158;--green: #8dcc8a;--panel: rgba(8, 7, 17, .92)}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--night);color:var(--ink);image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}#viewport{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#25203c,#090812 70%)}#viewport canvas{width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:crisp-edges}.scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.18;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 4px);mix-blend-mode:multiply}.hidden{display:none!important}.screen{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#110d269e,#06050de6),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.025) 31px 32px)}#title-screen:before{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(135deg,transparent 0 34%,#211b3b 35% 65%,transparent 66%) 0 0 / 180px 100% repeat-x,#0b0a17;filter:drop-shadow(0 -10px 0 #0f0d21)}.title-card,.ending-card{position:relative;z-index:2;width:min(92vw,720px);text-align:center;animation:title-in .8s steps(8,end) both}.eyebrow{display:block;margin-bottom:18px;color:var(--lavender);font-size:clamp(10px,1.5vw,14px);letter-spacing:.16em}h1{position:relative;margin:0;color:var(--ink);font-family:"Press Start 2P",monospace;font-size:clamp(46px,12vw,108px);line-height:1;letter-spacing:-.08em;text-shadow:0 8px 0 #3a315f,0 14px 0 #080711}h1 .heart{display:inline-block;margin-left:.13em;color:var(--red);font-size:.46em;text-shadow:0 4px 0 #831d3d;animation:heartbeat 1.6s steps(2,end) infinite}.subtitle{margin:26px 0 36px;color:#d5d0e7;font-size:clamp(14px,2.5vw,21px)}.pixel-button{border:4px solid var(--ink);outline:4px solid #090811;background:#12101e;color:var(--ink);box-shadow:inset 0 -6px #080711,8px 8px #0006;cursor:pointer;letter-spacing:.06em;transition:color .1s,border-color .1s,transform .1s}.pixel-button:hover,.pixel-button:focus-visible{border-color:var(--gold);color:var(--gold);outline:0;transform:translateY(-2px)}.pixel-button:active{transform:translate(3px,3px);box-shadow:inset 0 -4px #080711,3px 3px #00000080}.pixel-button--wide{min-width:min(76vw,280px);min-height:62px;padding:14px 24px;font-family:"Press Start 2P",monospace;font-size:13px}.controls-hint{margin-top:22px;color:#77718f;font-size:11px;letter-spacing:.08em}.version{position:absolute;right:24px;bottom:18px;z-index:3;color:#6e6786;font-size:10px}.title-cloud{position:absolute;width:72px;height:24px;background:#292342;box-shadow:24px -18px #292342,54px 0 #292342,84px -10px #292342;opacity:.6;animation:cloud 16s linear infinite}.title-cloud--one{top:19%;left:-130px}.title-cloud--two{top:32%;left:-240px;animation-duration:25s;animation-delay:-8s;transform:scale(.7)}#game-hud{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.brand{font-family:"Press Start 2P",monospace;font-size:13px;text-shadow:3px 3px #090811}.room-label{text-align:center;text-shadow:2px 2px #090811;animation:fade-up .5s steps(5,end) both}.room-label__kicker{display:block;color:var(--gold);font-size:9px;letter-spacing:.18em}.room-label strong{display:block;margin-top:5px;font-size:14px;font-weight:400}.icon-button{justify-self:end;width:40px;height:40px;border:2px solid rgba(245,240,220,.35);background:#08071199;color:var(--ink);pointer-events:auto;cursor:pointer}.icon-button.is-muted{color:#716b81}.quest-card{position:absolute;z-index:5;top:88px;left:max(18px,env(safe-area-inset-left));width:min(250px,calc(100vw - 36px));border-left:3px solid var(--gold);padding:4px 12px;text-shadow:2px 2px #090811}.quest-card__label{color:var(--gold);font-size:9px;letter-spacing:.14em}.quest-card p{margin:6px 0 0;font-size:13px}.interaction-hint{position:absolute;z-index:8;left:50%;bottom:132px;display:flex;align-items:center;gap:10px;transform:translate(-50%);padding:8px 12px 8px 8px;border:2px solid rgba(245,240,220,.32);background:#080711d1;box-shadow:4px 4px #0006}.interaction-hint span{display:grid;width:30px;height:30px;place-items:center;border:2px solid var(--ink);color:var(--gold);font-family:"Press Start 2P",monospace;font-size:10px}.interaction-hint p{margin:0;font-size:12px}.dialogue{position:absolute;z-index:15;left:50%;bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:86px 1fr;width:min(850px,calc(100vw - 32px));min-height:152px;transform:translate(-50%);border:4px solid var(--ink);outline:4px solid #090811;background:var(--panel);box-shadow:10px 10px #0000007a;animation:dialogue-in .16s steps(3,end)}.portrait{display:grid;place-items:center;border-right:2px solid #57506e;background:#111020}.portrait__face{display:grid;width:54px;height:62px;place-items:center;border:4px solid #d3cceb;border-radius:48% 48% 38% 38%;color:var(--gold);font-size:24px;box-shadow:inset 0 -10px #37304e}.dialogue__content{position:relative;padding:18px 54px 18px 22px}.speaker{color:var(--gold);font-size:10px;letter-spacing:.14em}#dialogue-text{margin:10px 0 0;font-size:clamp(14px,2vw,18px);line-height:1.5}.dialogue__next{position:absolute;right:16px;bottom:14px;border:0;background:none;color:var(--gold);cursor:pointer;animation:bob .7s steps(2,end) infinite}.mobile-controls{position:absolute;z-index:21;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.joystick{position:relative;width:112px;height:112px;border:3px solid rgba(245,240,220,.22);border-radius:50%;background:#08071161;pointer-events:auto}.joystick:before,.joystick:after{content:"";position:absolute;background:#f5f0dc1a}.joystick:before{top:12px;bottom:12px;left:calc(50% - 1px);width:2px}.joystick:after{top:calc(50% - 1px);right:12px;left:12px;height:2px}.joystick__knob{position:absolute;z-index:2;top:50%;left:50%;width:46px;height:46px;transform:translate(-50%,-50%);border:3px solid rgba(245,240,220,.55);border-radius:50%;background:#352d52d6;box-shadow:inset 0 -6px #00000038}.action-button{display:grid;width:88px;height:88px;place-items:center;border:3px solid rgba(255,216,106,.7);border-radius:50%;background:#080711a8;color:var(--gold);box-shadow:inset 0 -8px #0000004d;pointer-events:auto}.action-button:active{transform:scale(.92)}.action-button span{color:var(--red);font-size:25px;line-height:1}.action-button b{margin-top:-14px;font-size:9px}.battle{position:absolute;inset:0;z-index:18;display:grid;grid-template-rows:42% 58%;background:radial-gradient(circle at 50% 28%,#2d2643f2,#05050afa 48%),#05050a}.battle-stage{position:relative;display:grid;place-items:end center;overflow:hidden;padding-bottom:26px}.battle-stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.018) 39px 40px)}.enemy{position:relative;z-index:2;width:92px;height:130px;transform-origin:50% 100%;animation:enemy-idle 2.4s steps(4,end) infinite}.enemy__head{position:absolute;z-index:2;top:16px;left:16px;width:60px;height:61px;border:6px solid #272235;border-radius:44% 44% 38% 38%;background:#b8c69a;box-shadow:inset 0 -11px #7f936b,7px 7px #00000040}.enemy__eye{position:absolute;top:25px;width:7px;height:11px;background:#17131f}.enemy__eye--left{left:10px}.enemy__eye--right{right:10px}.enemy__antler{position:absolute;z-index:1;top:2px;width:34px;height:28px;border-top:6px solid #7e6a51}.enemy__antler--left{left:3px;border-left:6px solid #7e6a51;transform:rotate(18deg)}.enemy__antler--right{right:3px;border-right:6px solid #7e6a51;transform:rotate(-18deg)}.enemy__body{position:absolute;bottom:0;left:7px;width:78px;height:70px;border:6px solid #272235;border-radius:42% 42% 12px 12px;background:#657a58;box-shadow:inset 0 -13px #41513f}.enemy__body span{position:absolute;width:8px;height:8px;background:#9fbb79}.enemy__body span:nth-child(1){top:16px;left:13px}.enemy__body span:nth-child(2){top:34px;right:16px}.enemy__body span:nth-child(3){top:9px;right:8px}.enemy-shadow{position:absolute;bottom:18px;width:142px;height:24px;border-radius:50%;background:#00000080}.enemy-bubble{position:absolute;z-index:4;top:18px;left:calc(50% + 58px);width:min(260px,35vw);border:3px solid #272235;background:var(--ink);color:#15121e;padding:12px 14px;font-size:12px;line-height:1.35}.enemy-bubble:after{content:"";position:absolute;bottom:-15px;left:12px;border-width:14px 14px 0 0;border-style:solid;border-color:var(--ink) transparent transparent transparent}.battle-panel{width:min(900px,calc(100vw - 24px));margin:0 auto}.battle-status{display:flex;height:40px;align-items:center;gap:10px;font-family:"Press Start 2P",monospace;font-size:clamp(9px,1.7vw,13px)}.battle-status>span:first-child{margin-right:auto}.hp-label{color:var(--gold);font-size:9px}.hp-bar{width:clamp(64px,12vw,120px);height:15px;background:#8c1738}.hp-bar i{display:block;width:100%;height:100%;background:var(--gold);transition:width .18s steps(4,end)}.battle-box{position:relative;width:100%;height:clamp(146px,23vh,210px);overflow:hidden;border:4px solid var(--ink);background:#030308bf}#battle-copy{height:100%;padding:clamp(18px,4vw,34px)}#battle-copy p{margin:0 0 20px;font-size:clamp(13px,2vw,18px);line-height:1.45}#battle-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px}#battle-options button{border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}#battle-options button:before{content:"♥";margin-right:10px;color:var(--red);opacity:0}#battle-options button:hover:before,#battle-options button:focus-visible:before{opacity:1}.battle-heart{position:absolute;z-index:4;display:none;color:var(--red);font-family:Arial,sans-serif;font-size:24px;line-height:1;filter:drop-shadow(2px 2px 0 #591023)}#bullet-layer{position:absolute;inset:0}.bullet{position:absolute;z-index:3;width:12px;height:12px;background:var(--ink);box-shadow:0 0 0 2px #6e6683}.battle-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(5px,1.5vw,16px);margin-top:15px}.battle-actions button{min-height:48px;border:3px solid #b77b30;background:transparent;color:var(--orange);font-family:"Press Start 2P",monospace;font-size:clamp(7px,1.4vw,11px);cursor:pointer}.battle-actions button:hover,.battle-actions button:focus-visible{border-color:var(--gold);color:var(--gold)}.battle-actions button span{margin-right:min(1vw,9px)}.battle-actions.is-locked{pointer-events:none;opacity:.35}.battle-box.is-dodging #battle-copy{display:none}.battle-box.is-dodging .battle-heart{display:block}.enemy.is-kind .enemy__eye{top:29px;width:11px;height:5px}.enemy.is-hurt{animation:enemy-hurt .26s steps(2,end) 2}#ending{background:radial-gradient(circle at 50% 42%,#354640cc,#07070ff5 55%),#080711}.ending-card{max-width:620px}.ending-icon{display:block;margin-bottom:18px;color:var(--gold);font-size:50px;animation:heartbeat 1.6s steps(2,end) infinite}.ending-card h2{margin:0 0 20px;font-family:"Press Start 2P",monospace;font-size:clamp(20px,5vw,38px);line-height:1.4}.ending-card>p{max-width:520px;margin:0 auto 28px;color:#c3bed4;font-size:16px;line-height:1.5}.ending-stats{display:flex;max-width:420px;margin:0 auto 30px;justify-content:space-around;border-top:2px solid #4c465d;border-bottom:2px solid #4c465d;padding:15px 0;color:#89839c;font-size:10px}.ending-stats b{display:block;margin-bottom:5px;color:var(--gold);font-size:16px}.text-button{display:block;margin:22px auto 0;border:0;background:none;color:#77718f;cursor:pointer;font-size:11px;text-decoration:underline}.toast{position:absolute;z-index:30;top:max(76px,env(safe-area-inset-top));left:50%;transform:translate(-50%);border:2px solid var(--gold);background:#080711eb;padding:10px 16px;color:var(--gold);font-size:12px;white-space:nowrap;animation:fade-up .2s steps(3,end)}@keyframes heartbeat{0%,84%,to{transform:scale(1)}88%{transform:scale(1.18)}94%{transform:scale(.94)}}@keyframes bob{0%,50%{transform:translateY(0)}51%,to{transform:translateY(4px)}}@keyframes cloud{to{left:calc(100% + 140px)}}@keyframes title-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogue-in{0%{opacity:0;transform:translate(-50%,12px) scaleY(.8)}to{opacity:1;transform:translate(-50%) scaleY(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes enemy-idle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes enemy-hurt{0%,to{transform:translate(0);filter:brightness(1)}50%{transform:translate(12px);filter:brightness(2)}}@media(hover:hover)and (pointer:fine){.mobile-controls{display:none!important}}@media(max-width:640px){.brand{display:none}#game-hud{grid-template-columns:1fr auto}.room-label{text-align:left}.quest-card{top:74px}.interaction-hint{bottom:148px}.dialogue{bottom:max(16px,env(safe-area-inset-bottom));grid-template-columns:58px 1fr;min-height:126px}.portrait__face{width:38px;height:46px;border-width:3px;font-size:16px}.dialogue__content{padding:14px 36px 12px 14px}#dialogue-text{font-size:13px}.battle{grid-template-rows:38% 62%}.battle-stage{padding-bottom:14px}.enemy{transform:scale(.83);transform-origin:50% 100%}.enemy-bubble{top:10px;left:calc(50% + 40px);width:42vw;padding:8px;font-size:10px}.battle-panel{width:calc(100vw - 16px)}.battle-status{gap:6px}.battle-status>span:first-child{font-size:8px}.battle-box{height:min(24vh,170px)}#battle-copy{padding:15px}#battle-copy p{font-size:12px;margin-bottom:12px}#battle-options{gap:9px 5px;font-size:11px}.battle-actions{gap:4px;margin-top:8px}.battle-actions button{min-height:45px;border-width:2px;font-size:6px}.battle-actions button span{display:block;margin:0 0 4px;font-size:13px}.ending-card{padding:20px}}@media(max-height:560px)and (orientation:landscape){#game-hud{top:10px}.quest-card{top:54px}.mobile-controls{bottom:12px}.joystick{width:92px;height:92px}.action-button{width:72px;height:72px}.battle{grid-template-columns:37% 63%;grid-template-rows:100%}.battle-panel{align-self:center;width:calc(100% - 20px)}.battle-box{height:145px}.enemy{transform:scale(.76)}.dialogue{width:calc(100vw - 220px);min-height:112px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important}}