:root{--ink:#263a30;--paper:#f7f8ed;--accent:#d5ef70;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px}*{box-sizing:border-box}body{color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #536c37}.game{background:#dce7dc;height:100svh;min-height:560px;position:relative;overflow:hidden}.world{position:absolute;inset:0}.world canvas{display:block}.topbar{padding:var(--space-6) var(--space-8);z-index:2;background:linear-gradient(#e9eee4e6,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-2px;font-size:32px;font-weight:800}.brand span{letter-spacing:3px;margin-top:3px;font-size:8px;display:block}.edition{align-items:center;gap:var(--space-3);letter-spacing:2px;font-size:10px;display:flex}.live{background:#73884b;border-radius:50%;width:6px;height:6px;display:inline-block}.alpha{letter-spacing:1px;border:1px solid #8e9f8b;padding:5px 7px;font-size:9px}.topbar button{padding:var(--space-3) var(--space-4);border:1px solid #9cae9a;border-radius:30px;font-size:12px}.location{top:135px;left:var(--space-8);pointer-events:none;position:absolute}.location>span,.eyebrow{letter-spacing:2px;font-size:10px}.location h1{letter-spacing:-1px;margin:var(--space-3) 0;font-size:28px}.location p{color:#5f7562;margin:0;font-size:14px}.map{right:var(--space-8);width:240px;padding:var(--space-4);border-radius:var(--space-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eaf0dfd9;border:1px solid #f8faeda8;position:absolute;bottom:110px}.maphead,.mapfoot{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.map svg{width:100%;margin:var(--space-2) 0;display:block}.mapfoot{letter-spacing:0;color:#5d715f;font-size:10px}.speed{left:var(--space-8);position:absolute;bottom:125px}.speed strong{letter-spacing:-5px;font-variant-numeric:tabular-nums;font-size:80px;font-weight:400}.speed>span{margin-left:var(--space-3);font-size:12px}.speed>div{letter-spacing:2px;margin-top:var(--space-2);font-size:12px}.speed small{opacity:.6}.bottom{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-5) var(--space-8);background:#e8eee2d9;border-top:1px solid #ffffff80;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom>div{gap:var(--space-3);align-items:center;display:flex}.bottom b{letter-spacing:2px}.bottom p{opacity:.65}.bottom button{font-size:12px}.help{gap:var(--space-5);white-space:nowrap;align-items:center;font-size:10px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.help>span,.help button{align-items:center;gap:5px;display:flex}.help button{font-size:10px}kbd{font:inherit;text-align:center;background:#eff3e785;border:1px solid #8e9f8b;border-radius:3px;min-width:20px;padding:4px;font-size:10px}.veil{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-5);background:#283a2929;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro,.point{width:450px;padding:var(--space-12);background:#f7f8edf2;border:1px solid #ffffffb0;border-radius:4px;box-shadow:0 24px 90px #293d2926}.intro h2,.point h2{letter-spacing:-2px;margin:var(--space-6) 0 var(--space-5);font-size:42px;font-weight:500;line-height:1.35}.intro p,.point p{color:#60705e;margin:0 0 var(--space-8);word-break:keep-all;font-size:14px;line-height:1.9}.primary{background:var(--ink);width:100%;color:var(--paper);text-align:left;padding:var(--space-5);border-radius:3px;font-size:14px;display:block}.introkeys{justify-content:space-between;gap:var(--space-3);margin:var(--space-5) 0;font-size:10px;display:flex}.intro>small,.point>small{color:#798271;font-size:10px;line-height:1.8;display:block}.near{min-width:220px;padding:var(--space-5);gap:var(--space-2);background:var(--paper);border:1px solid var(--accent);text-align:left;border-radius:4px;flex-direction:column;display:flex;position:absolute;bottom:175px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #30432a20}.near>span{letter-spacing:2px;font-size:9px}.near b{font-size:20px}.near small{font-size:11px}.near kbd{margin-left:var(--space-5)}.point{position:relative}.close{top:var(--space-5);right:var(--space-5);padding:var(--space-2);position:absolute}.point h2{margin-bottom:var(--space-2)}.pointen{letter-spacing:2px;color:#75816e;font-size:10px}.point p{margin-top:var(--space-6);margin-bottom:var(--space-5)}.pointlinks{gap:var(--space-2);margin-bottom:var(--space-4);display:grid}.pointlinks a{padding:var(--space-4);border:1px solid #ccd3be;font-size:12px}.point .primary{margin-top:var(--space-6)}.touch{display:none}@media (max-width:760px){.topbar{padding:var(--space-5)}.brand{font-size:27px}.edition{display:none}.location{left:var(--space-5);top:110px}.location h1{font-size:22px}.location p{font-size:12px}.map{width:160px;right:var(--space-5);padding:var(--space-3);bottom:170px}.maphead{font-size:8px}.speed{left:var(--space-5);bottom:185px}.speed strong{font-size:60px}.bottom{padding:var(--space-4) var(--space-5);min-height:60px}.bottom p,.help{display:none}.touch{bottom:85px;left:var(--space-5);right:var(--space-5);gap:var(--space-2);display:flex;position:absolute}.touch button{touch-action:none;-webkit-user-select:none;user-select:none;background:#eef2e2e6;border:1px solid #9aab8a;border-radius:50%;width:55px;height:55px}.touch button:last-child{background:var(--accent);margin-left:auto}.near{min-width:180px;bottom:350px}.intro,.point{padding:var(--space-8);max-height:90svh;overflow:auto}.intro h2,.point h2{font-size:34px}.introkeys{flex-wrap:wrap;font-size:9px}}