@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--mint:#b7f9cc;--dim:#8aa9a5;--ink:#071b20}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#061a21;color:#e8f5ed;font-family:'Space Grotesk',system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}#game{display:block;width:100%;height:100%}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #00101680}.hidden{display:none!important}#menu{position:fixed;inset:0;padding:7vh 7vw;background:linear-gradient(90deg,#041a24ed 0%,#041a24b0 34%,transparent 75%)}.eyebrow,small,.fine,.hint,.menuLinks,.corner{font-family:'Space Mono',monospace}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--mint);margin-bottom:25px}h1{font-size:clamp(52px,7vw,100px);font-weight:600;line-height:.97;letter-spacing:-5px;margin:0 0 24px}h1 em{font-style:normal;color:var(--mint)}.intro{font-size:15px;line-height:1.8;color:#b0c8c7;margin:0 0 28px}.primary{background:var(--mint);color:#102a2b;border:0;padding:18px 22px;min-width:275px;font-size:12px;font-weight:700;letter-spacing:1px;display:block}.primary span{float:right;font-size:19px;margin-top:-4px}.secondary{background:#14373b;border:1px solid #94d3b84d;padding:12px 22px;margin-top:10px;min-width:275px;font-size:12px}.menuLinks{display:flex;gap:24px;margin:22px 0}.menuLinks button{padding:0;background:none;border:0;font-size:10px;letter-spacing:1px;color:#acccc8}.fine{font-size:9px;color:#759590;line-height:1.8}.corner{position:absolute;right:4vw;bottom:5vh;text-align:right;font-size:11px;line-height:2;letter-spacing:1px}.corner span{color:#8caaa9;font-size:10px}header{position:fixed;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:13px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 5px #000}.brand span{display:block;font-size:10px;font-weight:400;letter-spacing:.6px;margin-top:6px;color:#b1d1ca}.small{background:#08282db3;border:1px solid #719c9660;padding:10px 15px;font-size:11px}#quest{position:fixed;top:100px;left:28px;width:260px;border-left:2px solid #b7f9cc;padding:4px 16px;background:linear-gradient(90deg,#061c23bb,transparent);text-shadow:0 1px 4px #000}small{font-size:9px;letter-spacing:2px;color:var(--mint)}h3{margin:9px 0;font-size:16px}#quest p{font-size:12px;line-height:1.6;color:#c5dbd5}#seals{font-size:25px;color:var(--mint)}#compass{font:10px 'Space Mono',monospace;color:#c4d7d3;margin-top:8px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font:24px monospace;color:#fff9;text-shadow:0 1px 3px #000}#target{position:fixed;top:54%;width:100%;text-align:center;font-size:11px;color:#d2eee3;text-shadow:0 2px 2px #000}footer{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;min-width:650px}.vitals{display:flex;gap:24px;align-items:center;text-align:left;margin:0 6px 12px;color:#e6aa9e;font-size:13px}.vitals span:nth-child(2){color:#e4c492}#saveState{margin-left:auto;font-size:9px;color:#adcbc5}.hint{font-size:9px;color:#c1d5d0;margin-top:12px;text-shadow:0 2px 3px #000}#hotbar{display:flex;gap:6px;justify-content:center}.slot{position:relative;width:76px;height:62px;border:1px solid #88aaa65e;background:#071f27dc;color:#c7dcd5;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}.slot.selected{border:2px solid #b7f9cc;background:#20433ce8;transform:translateY(-3px)}.slot i{font-style:normal;font-size:20px;color:#bee0c8}.slot .num{position:absolute;left:5px;top:3px;font-size:9px;color:#8ca7a0}.slot .count{position:absolute;right:6px;bottom:4px;font-size:11px}.slot.unowned{opacity:.5}#toast{position:fixed;top:25%;left:50%;transform:translateX(-50%);background:#092b31ed;border:1px solid #a9dfb766;padding:12px 20px;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none}#interaction{position:fixed;bottom:170px;left:50%;transform:translateX(-50%);font-size:13px;background:#08242bd9;padding:10px 16px;display:none}#panel{position:fixed;inset:0;background:#031218b8;display:grid;place-items:center;backdrop-filter:blur(8px)}.panelInner{position:relative;width:min(700px,92vw);max-height:85vh;overflow:auto;background:#0b252c;border:1px solid #668f815e;padding:36px}.close{position:absolute;top:12px;right:16px;font-size:28px;border:0;background:none;color:#92b6a9}#panel h2{font-size:28px;margin:8px 0 16px}#panel p{font-size:13px;color:#b4cec5;line-height:1.8}.recipe{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4870644d;padding:15px 0;gap:20px}.recipe b{font-size:14px}.recipe p{font-size:11px!important;margin:5px 0 0}.recipe button{border:1px solid #b7f9cc88;background:#20483c;padding:10px 18px;font-size:11px;white-space:nowrap}.inventory{padding:12px;background:#041a20;font:12px monospace;line-height:2;color:#b8dbcf}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions button{padding:12px 20px;background:#21483d;border:1px solid #9ac5ab66}#bossHud{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:35vw;min-width:250px;text-align:center}#bossHud h2{font-size:17px;letter-spacing:5px;margin:4px}.meter{height:7px;background:#051a21;border:1px solid #8aac9466}.meter i{display:block;height:100%;background:#a6e7b6;width:100%;transition:width .2s}#bossHint{font-size:11px;color:#c8ded3}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#061a21;font:14px monospace;color:#b7f9cc}kbd{background:#28483e;padding:2px 5px;border-radius:3px}.modelCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modelCards article{background:#061b21;padding:15px}.modelCards b{color:#b7f9cc;font-size:13px}#damage{pointer-events:none}@media(max-width:750px){#menu{padding:6vh 6vw}h1{font-size:58px}.corner{display:none}.fine{max-width:290px}#quest{width:190px;left:14px;top:85px}footer{min-width:0;width:95%}.slot{width:13%;height:58px}.hint{font-size:8px}header{left:14px;right:14px}.brand{font-size:10px}#bossHud{top:80px}.panelInner{padding:26px}.vitals{gap:10px}}
#hud{pointer-events:none}#hud button{pointer-events:auto}