:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#173527;background:#edf3e8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid #b1c8b4;border-radius:10px;padding:9px 13px;background:white;color:#234633;cursor:pointer}button:hover{background:#e5f4df}button:focus-visible{outline:3px solid #e5a929}.primary{background:#1e6742;color:white;border-color:#1e6742}.primary:hover{background:#155236}.muted{color:#617168}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#244d37;color:white}header small{letter-spacing:2px;color:#b9d7c0}h1{margin:2px 0;font-size:24px}.stats{display:flex;flex-wrap:wrap;gap:8px}.stats span{padding:9px 13px;background:#356a4d;border-radius:9px}main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;padding:18px;max-width:1450px;margin:auto}.world,aside,.bottom{background:#fff;border-radius:16px;box-shadow:0 5px 16px #19402b12;overflow:hidden}.world-header{display:flex;justify-content:space-between;gap:12px;padding:15px}.world-header span{color:#62756b;font-size:13px}canvas{display:block;width:100%;height:auto;background:#bfe3a8;touch-action:none}.movement{text-align:center;padding:8px;display:none}.movement button{min-width:52px}aside{padding:13px;min-height:500px}nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}nav button{padding:9px}.active{background:#d4ead5;border-color:#5f966b}h2{font-size:20px;margin:5px 0 10px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.5}.tile{border:1px solid #deeadf;border-radius:11px;padding:12px;margin:10px 0;background:#fafcf9}.tile p{margin:4px 0 9px;font-size:14px}.tile button{margin:3px 4px 3px 0}.small{font-size:13px;color:#566d60}.bottom{max-width:1414px;margin:0 auto 16px;padding:13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bottom #message{flex:1;min-width:220px;font-weight:600}.import{padding:9px 12px;border:1px solid #b1c8b4;border-radius:10px;cursor:pointer}footer{text-align:center;padding:0 10px 25px;color:#65786a;font-size:12px}.alert{color:#944a20}.good{color:#24764b}.row{display:flex;justify-content:space-between;gap:6px}.pill{display:inline-block;padding:3px 7px;border-radius:8px;background:#e6f4e7;font-size:12px}.disabled{opacity:.5}ul{padding-left:20px}li{margin:5px 0}@media(max-width:900px){main{grid-template-columns:1fr;padding:8px;gap:8px}.movement{display:block}.world-header{display:block}.world-header span{display:block;margin-top:4px}.bottom{margin:8px}header{padding:12px;flex-wrap:wrap}.stats span{font-size:13px}}