@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/cinzel-500.ttf") format('truetype');
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/cinzel-600.ttf") format('truetype');
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/cinzel-700.ttf") format('truetype');
}
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./fonts/cinzel-800.ttf") format('truetype');
}
@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/vt323-400.ttf") format('truetype');
}

*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e12;color:#f7efcf}body{font-family:'VT323',monospace}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #ffeaa0;outline-offset:4px}#screen{position:relative;width:100%;height:100%;max-width:1800px;margin:auto;overflow:hidden;background:#263d42}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(transparent 0px,transparent 3px,#00000012 3px,#00000012 4px);opacity:.45}.shade{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #08171180;z-index:1}#hud{position:absolute;inset:0;pointer-events:none;z-index:3}.left-hud{position:absolute;left:4%;top:5%;text-shadow:2px 2px #14201d}.hearts{font-family:Georgia,serif;color:#df4b47;font-size:32px;letter-spacing:7px;text-shadow:2px 2px #511d23}.zone{font-size:23px;letter-spacing:2px;color:#f2dc9c;margin-top:16px}#objective{font-size:21px;color:#f4f0d5;margin-top:5px;max-width:330px}#inventory{display:flex;gap:14px;align-items:center;margin-top:16px;font-size:29px}#inventory>span{color:#233b36;-webkit-text-stroke:1px #c6c9a1}#inventory>span.got{color:#8ef1c5;-webkit-text-stroke:1px #d6ffe1;text-shadow:0 0 12px #46e8bd}#inventory small{font-size:12px;letter-spacing:1px;color:#d1d6bf;max-width:40px}.right-hud{position:absolute;right:4%;top:5%;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:auto}.right-hud button{background:#102b2c9c;border:1px solid #d5d9ac50;padding:6px 11px;font-size:16px;letter-spacing:1px}.right-hud button:hover{background:#365046}#prompt{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font-size:29px;text-shadow:2px 2px #132821;white-space:nowrap}kbd,#action{font:inherit;border-radius:50%;background:radial-gradient(circle at 35% 30%,#98c4ea,#235db1);color:#f1fcff;border:2px solid #b5d1db;box-shadow:3px 4px #132838;display:grid;place-items:center;width:44px;height:44px}.bottom-hud{position:absolute;bottom:4%;left:4%;right:4%;display:flex;justify-content:space-between;color:#e5e4c4;font-size:15px;text-shadow:2px 2px #173024;letter-spacing:1px}.desktop-hint{color:#bdcdb9}.overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#10262635,#081a1880);text-shadow:2px 3px #16251d;padding:20px}.title-top{font-size:15px;letter-spacing:4px;color:#e6e4b8;margin-bottom:30px}.crest{color:#e4c978;font-size:70px;line-height:.9;text-shadow:0 4px #605b34}.legend-small{font-family:'Cinzel',Georgia,serif;color:#f1dc9d;font-size:22px;letter-spacing:9px;margin-top:14px}h1{font-family:'Cinzel',Georgia,serif;font-weight:800;letter-spacing:8px;font-size:clamp(65px,10vw,136px);line-height:1;margin:0;color:#f5e8b8;text-shadow:3px 5px #6e6941,5px 9px #172921}.subtitle{letter-spacing:6px;font-size:19px;color:#e3d799;margin-top:17px}.title-rule{height:1px;background:linear-gradient(90deg,transparent,#e1cc7a,transparent);width:350px;margin:32px 0}#begin,#replay{border:1px solid #eadfa16b;border-bottom:3px solid #bdb57b;background:#183c2dc9;color:#fff3bd;letter-spacing:2px;padding:14px 30px;font-size:25px;text-shadow:2px 2px #253726}#begin:hover,#replay:hover{background:#416446}.overlay p{font-size:20px;line-height:1.35;color:#e1e5cb;margin:22px 0 12px}.subtle{background:none;border:0;color:#e1dec1;font-size:18px;padding:10px;text-decoration:underline;text-underline-offset:4px}.title-bottom{position:absolute;bottom:5%;font-size:13px;letter-spacing:2px;color:#bacbb6}.dialog{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:min(760px,90%);z-index:8;background:#101c31ee;border:3px double #d0d2c1;border-radius:8px;padding:22px 28px;box-shadow:0 6px 0 #06162990;text-shadow:2px 2px #000}#speaker{color:#8ce7ce;font-size:22px;letter-spacing:2px}.dialog p{font-size:25px;line-height:1.25;margin:12px 0 15px}.dialog button{background:none;border:0;display:block;margin-left:auto;font-size:21px;color:#edd38d}.dialog button span{color:#76b6fa;margin-left:15px}.music-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(540px,90%);z-index:7;background:#102831f5;border:3px double #d0d2b2;box-shadow:0 10px 90px #03191e;padding:28px;text-align:center}.panel-label{letter-spacing:4px;color:#c9b879;font-size:17px}.music-panel h2{font-family:'Cinzel',Georgia,serif;font-size:25px;color:#f0e0ae}.music-panel p{font-size:20px;color:#b6d6d3}#song-target{font-size:38px;color:#e6d383}#song-progress{font-size:24px;color:#8ef1c5;letter-spacing:7px;margin:15px}.note-buttons{display:flex;justify-content:center;gap:14px}.note-buttons button{background:#cdb466;color:#243c39;width:65px;height:60px;border-radius:50%;border:3px solid #f4e2a8;font-size:28px}.note-buttons small{display:block;font-size:13px;margin-top:-4px}#listen{display:block;margin:20px auto 5px;padding:7px 18px;background:#34564e;border:1px solid #bad4b4;font-size:19px}#ending{background:radial-gradient(ellipse,#164761b8,#071824e8)}.end-kicker{letter-spacing:4px;font-size:17px;color:#e9d893}.end-star{font-size:80px;color:#c6ecff;text-shadow:0 0 50px #61b9ff;margin:20px}.overlay h2{font-family:'Cinzel',Georgia,serif;font-size:clamp(58px,9vw,115px);color:#b9eaff;margin:0;text-shadow:3px 4px #16466b,0 0 55px #77ceff85;line-height:1.15}#ending>p{font-size:26px}.players{margin:17px 0;font-size:18px;letter-spacing:3px;color:#a6bfd2}.players b{color:#e6d199}.overlay .end-note{font-size:20px!important;margin-bottom:27px;color:#bbcfd4}#loading{position:absolute;inset:0;background:#101e22;z-index:20;display:grid;place-items:center;letter-spacing:4px;font-size:25px}#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);z-index:9;background:#182d2de8;border:1px solid #dbc994;padding:13px 22px;color:#f6e7b4;font-size:23px;text-align:center;pointer-events:none}#toast:empty{display:none}#touch{display:none}[hidden]{display:none!important}@media(max-width:800px),(pointer:coarse){.left-hud{left:5%;top:3%}.hearts{font-size:24px}.zone{font-size:18px;margin-top:10px}#objective{font-size:17px;max-width:220px}#inventory{font-size:23px;gap:10px;margin-top:10px}.right-hud{right:4%;top:3%}.right-hud button{font-size:13px;padding:5px 7px}.desktop-hint{display:none}.bottom-hud{bottom:2%;font-size:11px}#touch{display:flex;justify-content:space-between;position:absolute;bottom:7%;left:5%;right:5%;pointer-events:auto}.dpad{display:grid;grid-template:48px 48px/48px 48px 48px;gap:3px}.dpad button{font-size:24px;background:#173835a6;border:1px solid #bed3b287;border-radius:7px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.touch-right{display:flex;align-items:center;gap:17px}.touch-right>div{display:flex;flex-direction:column;gap:6px}.touch-right>div button{background:#263f39a9;border:1px solid #c5d8ba80;width:40px;height:35px;font-size:24px;border-radius:5px}#action{width:64px;height:64px;font-size:32px}#prompt{bottom:29%;font-size:22px}#prompt kbd{width:32px;height:32px}.title-top{font-size:10px;letter-spacing:2px;margin-bottom:20px}.crest{font-size:48px}.legend-small{font-size:16px;letter-spacing:6px}h1{font-size:65px;letter-spacing:3px}.subtitle{font-size:13px;letter-spacing:3px}.title-rule{margin:22px 0;width:250px}#begin{font-size:21px}.overlay p{font-size:18px}.title-bottom{font-size:9px;letter-spacing:1px}.dialog{bottom:10%;padding:18px}.dialog p{font-size:21px}.end-kicker{font-size:12px;letter-spacing:2px}.end-star{font-size:55px}#ending>p{font-size:21px}.players{font-size:13px;letter-spacing:1px}.overlay .end-note{font-size:17px!important}#toast{font-size:18px;top:28%;width:85%}}@media(max-height:550px){.title-top,.crest,.title-bottom{display:none}.title-rule{margin:14px 0}h1{font-size:70px}.overlay p{font-size:16px;margin:12px 0}.legend-small{font-size:15px}.subtitle{margin-top:7px}.end-star{font-size:30px;margin:5px}.overlay h2{font-size:60px}.players{margin:8px 0}.overlay .end-note{margin:8px 0 15px}}
#map{position:absolute;bottom:9%;right:4%;width:150px;height:150px;image-rendering:pixelated;opacity:.85;pointer-events:none}@media(max-width:800px),(pointer:coarse){#map{width:95px;height:95px;right:4%;top:23%;bottom:auto}}@media(prefers-reduced-motion:reduce){.scanlines{display:none}}
.shade{box-shadow:inset 0 0 95px #08171145}.scanlines{opacity:.2}
#prompt .keyboard-key{width:auto;min-width:70px;padding:5px 12px;height:34px;border-radius:5px;background:linear-gradient(#dae0cf,#8b9b90);color:#20302c;font-size:19px;text-shadow:none;border:2px solid #eef0d4;box-shadow:0 4px #536760}.scanlines{opacity:.08}.shade{box-shadow:inset 0 0 70px #08171124}.hearts{text-shadow:1px 0 #ffe9d7,-1px 0 #ffe9d7,0 1px #ffe9d7,0 -1px #ffe9d7,2px 3px #501923}.dialog button span{font-size:16px}

body[data-input="touch"] .note-buttons small{display:none}