:root{color-scheme:dark;--ink:#f9eed5;--muted:#b7c4bd;--bg:#172e33;--gold:#f1c66a;--line:#496063}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:#213e43;border:1px solid var(--line);border-radius:5px;padding:10px 14px;cursor:pointer}button:hover{background:#33585a;border-color:var(--gold)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--gold)}header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line)}.home{font-size:14px;text-decoration:none;color:var(--muted)}.brand{font-size:21px;font-weight:900;letter-spacing:3px}.brand span{display:block;font-size:11px;text-align:center;letter-spacing:4px;color:var(--gold);margin-top:6px}kbd{font:inherit;font-size:12px;border:1px solid #78908b;border-radius:3px;padding:3px 5px;color:var(--ink);white-space:nowrap}header kbd{margin-left:10px}main{max-width:1800px;margin:auto;padding:18px 22px 0}#stage{height:calc(100dvh - 157px);min-height:360px;position:relative;overflow:hidden;border:1px solid #6d8380;border-radius:8px;background:#8cba76;box-shadow:0 14px 45px #071c2244}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;outline:none}.location,.quest{position:absolute;top:20px;background:#18363bea;border:1px solid #8d9d82;border-radius:4px;box-shadow:4px 4px 0 #15313755;pointer-events:none}.location{left:20px;padding:13px 18px}.location span,.quest>span{font-size:11px;letter-spacing:2px;color:#e0c883}h1{font-size:19px;letter-spacing:-.5px;margin:6px 0 0}.quest{right:20px;padding:12px 16px}.quest strong{display:block;font-size:14px;margin-top:7px}#dots{color:var(--gold);letter-spacing:5px;margin-top:6px}.bottom-note{position:absolute;bottom:18px;left:20px;font-size:12px;color:#fffbe6;text-shadow:1px 2px #284e44;pointer-events:none}.prompt{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);background:#172f37f2;border:2px solid var(--gold);padding:13px 20px;border-radius:6px;text-align:center;max-width:90%;font-size:14px;pointer-events:none}footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;color:var(--muted);font-size:12px}footer span{margin:0 9px}footer button{padding:6px 10px;font-size:12px;margin-left:8px}dialog{background:#19383e;color:var(--ink);border:2px solid #b5ba94;border-radius:10px;padding:28px;box-shadow:10px 10px 0 #102c3866;max-height:85dvh;width:min(640px,calc(100% - 32px))}dialog::backdrop{background:#10262e77;backdrop-filter:blur(3px)}dialog h2{font-size:27px;margin:10px 0 14px;letter-spacing:-1px}dialog p{font-family:system-ui,sans-serif;line-height:1.65;font-size:16px;color:#e1e7d9}dialog a{line-height:1.8}#closeConversation{display:block;margin-top:24px;background:#e8c676;color:#172e33;border-color:#e8c676}#closeConversation kbd{color:#172e33;border-color:#6d714e}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold)}.journal-top{display:flex;align-items:flex-start;justify-content:space-between}.journal-top button{padding:6px 11px}#journal{width:min(790px,calc(100% - 32px))}#journal .note{font-size:14px;color:#bac8bd}.skill{border-top:1px solid #47656a;padding:20px 0}.skill h3{font-size:19px;margin:0 0 8px}.skill .meta{font-size:12px;color:var(--gold);letter-spacing:1px}.skill p{margin:8px 0;font-size:15px}.skill button{font-size:13px;margin-top:10px}.skill .stamp{float:right;font-size:12px;color:var(--gold)}details{border-top:1px solid #47656a;padding-top:20px}summary{cursor:pointer;color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#touch{display:none;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between;align-items:end;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;background:#173a40dd;border:1px solid #e4e8c0aa;width:46px;height:46px;padding:0;font-size:20px;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,46px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}#touch #action{border-radius:50%;width:60px;height:60px;border-color:var(--gold);color:var(--gold)}@media(pointer:coarse){#touch{display:flex}.bottom-note{display:none}.prompt{bottom:133px}}@media(max-width:680px){header{padding:12px;min-height:70px}.home{font-size:12px}.brand{font-size:15px;letter-spacing:1px}.brand span{font-size:9px}header button{font-size:12px;padding:8px}header kbd{display:none}main{padding:8px 8px 0}#stage{height:calc(100dvh - 146px)}.location{left:10px;top:10px;padding:10px}.location span{font-size:9px}h1{font-size:14px}.quest{top:70px;right:10px;padding:8px}.quest>span{display:none}.quest strong{font-size:11px;margin:0}#dots{font-size:12px}footer{flex-wrap:wrap;justify-content:center;padding:9px 0;gap:10px;font-size:10px}footer kbd{font-size:9px}footer span{margin:0 3px}dialog{padding:20px}dialog h2{font-size:24px}}

#battle{width:min(700px,calc(100% - 24px))}.boss-portrait{text-align:center;font-size:70px;background:radial-gradient(ellipse,#648e8988,transparent 65%);line-height:1.2}.battle-vitals{display:grid;grid-template-columns:1fr 1fr;gap:20px}.battle-vitals label{font-size:14px}.battle-vitals progress{display:block;width:100%;height:15px;margin:8px 0;accent-color:#f1c66a}.battle-vitals span{font-size:12px;color:var(--muted)}#battleActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}#battleActions button{text-align:left;font-size:14px}#battleActions small{display:block;color:#c7d6c6;margin-top:5px;font:12px/1.4 system-ui,sans-serif}#battleActions button:disabled{opacity:.45;cursor:default}#bossIntent{color:var(--gold);font-size:14px}#battleLog{min-height:3.3em;margin-bottom:6px}@media(max-width:480px){.boss-portrait{font-size:45px}#battleActions{grid-template-columns:1fr}#battle h2{font-size:23px}}