.playground{color:#f5ead0;background:#f0a248;height:100svh;min-height:520px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.world{position:absolute;inset:0}.world canvas{width:100%;height:100%;display:block}.hud{z-index:3;pointer-events:none;text-transform:uppercase;letter-spacing:.14em;color:#2a3322;grid-template-columns:1fr auto 1fr;align-items:start;gap:18px;padding:24px 30px;font-size:11px;display:grid;position:absolute;inset:0}.back{pointer-events:auto;color:#f3e9ce;background:#1f271be6;border:1px solid #262f1d38;border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:12px 17px;display:flex;box-shadow:0 8px 25px #2d25151f}.back b{letter-spacing:.05em;font-size:13px}.back span{color:#c2c59b;font-size:10px}.hud-title{color:#414832;text-align:center;letter-spacing:.17em;white-space:nowrap;background:#f6e7c2b8;border-radius:999px;justify-self:center;padding:12px 17px;font-size:10px;line-height:1.1}.hud-title i{color:#a35f36;font-family:Georgia,serif;font-weight:400}.hud-help{white-space:nowrap;color:#d4d5bd;letter-spacing:.1em;background:#1f271be6;border-radius:999px;justify-self:end;padding:12px 16px;font-size:10px}.hud-help b{color:#ffd166}.hud-help span{color:#89906d;padding:0 7px}.hud-coords{color:#35402a;letter-spacing:.16em;font-size:10px;position:absolute;bottom:22px;left:30px}.hud-coords span{color:#d36e39;padding:0 6px}.start-card{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c2219ed;border:1px solid #f7e1ac47;border-left:4px solid #f5bd57;width:min(360px,100vw - 60px);padding:25px 27px 22px;position:absolute;bottom:48px;left:30px;box-shadow:0 20px 60px #2d1f1138}.eyebrow,.near-card>span{letter-spacing:.18em;color:#e7bd69;font-size:10px}.start-card h1{letter-spacing:-.075em;color:#f5ead0;margin:21px 0 16px;font-size:clamp(48px,5vw,66px);line-height:.86}.start-card h1 i{color:#f3a65b;letter-spacing:-.08em;font-family:Georgia,serif;font-weight:400}.start-card p{color:#d0cfbd;max-width:300px;margin:0;font-size:15px;line-height:1.55}.start-card button{color:#272d20;letter-spacing:.12em;cursor:pointer;background:#f2bd5d;border:0;margin-top:17px;padding:13px 16px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.start-card button:hover{background:#ffcf70;transform:translateY(-2px)}.start-card small{color:#aeb29b;margin-top:15px;font-size:12px;line-height:1.4;display:block}.near-card{z-index:2;box-sizing:border-box;color:#f5ead0;overflow-wrap:anywhere;background:#1c2219f0;border-top:2px solid #e4b755;width:min(330px,100vw - 52px);padding:22px 24px;position:absolute;bottom:34px;right:26px;box-shadow:0 18px 52px #2d1f113d}.near-card h2{letter-spacing:-.035em;margin:14px 0 0;font-size:21px;line-height:1.16}.near-card p{color:#d0cfbd;margin:12px 0 0;font-size:14px;line-height:1.5}.near-card a{color:#ffd166;letter-spacing:.11em;margin-top:15px;font-size:12px;text-decoration:none;display:inline-block}.touch{z-index:3;gap:8px;display:none;position:absolute;bottom:18px;right:18px}.touch button{color:#ffe2a0;touch-action:none;background:#1f271beb;border:1px solid #28301f66;border-radius:50%;width:48px;height:48px;font-size:20px}.asset-credit{z-index:2;color:#303824c7;letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;bottom:14px;right:20px}@media (max-width:760px){.hud{grid-template-columns:1fr auto;gap:8px;padding:14px}.back{padding:10px 13px}.hud-title{font-size:9px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud-help{display:none}.hud-coords{font-size:9px;bottom:20px;left:16px}.start-card{width:min(340px,100vw - 32px);padding:21px 22px 19px;bottom:78px;left:16px}.start-card h1{margin:18px 0 13px;font-size:53px}.start-card p{font-size:15px}.start-card button{margin-top:13px}.near-card{width:min(290px,100vw - 32px);padding:18px 19px;bottom:82px;right:16px}.near-card h2{font-size:19px}.touch{display:flex}.asset-credit{font-size:8px;bottom:14px;left:16px;right:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (max-width:760px){.hud-title{top:20px;left:auto;right:14px;transform:none}.hud-coords{bottom:44px}.asset-credit{bottom:16px}}.world:focus{outline:none}.start-card button:disabled{opacity:.55;cursor:wait}.interact-button{color:#252d1d;cursor:pointer;background:#f2bd5d;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:18px;padding:13px 15px;font-weight:700;display:flex}.interact-button kbd,.station-footer kbd{border:1px solid;border-radius:4px;padding:3px 7px;font-family:inherit;font-size:12px}.near-card .interaction-hint{margin-top:10px;font-size:12px}.station-dialog{color:#283124;background:#f6efdc;border:1px solid #c9b98e;border-radius:16px;width:min(780px,100vw - 32px);height:fit-content;max-height:calc(100svh - 48px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 28px 120px #15200fb0}.station-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#182512a6}.station-dialog article{padding:30px}.station-heading{border-bottom:1px solid #d6c9a9;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.station-heading>span{letter-spacing:.16em;color:#6d704e;font-size:11px}.station-heading button{color:#283124;cursor:pointer;background:0 0;border:1px solid #a9ab88;border-radius:50%;width:42px;height:42px}.station-content{padding:26px 0 22px}.station-content.with-photo{grid-template-columns:160px 1fr;gap:28px;display:grid}.station-content img{object-fit:contain;object-position:bottom;background:#ddd7b8;border-radius:12px;width:160px;height:220px}.station-content h2{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(28px,4vw,40px);line-height:1.1}.station-content p{color:#4b5542;margin:0 0 16px;font-size:16px;line-height:1.65}.station-tags{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.station-tags li{border:1px solid #c5c6a3;border-radius:30px;padding:7px 11px;font-size:12px}.station-footer{border-top:1px solid #d6c9a9;justify-content:space-between;gap:14px;padding:20px 0 0;font-size:13px;display:flex}.station-footer button,.contact-action{color:#fff0c9;cursor:pointer;background:#293b28;border:0;border-radius:6px;padding:12px 16px;text-decoration:none}.station-footer button:last-child{color:#354831;background:0 0;border:1px solid #a9ab88}.contact-action{display:inline-block}.reset-control{z-index:3;color:#f6e7bd;cursor:pointer;background:#283b25;border:1px solid #a2ac77;border-radius:20px;padding:9px 13px;font-size:13px;position:absolute;bottom:54px;left:30px}.station-dialog button:focus-visible{outline-offset:3px;outline:3px solid #d98024}.interact-button:focus-visible{outline-offset:3px;outline:3px solid #d98024}.reset-control:focus-visible{outline-offset:3px;outline:3px solid #d98024}@media (max-width:760px){.station-dialog article{padding:20px}.station-content.with-photo{display:block}.station-content img{float:right;width:100px;height:125px;margin:0 0 12px 16px}.station-content h2{font-size:29px}.station-content p{font-size:15px}.station-footer{flex-wrap:wrap}.station-footer button{white-space:nowrap;flex:1;font-size:12px}.reset-control{padding:8px 12px;bottom:76px;left:16px}.touch{gap:6px}.touch button{width:44px;height:44px}.hud-coords{display:none}.asset-credit{font-size:7px;bottom:7px}.near-card{bottom:132px}.station-dialog{max-height:calc(100svh - 24px)}}