:root{font-family:system-ui,sans-serif;color:#fff7e8;background:#18302e}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button{font:inherit;cursor:pointer;border:0;background:#ffc35b;color:#213332;border-radius:10px;font-weight:800;padding:12px 18px}button:hover{background:#ffdf8c}button:disabled{opacity:.45;cursor:default}header{position:fixed;top:24px;left:28px;right:28px;display:flex;align-items:center;gap:16px;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:950;color:#ffd078}.brand span{font-size:15px;letter-spacing:2px;color:#fff}.brand small{display:block;font-size:8px;margin-top:4px;letter-spacing:2px}#stats{margin-left:auto;background:#193735e8;padding:12px 20px;border-radius:12px;font-size:16px;font-weight:750}header button{pointer-events:auto}aside{position:fixed;top:110px;left:28px;background:#153430dd;border:1px solid #ffffff25;border-radius:16px;padding:20px;width:270px;box-shadow:0 8px 32px #0002}.eyebrow{font-size:10px;letter-spacing:2px;color:#ffd078;font-weight:800}h2{font-size:21px;margin:10px 0}p{font-size:14px;line-height:1.6;color:#cbdcd5}#progress{font-size:12px;color:#ffd078}#map{position:fixed;right:28px;bottom:65px;width:145px;height:145px;border:3px solid #ffffff55;border-radius:20px;background:#173731dd}footer{position:fixed;bottom:22px;left:28px;right:28px;display:flex;gap:20px;font-size:11px;color:#f4f6df;text-shadow:0 1px 4px #000}#mode{color:#ffd078;font-weight:900;letter-spacing:2px}#prompt{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#173732ef;padding:13px 22px;border-radius:12px;display:none;white-space:nowrap;border:1px solid #ffd07877}#toast{position:fixed;top:90px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#ffcf78;color:#203531;border-radius:12px;opacity:0;transition:opacity .2s;font-weight:700;max-width:90vw}#intro{position:fixed;inset:0;background:linear-gradient(90deg,#102f2ff5,#102f2f77,transparent);display:flex;align-items:center;padding:8vw}.intro-card{max-width:600px}h1{font-size:clamp(55px,8vw,105px);line-height:.94;letter-spacing:-5px;margin:25px 0}em{font-style:normal;color:#ffca70}.intro-card p{font-size:17px}.intro-card button{margin:20px 0;padding:17px 28px}.intro-card small{display:block;color:#b1cdc0;font-size:11px}dialog{background:#173b36;color:#fff;border:1px solid #668978;border-radius:20px;padding:30px;width:min(530px,94vw);max-height:85vh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#071a1ab5}.close{float:right;background:#ffffff15;color:#fff;padding:5px 12px;font-size:22px}.item{background:#ffffff09;padding:15px;margin:12px 0;border-radius:12px}.item h3{margin:0 0 5px}.item p{margin:5px 0 12px}#touch{display:none;position:fixed;bottom:20px;left:20px;right:20px;align-items:flex-end;gap:12px;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;background:#183b35cc;color:white;border:1px solid #ffffff40;min-width:50px;height:50px}#pad{text-align:center;margin-right:auto}#pad div{display:flex;gap:5px;margin-top:5px}#action{background:#ffca70!important;color:#173b36!important;height:65px!important}@media(pointer:coarse){#touch{display:flex}footer{bottom:140px}footer span:last-child{display:none}#map{bottom:145px;width:110px;height:110px}#prompt{bottom:155px;font-size:12px}aside{width:220px;padding:14px;top:90px}header{top:15px;left:15px;right:15px}.brand{font-size:23px}.brand span{font-size:10px}#stats{font-size:12px;padding:10px}aside{left:15px}aside p{font-size:12px}aside h2{font-size:17px}}@media(max-height:500px){aside{top:75px}aside p{margin:5px 0}#map{bottom:100px;width:85px;height:85px}.intro-card h1{font-size:50px;margin:12px 0}.intro-card p{font-size:12px}.intro-card button{margin:8px 0}}