:root{--paper:#efe4ce;--muted:#a5acaa;--amber:#d6ac73;--line:#ffffff24;--panel:#121c22f0;--hud-scale:1;--touch-scale:1;color-scheme:dark;font-family:'Segoe UI',Arial,sans-serif;background:#0e171c;color:var(--paper)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #71818a;background:#24323b;color:#f4ead5;padding:12px 18px;min-height:44px;font-weight:700;border-radius:2px;transition:background .13s,border .13s}button:hover{background:#465661;border-color:#edcb93;color:#fff7e7}button:active{background:#705c43;color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe0a6;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45;color:#d4d9da}button.primary{background:#d5b07c;color:#182127;border-color:#d5b07c}button.primary:hover{background:#f1d5a4;color:#10181d}a{color:#ead0a5}a:hover{color:white}small,.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:#b1b8b5}.eyebrow{color:var(--amber);text-transform:uppercase}.divider{color:#61727b}#game{position:fixed;inset:0;background:#101b21}#view,#overlay{width:100%;height:100%;position:absolute;inset:0;display:block}#overlay{pointer-events:none}#screenGrain{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0000000b 3px 4px);opacity:.35}#shell{position:fixed;inset:0;padding:28px 4.5vw 18px;background:linear-gradient(90deg,#0b131aef 0%,#101920e6 45%,#101920a8 75%,#161b20c4);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}#shell.playPause{background:#081218dc;backdrop-filter:blur(6px)}.back{align-self:flex-start;text-decoration:none;letter-spacing:.5px;font-size:13px;padding:10px 0;margin-bottom:15px;border-bottom:1px solid var(--line)}.edition{position:absolute;top:42px;right:4.5vw;font:10px monospace;letter-spacing:1.7px;color:#9facaf}.edition span{padding:0 10px;color:#cb9467}#panel{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1320px;margin:auto}.homeGrid{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;min-height:460px}.homeCopy{position:relative;z-index:1}.brand{font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;font-stretch:condensed;letter-spacing:-8px;font-size:clamp(95px,13vw,190px);line-height:.86;margin:20px 0 12px;background:linear-gradient(#f4ebd7 0%,#8d9ba0 44%,#d8cba7 47%,#b67945 90%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 10px 50px #00000029;transform:scaleY(1.1);transform-origin:left}.subtitle{text-transform:uppercase;letter-spacing:5px;font-size:clamp(12px,1.4vw,18px);color:#d7bd95;margin-bottom:32px}.tagline{font-family:Georgia,serif;font-size:24px;max-width:440px;line-height:1.4;color:#e8e0d0}.subtext{font-size:14px;line-height:1.65;color:#aeb9bc;max-width:450px}.menuButtons{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:390px;margin-top:25px}.menuButtons .wide{grid-column:1/-1;text-align:left;padding:16px 18px}.menuButtons .wide span{float:right}.heroArt{height:490px;position:relative;overflow:hidden;border-bottom:1px solid #a68a5d60;background:radial-gradient(ellipse at 50% 55%,#82623e4a,transparent 65%)}.heroArt:before{content:'';position:absolute;inset:5%;border:1px solid #c1a57622;border-radius:50%;box-shadow:0 0 0 35px #c1a57608,0 0 0 70px #c1a57604}.heroMonster{height:420px;width:100%;position:absolute;bottom:30px;left:0;background:url('assets/monsters.png') no-repeat;background-size:400% 400%;background-position:66.666% 66.666%;filter:drop-shadow(0 16px 20px #000)}.heroCaption{position:absolute;bottom:0;left:5%;right:5%;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:#c8b99b;padding:12px 0;border-top:1px solid #c4a16c4f}footer{padding-top:22px;color:#899697;font:9px monospace;letter-spacing:1.3px}.pageHeading{display:flex;justify-content:space-between;align-items:center;margin:15px 0 24px;gap:20px}.pageHeading h1{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:6px 0;color:#eee3ce}.pageHeading p{margin:8px 0;color:#a7b4b8;font-size:14px}.episodes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.episodeCard{border:1px solid #ffffff25;background:linear-gradient(135deg,#29363ad4,#152026e8);padding:22px;position:relative;overflow:hidden}.episodeCard>small{color:#d8b47d}.episodeCard h2{font:29px Georgia,serif;min-height:65px;margin:18px 0}.episodeCard p{font-size:14px;line-height:1.6;color:#b5bdbb;min-height:50px}.episodeCard button{width:100%;margin-top:15px}.episodeCard .number{position:absolute;right:12px;top:8px;font:100px Impact,sans-serif;color:#cdbd9710}.episodeCard canvas{width:100%;height:125px;opacity:.8}.formrow{display:flex;align-items:center;gap:15px;margin:20px 0;flex-wrap:wrap}.formrow select,select{padding:10px;background:#1b2931;color:#f7e8c8;border:1px solid #627680;min-height:44px}.formrow label{color:#b6c1c4;font-size:14px}.settingsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.settingsBox{background:#16222be6;border:1px solid var(--line);padding:18px}.settingsBox h2{font:18px Georgia,serif;margin-top:0;color:#d9bb90}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;font-size:13px}.setting input[type=range]{width:45%;accent-color:#dab176}.setting input[type=checkbox]{width:20px;height:20px;accent-color:#dab176}.setting select{max-width:150px}.setting output{color:#c6d2d4;font:11px monospace}.bindGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bindGrid button{font-size:11px;display:flex;justify-content:space-between;padding:10px;min-height:40px}.bindGrid b{color:#eac18b}.hint{color:#aebbbc;font-size:13px;line-height:1.65}.notice{border-left:3px solid var(--amber);padding:12px 16px;background:#1e2c32;font-size:14px;line-height:1.6;margin:15px 0}.slotGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.slot{padding:20px;background:#15212aec;border:1px solid var(--line)}.slot h2{font:22px Georgia,serif}.slot p{min-height:55px;color:#b0babb;font-size:13px;line-height:1.6}.slot button{margin:5px 5px 0 0}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:850px;margin:30px 0}.statsGrid div{border-top:1px solid #bc9b674f;padding:17px 0}.statsGrid b{display:block;font:38px Georgia,serif;margin-top:8px}.endTitle{font:clamp(35px,5vw,70px) Georgia,serif;margin:10px 0 20px}.helpGrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.helpGrid h2{font:23px Georgia,serif}.helpGrid p,.helpGrid li{font-size:14px;line-height:1.7;color:#bac3c2}.helpGrid li{margin:8px 0}#mapCanvas{display:block;width:min(80vw,640px);height:min(55dvh,460px);object-fit:contain;margin:10px auto}.mapLegend{text-align:center;font-size:12px;color:#c1c6b7;line-height:1.8}#playTop{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;pointer-events:none}#playTop>div{display:flex;gap:7px;pointer-events:auto}#playTop button{background:#0e1a22b0;padding:8px 12px;font-size:11px;letter-spacing:1px}#levelName{font:11px monospace;letter-spacing:1px;text-shadow:0 2px 4px #000;color:#e5d8bd}#hud{position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) scale(var(--hud-scale));transform-origin:bottom center;display:flex;align-items:center;gap:24px;padding:13px 22px;border:1px solid #b9b99e40;background:linear-gradient(#17232de8,#0a141ce8);box-shadow:0 4px 24px #0008;max-width:98%;min-height:83px;white-space:nowrap;pointer-events:none}.stat{min-width:70px}.stat small{font-size:9px;letter-spacing:1.5px;display:block;color:#bcbba5}.stat strong{font:34px Impact,'Arial Narrow',sans-serif;line-height:1.2;color:#eae0c5}.health strong{color:#f2b498}.armor strong{color:#a3c9d5}.stat i{height:2px;display:block;background:#394850}.stat b{display:block;background:#d8a27a;height:100%}.armor b{background:#8cbbcf}.weaponStatus{min-width:145px;text-align:center}.weaponStatus small{font-size:9px;color:#d8c7a7;letter-spacing:1px}#weaponSlots{display:flex;justify-content:center;gap:4px;margin-top:10px}#weaponSlots button{min-width:23px;min-height:24px;height:25px;padding:0;background:#25313a;border:1px solid #465661;color:#77878e;pointer-events:auto;font:12px monospace}#weaponSlots button.owned{color:#e8dcc5}#weaponSlots button.active{background:#dec193;color:#0f1b23;border-color:#ffe0ae}#keyStatus{font:11px monospace;line-height:1.8;color:#b8c4c5}#keyStatus span{color:#dfb56d}#message{position:absolute;top:14%;left:50%;transform:translateX(-50%);max-width:85%;width:max-content;padding:10px 16px;background:#122029d9;border-left:2px solid #d8b27b;color:#f0dbb6;font:12px monospace;letter-spacing:1px;pointer-events:none;opacity:0;transition:opacity .2s;text-align:center}#message.show{opacity:1}#objective{position:absolute;left:18px;top:68px;color:#c5d0c7;font:11px monospace;text-shadow:0 2px 3px black;pointer-events:none}#threat{position:absolute;top:100px;left:18px;font:10px monospace;color:#ffbb89;max-width:180px;pointer-events:none}#fps{position:absolute;right:15px;bottom:110px;font:11px monospace;color:#afc1b3}#loading{position:fixed;inset:0;background:#101a22;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;color:#c4ac85;font:11px monospace;letter-spacing:2px}.loadMark{font:110px Impact,sans-serif;color:#ddc197;margin-bottom:18px}progress{height:4px;width:250px;accent-color:#d6ae74}#touch{position:absolute;inset:0;pointer-events:none;touch-action:none}#movePad,#lookPad,#touch button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#movePad{position:absolute;left:max(25px,env(safe-area-inset-left));bottom:105px;width:130px;height:130px;border-radius:50%;border:1px solid #e7d4aa70;background:#0d182441}#stick{position:absolute;left:38px;top:38px;width:52px;height:52px;border-radius:50%;border:1px solid #ffe7b496;background:#b5a0793b;pointer-events:none}#movePad small{position:absolute;bottom:8px;width:100%;text-align:center;font-size:8px;pointer-events:none}#lookPad{position:absolute;right:0;top:75px;bottom:96px;width:48%;background:transparent}#lookPad small{position:absolute;right:80px;bottom:120px;opacity:.45;font-size:8px}#touch button{position:absolute;border-radius:50%;padding:0;background:#14233288;letter-spacing:1px;transform:scale(var(--touch-scale))}#touchFire{right:28px;bottom:130px;width:83px;height:83px;border:2px solid #c9ab7999;font-size:12px}#touchUse{right:130px;bottom:105px;width:59px;height:59px;font-size:10px}#touchWeapon{right:27px;bottom:231px;width:48px;height:48px;font-size:24px}body.lefty #movePad{left:auto;right:25px}body.lefty #lookPad{right:auto;left:0}body.lefty #touchFire{right:auto;left:28px}body.lefty #touchUse{right:auto;left:130px}body.lefty #touchWeapon{right:auto;left:27px}[hidden]{display:none!important}
@media(max-width:800px){#shell{padding:14px 22px 15px}.edition{font-size:8px;top:31px;letter-spacing:.5px}.edition span{padding:0 3px}.homeGrid{gap:0;min-height:380px;grid-template-columns:1fr .8fr}.brand{font-size:115px;letter-spacing:-6px}.subtitle{font-size:11px;letter-spacing:3px}.tagline{font-size:19px}.heroArt{height:360px}.heroMonster{height:320px}.menuButtons{margin-top:16px}.pageHeading h1{font-size:27px}.settingsGrid{grid-template-columns:1fr 1fr}.episodes{gap:10px}.episodeCard{padding:15px}.episodeCard h2{font-size:22px}.episodeCard p{font-size:12px}.slotGrid{gap:8px}.slot{padding:14px}#hud{gap:17px;padding:8px 14px;min-height:68px}.stat{min-width:55px}.stat strong{font-size:29px}.weaponStatus{min-width:130px}#weaponSlots button{min-width:22px}.stat small{font-size:8px}#movePad{bottom:90px}#touchFire{bottom:109px}#touchUse{bottom:88px}#touchWeapon{bottom:210px}}
@media(max-width:540px) and (orientation:portrait){#shell{padding:12px 20px 15px}.edition{display:none}.back{font-size:12px;margin-bottom:8px}.homeGrid{display:block;position:relative;min-height:0;padding:10px 0}.homeCopy{z-index:2}.heroArt{position:absolute;right:-120px;top:45px;width:320px;height:390px;opacity:.18;z-index:0}.heroCaption{display:none}.brand{font-size:119px;margin-top:21px}.subtitle{font-size:11px;letter-spacing:3px}.tagline{font-size:22px;max-width:270px}.subtext{max-width:270px;font-size:13px}.menuButtons{max-width:none;margin-top:24px}.menuButtons .wide{padding:14px 16px}.eyebrow{font-size:9px}footer{font-size:8px;letter-spacing:.7px;line-height:1.6}.episodes,.settingsGrid,.slotGrid,.helpGrid{grid-template-columns:1fr}.episodeCard h2{min-height:0;margin:10px 0;font-size:25px}.episodeCard p{min-height:0}.episodeCard canvas{height:70px;float:right;width:100px;margin-top:-60px;opacity:.35}.episodeCard button{margin-top:6px}.pageHeading{align-items:flex-start;margin:10px 0 16px}.pageHeading h1{font-size:27px}.pageHeading button{padding:10px 12px}.statsGrid{grid-template-columns:1fr 1fr}.statsGrid b{font-size:31px}.formrow{gap:8px}.formrow select{max-width:100%}#hud{bottom:max(5px,env(safe-area-inset-bottom));width:calc(100% - 10px);gap:12px;padding:8px 10px;max-width:none;min-height:63px}.stat{min-width:43px}.stat strong{font-size:26px}.weaponStatus{min-width:0;flex:1}.weaponStatus small{font-size:8px;letter-spacing:0}#weaponSlots{gap:3px;margin-top:7px}#weaponSlots button{min-width:15px;width:16px;min-height:22px;height:22px;font-size:10px}#keyStatus{font-size:9px}.stat small{font-size:7px;letter-spacing:.5px}#playTop{left:10px;right:10px;gap:8px}#levelName{font-size:9px;max-width:48%;line-height:1.5}#playTop button{min-height:40px;font-size:10px;padding:7px 9px}#objective{font-size:9px;left:12px;top:60px}#threat{left:12px;top:85px;font-size:9px}#movePad{width:115px;height:115px;left:18px;bottom:110px}#stick{left:31px;top:31px}#touchFire{right:22px;bottom:130px;width:76px;height:76px}#touchUse{right:115px;bottom:90px;width:56px;height:56px}#touchWeapon{right:23px;bottom:228px}#lookPad{top:110px;bottom:76px;width:51%}#lookPad small{right:40px;bottom:185px}#message{top:19%;max-width:94%;font-size:10px;letter-spacing:.5px}#mapCanvas{width:100%;height:53dvh}#fps{bottom:75px}}
@media(max-height:500px) and (orientation:landscape){#shell{padding-top:8px}.back{margin-bottom:0;padding:6px 0}.edition{top:20px}.homeGrid{min-height:260px;gap:30px;grid-template-columns:1.4fr 1fr}.brand{font-size:86px;margin:10px 0}.subtitle{font-size:9px;margin-bottom:8px}.tagline{font-size:17px;margin:10px 0}.subtext{display:none}.menuButtons{max-width:410px;margin-top:10px;gap:6px;grid-template-columns:repeat(3,1fr)}.menuButtons .wide{grid-column:auto;padding:10px;font-size:12px}.menuButtons .wide span{display:none}.menuButtons button{font-size:11px;padding:8px}.heroArt{height:260px}.heroMonster{height:250px;bottom:8px}.heroCaption{display:none}footer{padding-top:8px;font-size:8px}.pageHeading{margin:5px 0 12px}.pageHeading h1{font-size:26px}.episodeCard canvas{display:none}.episodeCard h2{font-size:23px;min-height:50px}.episodeCard p{font-size:12px;min-height:0}.settingsGrid{grid-template-columns:repeat(3,1fr)}#hud{min-height:54px;padding:5px 14px;gap:18px;bottom:5px}.stat strong{font-size:23px}.weaponStatus small{font-size:8px}#weaponSlots{margin-top:5px}#weaponSlots button{min-height:20px;height:20px}.stat small{font-size:7px}#playTop{top:6px}#playTop button{min-height:35px;padding:6px 10px}#objective{top:48px;font-size:9px}#threat{top:66px;font-size:9px}#movePad{width:108px;height:108px;bottom:66px;left:30px}#stick{left:27px;top:27px}#touchFire{width:68px;height:68px;bottom:89px;right:29px}#touchUse{width:52px;height:52px;bottom:66px;right:112px}#touchWeapon{width:44px;height:44px;bottom:174px;right:38px}#lookPad{top:50px;bottom:65px}#lookPad small{bottom:100px}#message{top:23%;font-size:10px}#fps{bottom:65px}.statsGrid{margin:15px 0}.endTitle{font-size:36px}}