:root{color:#27483e;font-synthesis:none;background:#eee7d4;font-family:DM Sans,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #d77f4c}input:focus{outline-offset:2px;outline:2px solid #d08656}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing{background:#f0e8d5;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.landing-top{z-index:1;justify-content:space-between;align-items:center;padding:34px 5%;display:flex;position:relative}.wordmark{letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:700}.wordmark span{letter-spacing:2.2px;margin-top:7px;font:9px DM Sans,sans-serif;display:block}.landing-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.models-dev-link{color:#355245;text-underline-offset:3px;background:#fbf7ea;border:1px solid #8ca08a;border-radius:4px;padding:10px 14px;font-size:12px;text-decoration:underline}.models-dev-link:hover,.models-dev-link:focus-visible{background:#e7e5d3}.landing-settings{color:#355245;background:#fbf7ea;border:1px solid #8ca08a;border-radius:4px;padding:10px 14px;font-size:12px}.landing-settings:hover,.landing-settings:focus-visible{background:#e7e5d3}.party i{background:#7f976d;border-radius:50%;width:6px;height:6px;display:inline-block}.landing-content{z-index:1;flex:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:9%;padding:25px 10% 90px;display:grid;position:relative}.intro{align-self:start;padding-top:40px}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:700}.intro h1{letter-spacing:-5px;margin:24px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(55px,6.3vw,92px);font-weight:500;line-height:1.02}.intro h1 span{color:#8f5535}.intro p{color:#5c6b58;font-size:15px;line-height:1.8}.coordinates{letter-spacing:1.2px;color:#59664f;margin-top:32px;font-size:9px}.coordinates span{margin:0 8px}.notebook{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbf7eade;border:1px solid #dfd6bf;border-radius:4px;width:100%;max-width:430px;padding:31px;position:relative;box-shadow:0 14px 40px #73604210}.notebook:before{content:"";opacity:.7;background:repeating-linear-gradient(90deg,#8ca08a 0 25px,#0000 25px 33px);height:4px;display:block;position:absolute;top:-2px;left:30px;right:30px}.note-number{letter-spacing:1.5px;color:#766848;font-size:9px}.notebook h2{letter-spacing:-1px;margin:21px 0 10px;font:500 35px Space Grotesk,sans-serif}.notebook p{color:#5d6b55;margin:0 0 26px;font-size:13px;line-height:1.7}.notebook label{letter-spacing:1.5px;margin-bottom:10px;font-size:9px;font-weight:700;display:block}.notebook input{color:#355245;background:#fffdf3;border:1px solid #cfc8b3;border-radius:3px;width:100%;min-width:0;padding:13px;font-size:14px}.notebook input::placeholder{color:#7d806c}.primary{color:#fff9e8;background:#365b48;border-radius:3px;justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding:15px 18px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.primary:hover{background:#244433}.primary span{font-size:20px;font-weight:400}.divider{letter-spacing:1px;color:#66705b;white-space:nowrap;align-items:center;gap:10px;margin:26px 0;font-size:8px;display:flex}.divider:before,.divider:after{content:"";background:#e1ddcb;flex:1;height:1px}.join-row{gap:9px;display:flex}.join-row input{letter-spacing:3px;font-family:Space Grotesk,monospace}.secondary{color:#355245;white-space:nowrap;background:#e7e5d3;border-radius:3px;padding:0 18px;font-size:12px;font-weight:600}.secondary:hover{background:#d9ddc6}.note-footer{color:#66705b;justify-content:space-between;margin-top:25px;font-size:9px;display:flex}.landing-bottom{z-index:1;color:#55664f;letter-spacing:.5px;justify-content:space-between;padding:22px 5%;font-size:10px;display:flex;position:relative}.landing-bottom span:last-child{letter-spacing:1.5px;font-size:8px}.landscape{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sun{opacity:.4;background:#dfb67a;border-radius:50%;width:140px;height:140px;position:absolute;top:20%;left:43%}.ridge{clip-path:polygon(0 35%,8% 38%,16% 0,27% 19%,32% 10%,38% 34%,48% 12%,60% 30%,72% 8%,78% 30%,90% 18%,100% 47%,100% 100%,0 100%);background:#d2bb90;width:110%;height:42%;position:absolute;bottom:0}.ridge.far{background:#ddceb0;height:25%;bottom:9%}.ridge.near{background:#c9b58d;height:20%}.desert-road{clip-path:polygon(34% 0,37% 0,87% 100%,0% 100%);background:#9a9c83;width:70%;height:25%;position:absolute;bottom:-20px;left:15%}.road-line{clip-path:polygon(37% 0,37.2% 0,45% 100%,43.8% 100%);opacity:.7;background:#e8d8b2;width:60%;height:24%;position:absolute;bottom:0;left:17%}.sign{color:#f0dec0;letter-spacing:2px;background:#4e6a50;border:3px solid #d3c49c;padding:10px 22px;font-size:10px;position:absolute;bottom:12%;left:10%;transform:rotate(-6deg)}.sign:after{content:"";background:#a18d65;width:4px;height:45px;position:absolute;top:100%;left:50%}.sign b{letter-spacing:0;margin-top:5px;font-size:17px;display:block}.tiny-car{background:#718a6f;border-radius:10px 10px 3px 3px;width:95px;height:40px;position:absolute;bottom:10%;left:43%;transform:rotate(6deg);box-shadow:0 6px 5px #85774f50}.tiny-car:before{content:"";clip-path:polygon(16% 0,77% 0,100% 100%,0 100%);background:#799778;width:67px;height:26px;position:absolute;top:-21px;left:14px}.tiny-car:after{content:"";clip-path:polygon(12% 0,80% 0,100% 100%,0 100%);background:#b1c5a8;width:46px;height:15px;position:absolute;top:-17px;left:23px}.tiny-car i,.tiny-car span{background:#535b48;border-radius:4px;width:16px;height:20px;position:absolute;bottom:-8px}.tiny-car i{left:6px}.tiny-car span{right:6px}.tiny-car em{background:#bac0a0;width:66px;height:5px;position:absolute;bottom:7px;left:15px}.error{background:#f6e2d5;padding:12px;color:#9a4b35!important;margin-top:16px!important;margin-bottom:0!important}.remembered-worlds h3{margin-top:22px;font-size:13px}.game{color:#f9f4dc;background:#d8c7a2;position:fixed;inset:0}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.game-top{text-shadow:0 1px 8px #26493b66;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:26px;left:32px;right:32px}.game-top h2{letter-spacing:-.5px;margin:7px 0;font:500 22px Space Grotesk,sans-serif}.room-badge{color:#3f5b48;letter-spacing:1px;pointer-events:auto;background:#f7f1dfec;border:1px solid #f8f4e7;border-radius:4px;padding:12px 15px;font-size:9px;box-shadow:0 3px 18px #61704a19}.room-badge strong{margin:0 7px;font:600 15px Space Grotesk,monospace}.party{letter-spacing:1px;color:#405c48;background:#fcf6dfbc;border-radius:3px;align-items:center;gap:8px;padding:8px 11px;font-size:9px;display:flex;position:absolute;top:105px;left:32px}.party span{letter-spacing:0;opacity:.75;font-size:10px}.crosshair{opacity:.75;text-shadow:0 0 5px #445c3c;pointer-events:none;font-size:20px;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair.grab,.crosshair.wrench{opacity:1;color:#f1ead2;filter:drop-shadow(0 0 4px #25382d)}.hold-ring{fill:none;stroke-width:3px;pointer-events:none;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.hold-ring-track{stroke:#25382d66}.hold-ring-value{stroke:#f1ead2;stroke-linecap:round;filter:drop-shadow(0 0 3px #25382d)}.interaction{pointer-events:none;white-space:nowrap;background:#25382d;border:1px solid #e9e5c9aa;border-radius:4px;padding:12px 19px;font-size:14px;position:absolute;bottom:20px;left:32px;box-shadow:0 6px 22px #0006}.game-bottom{pointer-events:none;text-shadow:0 1px 12px #36503b;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:75px;left:32px;right:32px}.location{flex-direction:column;gap:8px;display:flex}.held-line{font-size:12px}.held-line strong{font-weight:700}.dashboard{text-align:right;background:#314e40c9;border:1px solid #b6b88f55;border-radius:4px;flex-direction:column;gap:7px;margin-bottom:26px;padding:15px 21px;display:flex}.dashboard strong{font:500 37px Space Grotesk,monospace}.dashboard small{font-size:10px}.dashboard span{letter-spacing:1px;font-size:9px}kbd{background:#42523d50;border:1px solid #e9e5c999;border-radius:3px;padding:4px 6px;font:9px DM Sans,sans-serif}.pause{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#27483e;background:#1d3b2f55;place-items:center;display:grid;position:absolute;inset:0}.pause .notebook{max-height:calc(100svh - 24px);padding:34px;overflow-y:auto}.pause .notebook h2{margin-top:15px}.text-button{text-align:center;color:#64755c;background:0 0;width:100%;padding:14px;font-size:12px;display:block}.muted{text-align:center;color:#66705b!important;margin:12px 0 0!important;font-size:11px!important}.toast{color:#496044;z-index:4;background:#fcf5df;border-radius:4px;max-width:90%;padding:13px 20px;font-size:13px;position:absolute;top:150px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #41503622}.invite-button{color:#365b48;background:#e7e5d3;border-radius:3px;width:100%;margin-top:10px;padding:12px;font-size:12px}.notebook .lock-error{color:#785939;background:#f4e7cf;border-left:3px solid #b57e4e;margin-bottom:15px;padding:11px 13px;font-size:12px}.drag-hint{color:#405c48;pointer-events:none;background:#f8f0d9dd;border:1px solid #e2d9bd;border-radius:3px;max-width:320px;padding:9px 12px;font-size:10px;position:absolute;top:104px;right:32px}.pockets{align-items:center;gap:8px;display:flex}.pockets i{background:#26352dbd;border:1px solid #e9e5c933;border-radius:10px;place-items:center;width:58px;height:58px;font:600 16px DM Sans,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px 5px #00000025}.radio-pie{z-index:0;background:conic-gradient(#e9e5c9aa var(--left), transparent 0);pointer-events:none;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pockets i>img{z-index:1;position:relative}.pockets i.selected{background:#3a5041da;border:1px solid #e9e5c9aa}.pockets i.held{background:#314e40b0;border:2px solid #f3ecc8;box-shadow:0 0 0 1px #00000040}.pockets img{object-fit:contain;pointer-events:none;width:48px;height:48px}.pockets small{letter-spacing:1px;opacity:.8;max-width:90px;font-size:9px}.debug-panel{z-index:5;letter-spacing:.5px;color:#f0e8cf;pointer-events:none;background:#26352dd9;border:1px solid #b6b88f55;border-radius:4px;flex-direction:column;gap:3px;min-width:132px;padding:10px 14px;font:500 12px ui-monospace,Consolas,monospace;display:flex;position:absolute;top:96px;right:32px}.debug-panel strong{margin-bottom:4px;font-size:18px}.debug-seed{color:inherit;font:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:#3a5446;border:1px solid #b6b88f55;border-radius:3px;margin-top:4px;padding:5px 8px}.debug-option{cursor:pointer;pointer-events:auto;align-items:center;gap:8px;padding:5px 0;display:flex}.debug-option input{accent-color:#b6d49d}.debug-option kbd{margin-left:auto}.debug-panel small{opacity:.75;max-width:220px;margin-top:4px;font-size:10px}.vitals{pointer-events:none;background:#283b32d9;border:1px solid #eee0b838;border-radius:10px;gap:5px;width:168px;padding:8px 10px;display:grid;position:absolute;bottom:16px;right:32px}.vital{color:#eee0b8;grid-template-columns:14px 1fr 28px;align-items:center;gap:7px;font-size:11px;display:grid}.vital svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.vital-meter{background:#eee0b827;border-radius:6px;height:6px;overflow:hidden}.vital-meter i{border-radius:inherit;background:#d8574a;height:100%;transition:width .2s;display:block}.vital-food .vital-meter i{background:#6fb86f}.vital-water .vital-meter i{background:#5aa2dc}.vital>span{text-align:right}.vital small{font-size:8px}.vital-low svg,.vital-low>span{color:#f0bb83}.vital-low .vital-meter{box-shadow:0 0 0 1px #f0bb83aa}.vital-status{display:none}@media (max-width:680px){.vitals{width:140px;bottom:12px;right:12px}}.rescue-hud{color:#eee0b8;pointer-events:none;gap:8px;max-width:310px;font-size:12px;display:grid;position:absolute;top:148px;right:24px}.convoy-warning{color:#f0bb83;background:#293b33d9;border:1px solid #f0bb8380;border-radius:9px;gap:8px;padding:9px 12px;display:grid}.convoy-warning strong{font-size:13px}@media (max-width:680px){.rescue-hud{max-width:260px;font-size:11px;top:122px;right:12px}}.downed-screen{z-index:3;pointer-events:none;-webkit-backdrop-filter:saturate(.45);backdrop-filter:saturate(.45);background:radial-gradient(#0000 35%,#3a1612aa 100%),#1d2a2455;place-items:end center;padding-bottom:14vh;animation:.8s ease-out both downed-in;display:grid;position:absolute;inset:0}.downed-card{color:#eee0b8;text-align:center;pointer-events:auto;background:#283b32e6;border:1px solid #eee0b84d;border-radius:14px;width:min(380px,100% - 32px);padding:22px 24px}.downed-card .eyebrow{color:#f0bb83}.downed-card h2{letter-spacing:-.5px;margin:8px 0 10px;font:500 28px Space Grotesk,sans-serif}.downed-card p{margin:0 0 12px;font-size:13px;line-height:1.55}.downed-mate{color:#f0bb83}.downed-meter{background:#eee0b827;border-radius:6px;height:6px;margin:14px 0 10px;overflow:hidden}.downed-meter i{border-radius:inherit;background:#6fb86f;height:100%;transition:width .3s linear;display:block}.downed-timer{font-size:12px}.downed-rescue{color:#293b33;background:#eee0b8;border:1px solid #eee0b880;border-radius:8px;padding:11px 18px;font-size:13px}@keyframes downed-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.downed-screen{animation:none}.downed-meter i{transition:none}}.loading-screen{z-index:8;color:#27483e;background:linear-gradient(#c5d9d5,#e9dfc3);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.loading-card{text-align:center;width:min(360px,100%)}.loading-card h2{letter-spacing:-1px;margin:12px 0 22px;font:500 30px Space Grotesk,sans-serif}.loading-meter{background:#27483e22;border-radius:6px;height:6px;overflow:hidden}.loading-meter i{border-radius:inherit;background:#54705a;height:100%;transition:width .25s ease-out;display:block}.loading-label{color:#51644a;margin-top:12px;font-size:12px;display:block}.link-banner{z-index:6;text-align:center;color:#6b4c2a;pointer-events:none;background:#f4e7cf;border-radius:6px;max-width:calc(100% - 32px);padding:10px 16px;font-size:12px;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 3px 15px #41503633}.link-banner.lost{color:#7a2f22;background:#f1d5ce}@media (prefers-reduced-motion:reduce){.loading-meter i{transition:none}}.settings-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d3b2f88;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settings-panel{color:#27483e;max-height:100%;overflow-y:auto}.settings-tabs{border-bottom:1px solid #dfd6bf;gap:6px;margin:16px 0 20px;display:flex}.settings-tabs button{color:#72806a;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:12px}.settings-tabs button.on{color:#27483e;border-bottom-color:#54705a;font-weight:700}.settings-group{text-align:left;margin-bottom:22px}.settings-group>label,.settings-label{letter-spacing:1.5px;justify-content:space-between;margin-bottom:8px;font-size:9px;font-weight:700;display:flex}.settings-group small{color:#72806a;margin-top:8px;font-size:11px;line-height:1.5;display:block}.settings-row{align-items:center;gap:12px;display:flex}.settings-row input[type=range]{accent-color:#54705a;flex:1;min-width:0;padding:0}.settings-row .invite-button{white-space:nowrap;width:auto;margin:0}.settings-choices{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.settings-choices button{color:#365b48;background:#e7e5d3;border-radius:3px;padding:11px 6px;font-size:12px}.settings-choices button.on{color:#fbf7ea;background:#365b48}@media (prefers-reduced-motion:reduce){.settings-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:900px){.landing-content{grid-template-columns:1fr 1fr;gap:5%;padding:20px 5% 90px}.intro h1{font-size:65px}.notebook{padding:25px}.landing-top{padding-top:24px}.intro p{font-size:13px}.coordinates,.note-footer{font-size:8px}}@media (max-width:650px){.landing-content{flex-direction:column;gap:40px;padding-bottom:90px;display:flex}.intro{align-self:center;width:100%;max-width:430px;padding-top:0}.intro h1{letter-spacing:-3px;margin:18px 0;font-size:64px}.intro p{margin-bottom:15px}.coordinates{margin-top:20px}.landing-top{padding-bottom:25px}.landing-bottom{gap:20px;font-size:8px}.landing-bottom span:last-child{display:none}.tiny-car{bottom:4%;left:73%}.sign{bottom:3%}.game-top{top:16px;left:16px;right:16px}.game-top h2{font-size:17px}.room-badge{padding:9px 8px;font-size:8px}.party{top:86px;left:16px}.game-bottom{bottom:104px;left:16px;right:16px}.held-line{max-width:180px;font-size:10px}.pause .notebook{max-width:calc(100vw - 30px)}.drag-hint{text-align:center;max-width:none;top:125px;left:16px;right:16px}}@media (max-height:700px){.game-top{top:14px}.game-top h2{margin:3px 0;font-size:17px}.party{top:72px}.link-banner{top:60px}.downed-screen{padding-bottom:6vh}.landing-top{padding-top:18px;padding-bottom:12px}.intro h1{font-size:56px}}