@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rubik:wght@500;700;900&display=swap";:root{font-family:Rubik,system-ui,sans-serif;color:#fff;background:#07110b;--gold:#f6d46b;--leaf:#5f9b4b;--deep:#14291c}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07110b;touch-action:none}button{font:inherit;color:inherit}#game{position:relative;isolation:isolate;background:#172f21}#game-canvas{position:absolute;width:100%;height:100%;inset:0;display:block;image-rendering:pixelated}#scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,#07100855 4px);mix-blend-mode:multiply}.hidden{display:none!important}.panel-screen{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 45%,#284f31dd 0,#102319f2 48%,#07110b)}.panel-screen:before{content:"";position:absolute;inset:18px;border:2px solid #d5b85b55;box-shadow:inset 0 0 0 5px #07110b55;pointer-events:none}.eyebrow{font:10px "Press Start 2P";color:#e6d79e;letter-spacing:2px;text-transform:uppercase;margin:20px 0}.panel-screen h1{font:900 clamp(48px,10vw,104px)/.78 Rubik;margin:0;letter-spacing:-5px;color:#f0ead0;text-shadow:0 5px 0 #1a271b,0 8px 20px #000}.panel-screen h1 span{font-size:.7em;color:#f3cd58;letter-spacing:4px}.subtitle{color:#d4dec6;margin:28px 0 22px}.big-button{position:relative;padding:16px 25px;border:2px solid #f8dc80;background:#7f3525;box-shadow:0 5px #3f1b18,0 0 0 5px #152418;cursor:pointer;font:12px "Press Start 2P";animation:pulse 1.4s steps(2) infinite}.big-button:hover,.big-button:focus-visible{background:#a4492d;transform:translateY(1px)}.controls-hint{font:8px "Press Start 2P";color:#91ad8c;margin-top:26px;line-height:1.8}.title-mark{display:flex;align-items:center;gap:6px}.title-mark i{display:block;width:42px;height:3px;background:#d9b94f}.title-mark b{width:16px;height:16px;display:block;background:#d9b94f;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #17301f}#hud{position:absolute;z-index:8;left:0;right:0;top:0;display:flex;align-items:center;gap:22px;padding:18px 22px;background:linear-gradient(#071109c9,transparent);pointer-events:none}.brand{font:8px "Press Start 2P";line-height:1.1;text-shadow:2px 2px #000}.brand span{display:block;color:#fff5c7}.brand strong{display:block;font-size:13px;color:var(--gold)}#objective{margin:auto;padding:9px 14px;background:#0a140bbb;border:1px solid #d6c17266;border-radius:3px;font:8px "Press Start 2P";color:#f4e7ae;text-shadow:1px 2px #000}#sound-toggle{pointer-events:auto;border:1px solid #e6d48377;border-radius:50%;background:#102014cc;width:38px;height:38px;cursor:pointer;color:#f5dc7b}.dialogue{position:absolute;z-index:15;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(760px,calc(100% - 34px));min-height:132px;padding:19px 38px 18px 138px;background:linear-gradient(135deg,#07140def,#10281cef);border:3px solid #eadc9b;box-shadow:0 0 0 5px #253321,0 10px 35px #000b;color:#fff}.portrait{position:absolute;left:16px;top:-18px;width:98px;height:120px;border:3px solid #e4cf80;background:#466f3d;box-shadow:0 0 0 4px #182419;image-rendering:pixelated}.portrait:after{content:"";position:absolute;width:40px;height:46px;left:27px;top:29px;border-radius:46% 46% 42% 42%;background:#e7bb82;box-shadow:-17px -18px 0 2px #6b462c,20px 2px 0 -13px #e7bb82}.portrait:before{content:"";position:absolute;z-index:1;width:7px;height:7px;left:44px;top:47px;background:#2e4c33;box-shadow:18px 0 #2e4c33}#speaker{font:10px "Press Start 2P";color:#f5d66c;margin-bottom:12px;text-transform:uppercase}#dialogue-text{font-size:18px;line-height:1.42;margin:0;min-height:50px}.choices{display:flex;gap:10px;margin-top:10px}.choices button{padding:9px 20px;border:2px solid #d8c57b;background:#5c2e20;cursor:pointer;font:10px "Press Start 2P"}.choices button:first-child{background:#2e6238}.choices button:hover,.choices button:focus{outline:2px solid #fff;outline-offset:2px}#continue-mark{position:absolute;right:16px;bottom:12px;color:#f5d66c;font-size:11px;animation:bob .7s steps(2) infinite}.interact{position:absolute;z-index:9;left:50%;bottom:23%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0a130de6;border:1px solid #eedb8b;border-radius:20px;font:8px "Press Start 2P";text-shadow:1px 1px #000}.interact kbd{display:grid;place-items:center;width:24px;height:24px;background:#eee;color:#182018;border-radius:50%;box-shadow:0 2px #888;font:10px "Press Start 2P"}.toast{position:absolute;z-index:12;left:50%;top:18%;transform:translate(-50%);padding:12px 17px;background:#0c180ee8;border:2px solid #ceb966;font:9px "Press Start 2P";white-space:nowrap;animation:toast 2.7s both}#mobile-controls{display:none;position:absolute;z-index:11;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom));height:150px;pointer-events:none}.dpad{position:absolute;left:22px;bottom:0;width:150px;height:150px}.dpad button,#action-button{position:absolute;border:1px solid #fff6;background:#122019a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;user-select:none;-webkit-user-select:none}.dpad button{width:50px;height:50px}.dpad [data-dir=up]{left:50px}.dpad [data-dir=left]{top:50px}.dpad [data-dir=right]{top:50px;left:100px}.dpad [data-dir=down]{top:100px;left:50px}#action-button{right:28px;bottom:30px;width:72px;height:72px;border-radius:50%;background:#853a2bbd;border:3px solid #edc76c;font:20px "Press Start 2P";box-shadow:0 4px #421b16}#glitch{display:none;position:absolute;z-index:30;inset:0;background:#020503}.glitch-word{position:absolute;inset:0;display:grid;place-items:center;font:clamp(16px,5vw,42px) "Press Start 2P";color:#fff;text-shadow:8px 0 #e51d47,-8px 0 #1ce0c5;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff3 6px);animation:glitch .12s steps(2) infinite}#glitch.active{display:block;animation:glitchbg 1.55s steps(1) both}#loading{position:absolute;z-index:32;left:50%;bottom:18%;transform:translate(-50%);font:8px "Press Start 2P";color:#fff;white-space:nowrap}@keyframes pulse{50%{filter:brightness(1.25)}}@keyframes bob{50%{transform:translateY(4px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes glitch{0%{transform:translate(3px,-2px);clip-path:inset(0 0 68%)}33%{transform:translate(-7px,4px);clip-path:inset(30% 0 30%)}66%{transform:translate(5px,1px);clip-path:inset(74% 0 0)}}@keyframes glitchbg{0%{background:#020503}12%{background:#e1e4cf}18%{background:#7d1440}27%{background:#020503}35%{background:#184e42}44%,69%{background:#020503}72%{background:#fff}78%,to{background:#020503}}@media(pointer:coarse),(max-width:700px){#mobile-controls{display:block}.controls-hint{display:none}#hud{padding:12px}.brand{display:none}#objective{margin-left:0;font-size:7px;max-width:75%;line-height:1.4}.dialogue{bottom:max(190px,calc(env(safe-area-inset-bottom) + 165px));padding:17px 17px 16px 88px;min-height:112px}.portrait{width:58px;height:72px;left:12px;top:15px}.portrait:after{transform:scale(.6);transform-origin:top left}.portrait:before{transform:scale(.6);transform-origin:top left}#dialogue-text{font-size:15px}.interact{bottom:190px}.panel-screen h1{font-size:58px}.panel-screen:before{inset:10px}}@media(max-height:570px)and (pointer:coarse){.dialogue{bottom:10px;left:190px;transform:none;width:calc(100% - 300px)}#mobile-controls{bottom:10px}.interact{bottom:20px}.panel-screen .subtitle{margin:12px}.title-mark,.eyebrow{display:none}}#game{background:#050b12}#game:before{content:"";position:absolute;inset:0;z-index:-1;background:#06100b}#scanlines{display:none}.panel-screen{padding:18px;background:linear-gradient(180deg,#05080d 0 13%,#0a1b20 13% 31%,#12352e 31% 39%,#092019 39% 100%);overflow:hidden}.panel-screen:before{inset:12px;border:4px double #ba8c36;box-shadow:inset 0 0 0 3px #171007,inset 0 0 0 6px #543818;background:linear-gradient(135deg,transparent 0 48%,#234737 49% 55%,transparent 56%) 0 100%/96px 74px repeat-x,linear-gradient(45deg,transparent 0 48%,#173b2e 49% 57%,transparent 58%) 32px 100%/112px 88px repeat-x;opacity:.82}.panel-screen:after{content:"";position:absolute;z-index:-0;left:0;right:0;bottom:0;height:32%;background:linear-gradient(90deg,transparent 0 7%,#07140f 7% 13%,transparent 13% 23%,#07140f 23% 34%,transparent 34% 48%,#07140f 48% 55%,transparent 55% 71%,#07140f 71% 79%,transparent 79% 89%,#07140f 89%) bottom/100% 56% no-repeat,repeating-linear-gradient(90deg,#0b241a 0 16px,#102e21 16px 32px);clip-path:polygon(0 48%,6% 48%,6% 28%,10% 28%,10% 45%,16% 45%,16% 19%,22% 19%,22% 50%,29% 50%,29% 35%,35% 35%,35% 15%,42% 15%,42% 50%,50% 50%,50% 25%,57% 25%,57% 47%,64% 47%,64% 10%,71% 10%,71% 43%,78% 43%,78% 30%,84% 30%,84% 50%,92% 50%,92% 18%,97% 18%,97% 48%,100% 48%,100% 100%,0 100%)}.panel-screen>*{position:relative;z-index:2}.title-emblem{width:128px;height:50px;margin:-2px 0 7px;position:relative;filter:drop-shadow(4px 5px 0 #020403)}.pixel-sword{position:absolute;left:59px;top:-14px;width:10px;height:75px;background:#dbe2ce;border:3px solid #202a28;transform:rotate(45deg);box-shadow:inset 3px 0 #8ca49a}.pixel-sword:before{content:"";position:absolute;width:34px;height:8px;left:-15px;bottom:9px;background:#d3a744;border:3px solid #302416}.pixel-sword:after{content:"";position:absolute;width:6px;height:16px;left:-1px;bottom:-10px;background:#80452e;border:2px solid #2b211c}.forest-gem{position:absolute;width:26px;height:26px;top:15px;background:#68b647;border:4px solid #f0cb5a;transform:rotate(45deg);box-shadow:inset 5px 5px #36763b}.gem-one{left:25px}.gem-two{left:51px;top:0}.gem-three{left:77px}.eyebrow{font:8px/1 "Press Start 2P",monospace;color:#e7cf7c;letter-spacing:2px;margin:4px 0 14px;text-shadow:2px 2px #5c331c}.panel-screen h1{display:flex;flex-direction:column;align-items:center;font-family:Georgia,Times New Roman,serif;margin:0;line-height:.7;letter-spacing:-3px;transform:skew(-3deg);filter:drop-shadow(6px 7px 0 #020403)}.panel-screen h1 .forest-word{font-size:clamp(54px,9vw,100px);color:#f4e3a1;-webkit-text-stroke:3px #532b19;text-shadow:0 5px 0 #a85b25,0 9px 0 #4a2919;letter-spacing:-5px}.panel-screen h1 .shift-word{margin-top:18px;font:900 clamp(33px,5vw,58px)/1 "Press Start 2P",monospace;color:#e4b73e;-webkit-text-stroke:2px #56301d;text-shadow:0 5px 0 #9a4d25;letter-spacing:3px}.panel-screen .subtitle{font:8px/1.8 "Press Start 2P",monospace;color:#d9d7b0;margin:27px 0 14px;text-shadow:2px 2px #000}.panel-screen .big-button{border:0;background:transparent;box-shadow:none;padding:9px 14px;color:#fff19a;font:10px "Press Start 2P",monospace;text-shadow:2px 2px #6e391e;animation:startBlink 1s steps(1) infinite}.panel-screen .big-button:before{content:"▶";margin-right:11px}.panel-screen .big-button:after{content:"◀";margin-left:11px}.panel-screen .big-button:hover,.panel-screen .big-button:focus-visible{background:#492e1b;outline:2px solid #e6c158;transform:none}.controls-hint{font:7px/1.8 "Press Start 2P",monospace;color:#789c78;margin-top:15px}.title-copy{position:absolute!important;bottom:27px;margin:0;font:6px "Press Start 2P",monospace;color:#59715e}@keyframes startBlink{0%,74%{opacity:1}75%,to{opacity:.25}}#hud{padding:12px 18px;background:linear-gradient(#03080bd9 0 55%,transparent);gap:14px}.brand{font-size:7px}.brand strong{color:#f2c94d}#objective{border:2px solid #d3b35d;border-radius:0;background:#08121a;padding:8px 12px;box-shadow:inset 0 0 0 2px #263c47;font-size:7px}#sound-toggle{border:2px solid #d3b35d;border-radius:0;background:#0b1720;box-shadow:inset 0 0 0 2px #263c47}.dialogue{background:#07152a;border:3px solid #f0e8c8;box-shadow:0 0 0 3px #385070,0 0 0 6px #101018,6px 8px #0009;border-radius:0;font-family:"Press Start 2P",monospace;padding-top:18px}#speaker{color:#f3cd57;text-shadow:2px 2px #61351f}#dialogue-text{font:10px/1.9 "Press Start 2P",monospace;color:#f5f1d9;text-shadow:2px 2px #000}.portrait{border:3px solid #f0e8c8;background:#2d643a;box-shadow:0 0 0 3px #385070,0 0 0 6px #101018;border-radius:0}.portrait:after{border-radius:0}.choices button{border:2px solid #f0e8c8;background:#592c25}.choices button:first-child{background:#245c39}.interact,.toast{border:2px solid #f0d372;border-radius:0;background:#07131de8;box-shadow:3px 3px #000}@media(max-width:700px){.title-emblem{transform:scale(.82);margin-bottom:0}.panel-screen h1 .forest-word{font-size:52px}.panel-screen h1 .shift-word{font-size:30px;margin-top:17px}.panel-screen .subtitle{font-size:7px;max-width:310px}.title-copy{bottom:18px}.panel-screen:before{inset:7px}.dialogue{font-family:"Press Start 2P",monospace}#dialogue-text{font-size:8px}}#sword-slot{display:flex;align-items:center;gap:6px;padding:6px 8px;border:2px solid #847b63;background:#07121a;color:#777;box-shadow:inset 0 0 0 2px #293640;font:6px "Press Start 2P",monospace;filter:grayscale(1);opacity:.55;transition:none}#sword-slot span{display:grid;place-items:center;width:18px;height:24px;color:#a9b4b1;font:20px Georgia,serif;transform:rotate(12deg);text-shadow:1px 1px #000}#sword-slot.owned{border-color:#e3c35d;color:#fff0a0;filter:none;opacity:1;animation:swordGet .5s steps(2) 2}#sword-slot.owned span{color:#eaf5ed;text-shadow:1px 1px #568ca0,2px 2px #000}@keyframes swordGet{50%{background:#725324;transform:translateY(-2px)}}.dpad button,#action-button,#attack-button{position:absolute;border:1px solid #fff6;background:#122019a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;user-select:none;-webkit-user-select:none}#action-button,#attack-button{width:72px;height:72px;border-radius:50%;font:20px "Press Start 2P";box-shadow:0 4px #421b16;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}#action-button{right:22px;bottom:18px;background:#853a2bbd;border:3px solid #edc76c}#attack-button{right:104px;bottom:68px;background:#2d537bbd;border:3px solid #bcdff0}#action-button small,#attack-button small{font:5px "Press Start 2P",monospace}@media(pointer:fine)and (min-width:701px){#attack-button{display:none}}@media(max-width:700px){#hud{gap:7px}#sword-slot{padding:3px 4px}#sword-slot b{display:none}#sword-slot span{width:15px;height:21px}.dpad{transform:scale(.88);transform-origin:left bottom}#action-button,#attack-button{width:66px;height:66px}#attack-button{right:94px;bottom:72px}}#online-count{padding:7px 9px;border:2px solid #d5bd65;background:#09130de6;color:#bff0bc;font:7px "Press Start 2P",monospace;white-space:nowrap;box-shadow:2px 2px #000}@media(pointer:coarse),(max-width:700px){#online-count{position:absolute;right:12px;top:58px}}#wallet{padding:7px 9px;border:2px solid #6bc1b1;background:#09130de6;color:#72e2c0;font:8px "Press Start 2P",monospace;white-space:nowrap}#wallet b{color:#fff4b2}#inventory{position:absolute;right:22px;top:70px;padding:7px 9px;border:2px solid #d5bd65;background:#09130de6;color:#fff4b2;font:6px/1.6 "Press Start 2P",monospace;white-space:nowrap}.shop-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.shop-items button{padding:8px;border:2px solid #c9aa55;background:#263f31;color:#fff;font:7px/1.4 "Press Start 2P",monospace;cursor:pointer}.shop-items button:hover,.shop-items button:focus{outline:2px solid #fff}.shop-items button[disabled]{opacity:.45}.shop-items small{display:block;color:#70e0b8;margin-top:3px}.dialogue.shop-open{min-height:230px}@media(pointer:coarse),(max-width:700px){#wallet{font-size:7px;padding:6px}#inventory{right:12px;top:96px}.shop-items{grid-template-columns:1fr;max-height:210px;overflow:auto}.dialogue.shop-open{bottom:max(175px,calc(env(safe-area-inset-bottom) + 155px));padding-left:88px;max-height:390px;overflow:auto}}