@import url('https://fonts.googleapis.com/css2?family=VT323&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#111e24;--panel:#1b2d32;--line:#385155;--ink:#e6edd9;--muted:#a5b9aa;--lime:#d9ee8a;--gold:#f3c875;--pixel:'VT323',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{color:inherit}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 5vw}.brand{font-family:var(--pixel);font-size:36px;letter-spacing:2px}.brand span{color:var(--lime)}.edition{color:var(--muted);font-size:13px;letter-spacing:2px}header nav{display:flex;gap:12px}.quiet{border:1px solid var(--line);background:transparent;padding:9px 13px;font-size:14px}.shell{max-width:1440px;margin:auto;padding:30px 5vw 24px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--lime);text-transform:uppercase}.topline h1{font-size:24px;font-weight:500;margin:7px 0 0}.chapter{font-family:var(--pixel);font-size:22px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px}.game{border:2px solid #60716a;background:#202f2d;box-shadow:0 7px 0 #081419}.map-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-family:var(--pixel);font-size:23px;background:#253b37}.map-head span:last-child{font-family:'Space Grotesk',sans-serif;font-size:12px;color:#c5d2bc}.world{position:relative;aspect-ratio:3/2;overflow:hidden;background:#6c9562;isolation:isolate}.world>img{width:100%;height:100%;display:block;image-rendering:pixelated;pointer-events:none}.world button.place{position:absolute;transform:translate(-50%,-50%);font-family:var(--pixel);font-size:22px;background:#192f29;border:2px solid #d4e5b2;padding:4px 12px;box-shadow:3px 3px 0 #12291d}.place:hover{background:#44674e!important}.place small{font-size:17px;color:var(--gold)}.player{position:absolute;transform:translate(-50%,-50%);pointer-events:none;text-align:center;z-index:3;filter:drop-shadow(2px 3px 0 #213822)}.player span{display:block;color:#fff5c4;background:#233a2c;padding:1px 4px;font-family:var(--pixel);font-size:16px}.player b{font-size:28px;color:#ffdc79;line-height:1}.location-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#10291de8;padding:7px 13px;white-space:nowrap;font-size:13px}.dialogue{border-top:3px solid #647b5b;min-height:135px;padding:17px 21px;background:#dfe7c6;color:#243c32;display:flex;gap:16px}.avatar{font-family:var(--pixel);font-size:32px;border:2px solid #53684c;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;background:#c5d5aa}.speaker{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:6px}.dialogue p{margin:0;font-size:15px;line-height:1.65}.dialogue button{color:#1b3528;border-color:#53684c;margin-top:12px}.sidebar{display:flex;flex-direction:column;gap:20px}.panel{border:1px solid var(--line);padding:23px}.panel h2{font-family:var(--pixel);font-weight:400;font-size:27px;margin:8px 0 12px}.panel p{font-size:14px;line-height:1.7;color:var(--muted)}.quest-title{font-size:17px!important;color:var(--ink)!important;line-height:1.5!important}.steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}.steps li{display:flex;gap:12px;font-size:14px;align-items:center;color:#93aaa0}.steps b{width:22px;height:22px;display:grid;place-items:center;font-family:var(--pixel);font-size:21px;border:1px solid #617969;flex-shrink:0}.steps .active{color:var(--gold)}.steps .done{color:var(--lime)}.steps .done b{background:var(--lime);color:#173126;border-color:var(--lime)}.progress{display:flex;gap:5px;margin-top:22px}.progress i{height:5px;flex:1;background:#344b47}.progress i.done{background:var(--lime)}.badge{font-family:var(--pixel);font-size:22px;color:var(--gold);border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.controls{display:flex;justify-content:space-between;align-items:center;padding:18px 0;color:var(--muted);font-size:12px;gap:15px}.keys{display:flex;gap:5px;align-items:center}.keys kbd{border:1px solid #657a70;padding:3px 6px;color:var(--ink);font:13px monospace}.touch{display:flex;gap:5px}.touch button{background:#233b35;border:1px solid #56715f;padding:7px 12px}footer{display:flex;justify-content:space-between;font-size:12px;color:#81988e;border-top:1px solid var(--line);padding-top:21px;margin-top:12px}.modal-backdrop{position:fixed;inset:0;background:#07120eea;z-index:10;display:grid;place-items:center;padding:24px;overflow:auto}.window{width:min(1080px,100%);max-height:94vh;overflow:auto;border:2px solid #7b947b;background:#1d302c;box-shadow:8px 8px 0 #030d09}.titlebar{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;background:var(--lime);color:#24382e;font-family:var(--pixel);font-size:25px}.close{background:transparent;border:1px solid #556a46;color:#24382e;padding:1px 9px}.workbody{padding:24px}.tabs{display:flex;border-bottom:1px solid #546c58;margin-bottom:23px;gap:10px;overflow:auto}.tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:10px 14px;white-space:nowrap;color:var(--muted)}.tabs button.selected{color:var(--lime);border-color:var(--lime)}h2{font-size:24px;font-weight:500;margin-top:0}.intro{font-size:15px;line-height:1.7;color:#b8c8b7;max-width:750px}.dbgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.table-box{border:1px solid #587260;padding:16px;overflow:auto}.table-box.wide{grid-column:1/-1}.table-box h3{font-family:var(--pixel);font-size:25px;font-weight:400;margin:0 0 14px;color:var(--gold)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid #3c5546;padding:9px 8px;white-space:nowrap}th{color:#a6b99c;font-weight:500}tr:last-child td{border-bottom:0}.primary{background:var(--lime);color:#233b2e;border:0;box-shadow:3px 3px 0 #081b12;padding:12px 18px;font-weight:600;font-size:15px}.secondary{background:transparent;color:var(--ink);border:1px solid #6a816e;padding:11px 17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}.feedback{background:#31452e;border-left:3px solid var(--gold);padding:14px 16px;font-size:15px;line-height:1.65;margin-top:20px}.feedback.good{border-color:var(--lime)}.relation{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0}.entity{border:2px solid #799070;padding:18px;width:240px}.entity h3{font-family:var(--pixel);font-size:27px;color:var(--gold);font-weight:400;margin:0 0 13px}.entity div{font-size:14px;line-height:2}.connector{font-family:var(--pixel);font-size:26px;color:var(--lime)}label{display:block;font-size:14px;line-height:1.7;margin:15px 0 7px}select,textarea{width:100%;background:#10241b;border:1px solid #78926a;color:var(--ink);padding:12px;font-size:16px}textarea{font-family:monospace;min-height:110px;resize:vertical;line-height:1.7}.code{font-family:monospace;color:var(--lime)}.report{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.metric{padding:23px;background:#12261d;border:1px solid #4e6954}.metric strong{display:block;font-family:var(--pixel);font-size:40px;color:var(--lime);margin-top:10px}.success-mark{font-family:var(--pixel);font-size:70px;color:var(--gold);margin:5px 0 14px}.help p{line-height:1.8;color:#c2ceba}.help li{line-height:1.8;margin:8px 0}.muted{color:var(--muted);font-size:14px}.sr-only{position:absolute;left:-9999px}@media(max-width:1050px){.layout{grid-template-columns:1fr 255px}.shell{padding:24px}.panel{padding:18px}.world button.place{font-size:19px}}@media(max-width:780px){header{height:72px;padding:0 20px}.edition{display:none}.shell{padding:20px 14px}.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.topline h1{font-size:20px}.chapter{font-size:18px}.panel{padding:16px}.panel h2{font-size:25px}.controls{flex-wrap:wrap}.modal-backdrop{padding:9px}.workbody{padding:16px}.relation{gap:8px}.entity{width:44%;padding:12px}.connector{font-size:19px}.dbgrid{grid-template-columns:1fr}.table-box.wide{grid-column:auto}.dialogue{padding:14px;gap:10px}.world button.place{font-size:17px;padding:3px 7px}.location-hint{font-size:11px}.tabs button{padding:10px 8px;font-size:14px}footer{line-height:1.7;gap:20px}.report{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.location-hint{border:1px solid #c8d99e;color:#e6edd9;cursor:pointer;z-index:4}.location-hint:hover{background:#36533b}.key-interact{border:1px solid #657a70;background:#233b35;padding:3px 6px;color:var(--ink);font:13px monospace}.touch{flex-wrap:wrap}.touch #interact-control{font-size:13px}.controls{flex-wrap:wrap}