:root{font-family:Segoe UI,Arial,sans-serif;color:#faf3df;background:#b6c8c7;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:1px solid #d2dbc34d;background:#183e32e8;color:#faf3df;border-radius:5px;padding:11px 15px;transition:background .2s}button:hover{background:#41634b}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #edc37a;outline-offset:3px}#app,#world{position:absolute;inset:0;width:100%;height:100%}#world{outline:none;touch-action:none}header{position:absolute;top:0;left:0;right:0;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#173a3280,transparent);pointer-events:none}header nav{display:flex;gap:8px}header button{pointer-events:auto;font-size:11px}.eyebrow{display:block;font-size:9px;letter-spacing:1.8px;font-weight:600;color:#dae2ce}h1{font-size:21px;font-weight:500;margin:6px 0}h1 em{font-family:Georgia,serif;font-weight:400}.panel{z-index:5;position:absolute;top:100px;bottom:26px;left:28px;width:420px;max-width:calc(100% - 56px);height:max-content;max-height:calc(100% - 126px);overflow:auto;padding:27px 30px;background:#173c30f5;border:1px solid #cbd6bc45;box-shadow:0 25px 70px #102c2940;border-radius:8px;scrollbar-width:thin;scrollbar-color:#789177 #214436}h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;font-size:40px;margin:17px 0 18px}p{font-size:13px;line-height:1.65;color:#e0e5d7}.actions{display:grid;gap:8px;margin:22px 0}.primary{background:#e8c07d;color:#1c392c;border-color:transparent;font-weight:600}.primary:hover{background:#f2ce90}.instructions{font-size:11px;line-height:2;color:#c8d7c3}.instructions b{color:#f5ddb2}.menu-label{margin-top:22px}.destinations{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 20px}.destinations button{font-size:10px;padding:8px 10px}.toggle{font-size:11px;display:flex;gap:8px;align-items:center;cursor:pointer}.toggle input{accent-color:#e6bd74}.fineprint{font-size:10px;color:#c4d0bc;margin:17px 0 0}#loadError{color:#ffcfab}footer{position:absolute;left:28px;right:28px;bottom:23px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}footer>div{background:#163e30e6;border:1px solid #d1d9be33;padding:14px 18px;border-radius:6px;min-width:240px}footer strong{display:block;font-family:Georgia,serif;font-size:23px;font-weight:400;margin:6px 0}footer small{font-size:10px;color:#d4ddc8}footer button{pointer-events:auto;font-size:11px}#mapPanel{position:absolute;right:28px;top:105px;width:210px;border:1px solid #d3ddc05c;background:#183f31eb;border-radius:7px;padding:10px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#minimap{display:block;width:188px;height:256px}.map-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;margin:3px 2px 8px}.map-caption{font-size:8px;letter-spacing:1px;display:block;text-align:center;padding:10px 0;color:#e0e5d5}.map-key{border-top:1px solid #d1d9be33;padding-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:8px;color:#d8dfcd}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:27px;color:#fff7d4c9;pointer-events:none}#toast{position:absolute;left:50%;bottom:145px;transform:translate(-50%);background:#163c30ed;border:1px solid #d2dfbd66;border-radius:6px;padding:13px 22px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none;max-width:80%;text-align:center}#toast.show{opacity:1}#compass{position:absolute;top:28px;left:50%;transform:translate(-50%);display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:1.4px;color:#fff9e6;text-shadow:0 1px 4px #1a352a}#compass i{height:20px;border-left:1px solid #fff8}#inputMode{font-size:8px}#guide{position:absolute;top:100px;left:28px;display:flex;align-items:center;gap:13px;padding:12px 16px;background:#183d32d9;border-left:2px solid #e8c07d;border-radius:3px;pointer-events:none}#guide strong{display:block;font-size:14px;margin:4px 0}#guide small{font-size:10px;color:#e1e7d5}.guide-arrow{font-size:28px;color:#edc785;display:block}body.menu-open footer,body.menu-open #guide,body.menu-open #compass{display:none}.notebook{width:620px}.notebook-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notebook-heading h2{margin-bottom:0}.notebook-heading button{font-size:11px}#notebookProgress{border-bottom:1px solid #bdcba840;padding-bottom:14px}article{padding:14px 0;border-bottom:1px solid #bdcba830}article h3{font:23px Georgia,serif;margin:8px 0}article .eyebrow{font-size:8px;color:#e4c382}article p{font-size:12px;margin:9px 0 12px}article button{font-size:10px;padding:7px 11px;margin-right:6px}article .visit-status{float:right;font-size:10px;color:#e7c789}.menu-open #mapPanel{opacity:.8}@media(max-width:850px){#compass{top:auto;bottom:140px}header{padding:19px 20px}h1{font-size:18px}header .eyebrow{font-size:7px}#mapPanel{right:20px;width:158px}#minimap{width:136px;height:185px}.map-key{grid-template-columns:1fr;font-size:8px}.panel{left:20px;max-width:calc(100% - 40px)}#guide{left:20px}footer{left:20px;right:20px}}@media(max-width:600px){header nav{gap:4px}header button{padding:9px;font-size:9px}header .eyebrow{display:none}h1{font-size:16px}#mapPanel{top:158px;right:14px;width:127px}#minimap{width:105px;height:143px}.map-key{display:none}.map-caption,.map-title{font-size:7px}#guide{top:88px;padding:9px 12px;max-width:calc(100% - 40px)}#guide .eyebrow{font-size:7px}.panel{top:80px;max-height:calc(100% - 98px);padding:22px}h2{font-size:34px}.menu-open #mapPanel{display:none}footer strong{font-size:18px}footer>div{min-width:0;padding:12px}footer small{font-size:8px}#compass{bottom:128px}#toast{bottom:165px;width:85%}.notebook-heading{align-items:start}.notebook-heading button{padding:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.fresh-walk{font-size:11px;margin-top:20px}.control-toggle{margin-top:14px}.phone-instructions,#touchControls{display:none}.block-world header nav{gap:6px}.block-world #compass{top:80px}.block-world #saveStatus{position:absolute;right:28px;top:80px;font-size:10px;color:#f6f2db;text-shadow:0 1px 3px #243d31}.block-world .save-error{color:#ffdb8d!important}.block-world #storageWarning{font-size:11px;color:#ffe0a6}.block-world #mapPanel,.block-world #guide{top:112px}.block-world footer{bottom:26px}.block-world footer>div{max-width:280px}.block-world footer strong{font-size:19px}.block-world #crosshair{font-size:24px;text-shadow:0 1px 3px #183b29}.save-actions{display:flex;flex-wrap:wrap;gap:6px}.save-actions button{font-size:10px;padding:8px}.reference-link{display:block;margin-top:17px;font-size:11px;color:#e6c78c}.block-world #buildTools{position:absolute;bottom:18px;left:50%;transform:translate(-50%);text-align:center;background:#15382ce8;border:1px solid #e0d9b34d;border-radius:7px;padding:10px 12px;min-width:420px}.build-readout{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin:0 4px 9px}.build-readout strong{color:#efd09b}.build-readout span{color:#cbd9c3;font-size:10px}#hotbar{display:flex;gap:5px}#hotbar button{position:relative;padding:8px 4px 5px;width:51px;border:1px solid #dce5cc44;background:#254a36;border-radius:3px}#hotbar button.selected{border:2px solid #ffe4a5;background:#59724a;box-shadow:0 0 0 2px #e8c07d33}#hotbar kbd{position:absolute;left:4px;top:2px;font:8px Segoe UI;color:#e0e5d4}.block-swatch{display:block;width:23px;height:23px;background:var(--block);margin:2px auto 6px;box-shadow:inset -5px -5px #0002,inset 3px 3px #fff2;image-rendering:pixelated}#hotbar small{display:block;font-size:8px}.build-actions{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:8px}.build-actions button{font-size:10px;padding:5px 8px}.build-actions span{font-size:9px;color:#c5d3b9;margin-left:8px}#proposalBadge{position:absolute;left:28px;top:202px;font-size:8px;letter-spacing:1.3px;padding:7px 9px;color:#f3d49c;background:#173a2cd9;border-radius:3px}.block-world #toast{bottom:190px}.block-world.menu-open #buildTools,.block-world.menu-open #proposalBadge{display:none}.block-world.menu-open #saveStatus{z-index:6}.block-world .fineprint{font-size:10px}.block-world .panel{max-height:calc(100% - 126px)}@media(max-width:1100px){.block-world footer{bottom:190px}.block-world footer>div{max-width:240px;padding:10px 12px}.block-world footer strong{font-size:17px}.block-world #compass{left:28px;transform:none}.block-world #saveStatus{right:20px}.block-world #buildTools{bottom:14px}.block-world #toast{bottom:290px}}@media(max-width:600px){.block-world header{padding:17px 13px}.block-world header button{font-size:8px;padding:7px}.block-world header h1{font-size:15px}.block-world #saveStatus{top:65px;right:14px;font-size:8px}.block-world #compass{top:88px;bottom:auto;left:20px;font-size:9px}.block-world #guide{top:120px}.block-world #proposalBadge{left:20px;top:203px;font-size:6px}.block-world #mapPanel{top:120px}.block-world #buildTools{min-width:0;width:calc(100% - 24px);padding:8px}.block-world #hotbar{justify-content:center;gap:3px}.block-world #hotbar button{width:calc((100vw - 60px)/7);max-width:50px}.block-world .build-readout{font-size:10px;gap:7px}.block-world .build-readout span{font-size:8px}.block-world footer{bottom:186px}.block-world footer>div{max-width:220px}.block-world footer strong{font-size:15px}.block-world .panel{top:91px;max-height:calc(100% - 105px)}.block-world #toast{bottom:280px}}.block-world.touch-mode{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-mode button{touch-action:manipulation;min-height:44px}.touch-mode .phone-instructions{display:block;font-size:12px;line-height:1.65;color:#f5ddb2}.touch-mode .instructions,.touch-mode #dragStart{display:none}.touch-mode #touchControls{display:block;position:absolute;inset:0;pointer-events:none;z-index:2}.touch-mode.menu-open #touchControls{display:none}#touchLook{position:absolute;inset:74px 0 150px 38%;pointer-events:auto;touch-action:none}#touchLook>span{position:absolute;right:22px;bottom:160px;font-size:8px;letter-spacing:1.5px;color:#f8efd8bb;pointer-events:none;text-shadow:0 1px 4px #123b29}#movePad{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:calc(166px + env(safe-area-inset-bottom));width:132px;height:132px;border:1px solid #e7e9c577;border-radius:50%;background:#183d3277;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 25px #16372b44}#moveStick{position:absolute;left:43px;top:43px;width:44px;height:44px;background:#e7c78b99;border:2px solid #fff0c7bb;border-radius:50%;pointer-events:none}.stick-arrows{position:absolute;inset:8px;text-align:center;line-height:32px;color:#fff4;font-size:18px;pointer-events:none}#movePad small{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#fff5da;pointer-events:none}#touchActions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(169px + env(safe-area-inset-bottom));display:grid;gap:10px;pointer-events:auto}#touchActions button{width:76px;height:52px;border-radius:12px;background:#173e32cc;border-color:#e4dbb677;font-size:13px}#touchActions button[aria-pressed=true]{background:#e8c07d;color:#1d382c}.block-world.touch-mode #buildTools{z-index:3;bottom:calc(8px + env(safe-area-inset-bottom));min-width:0;width:min(410px,calc(100% - 24px));padding:8px}.touch-mode #hotbar{justify-content:center;gap:3px}.touch-mode #hotbar button{width:calc((100vw - 58px)/7);max-width:50px;min-width:0;min-height:48px}.touch-mode .build-actions{gap:5px}.touch-mode .build-actions button{min-height:44px;flex:1;font-size:12px}.touch-mode .build-actions span{display:none}.touch-mode .build-readout{margin-bottom:6px}.touch-mode #hotbar kbd{display:none}.block-world.touch-mode header{z-index:4;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.touch-mode header button{font-size:10px;padding:8px}.touch-mode header h1{font-size:14px}.touch-mode header .eyebrow{display:none}.block-world.touch-mode #saveStatus{top:calc(62px + env(safe-area-inset-top));right:14px;font-size:8px;z-index:4;pointer-events:none}.block-world.touch-mode #compass{top:82px;left:16px;bottom:auto;transform:none;font-size:9px}.block-world.touch-mode #guide{top:108px;left:16px;padding:8px 10px;z-index:1}.touch-mode #guide .eyebrow{display:none}.touch-mode #guide strong{font-size:12px}.touch-mode #guide small{font-size:9px}.block-world.touch-mode #proposalBadge{top:177px;left:16px;font-size:6px;max-width:190px;z-index:1}.block-world.touch-mode #mapPanel{top:102px;right:12px;z-index:4;width:125px;padding:9px}.touch-mode #minimap{width:105px;height:143px}.touch-mode .map-key{display:none}.block-world.touch-mode footer{inset:208px 16px auto;z-index:3}.touch-mode footer>div{display:none}.touch-mode footer button{font-size:10px}.block-world.touch-mode #toast{z-index:4;bottom:320px;font-size:11px}.block-world.touch-mode .panel{top:84px;left:max(12px,env(safe-area-inset-left));width:440px;max-width:calc(100% - 24px);max-height:calc(100dvh - 98px - env(safe-area-inset-bottom));padding:20px;z-index:5}.touch-mode .panel button{min-height:44px}.touch-mode .panel .toggle{min-height:40px;font-size:12px}.touch-mode .panel input[type=checkbox]{width:20px;height:20px}@media(orientation:landscape)and (max-height:600px){.block-world.touch-mode header{padding-top:4px}.block-world.touch-mode header h1{font-size:13px}.touch-mode header button{padding:5px 10px}.block-world.touch-mode #saveStatus{top:53px}.block-world.touch-mode #compass{top:55px}.block-world.touch-mode #guide,.block-world.touch-mode #proposalBadge{display:none}.block-world.touch-mode footer{top:80px;left:14px}.block-world.touch-mode #mapPanel{top:78px;right:12px;width:111px}.touch-mode #minimap{width:91px;height:124px}#movePad{bottom:calc(34px + env(safe-area-inset-bottom));width:116px;height:116px}#moveStick{top:35px;left:35px}#touchActions{bottom:calc(30px + env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));gap:8px}#touchActions button{width:68px;height:46px}.block-world.touch-mode #buildTools{width:min(360px,calc(100% - 310px));padding:7px}.touch-mode #hotbar button{width:calc((100vw - 340px)/7);max-width:44px;padding:4px 0}.touch-mode #hotbar small{display:none}.touch-mode .block-swatch{margin:3px auto;width:22px;height:22px}.touch-mode #hotbar button{min-height:38px}.touch-mode .build-readout{font-size:10px}.touch-mode .build-readout span{max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#touchLook{top:70px;bottom:150px;left:34%}#touchLook>span{right:110px;bottom:5px}.block-world.touch-mode #toast{bottom:155px}.block-world.touch-mode .panel{top:65px;max-height:calc(100dvh - 80px);width:500px}.touch-mode .panel h2{font-size:28px}}