[hidden]{display:none!important}button,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f0d49b;outline-offset:4px}#intro{z-index:60;display:flex;min-height:100dvh;inset:0;padding:clamp(28px,5vw,72px) max(22px,6vw);background:linear-gradient(90deg,#10281ff7,#172d25e6 57%,#132d2399);overscroll-behavior:contain}.intro-layout{max-width:1180px;grid-template-columns:.78fr 1.2fr;gap:5vw}.intro-copy{align-self:center}.intro-copy h2{font-size:clamp(48px,5.7vw,80px);letter-spacing:-2.5px}.intro-copy p{font-size:14px;line-height:1.8;color:#bec9b6;max-width:340px}.lobby{position:relative;min-width:0;padding:32px;background:#162e25ee;border-radius:14px;box-shadow:0 24px 100px #051b1559}.lobby h3{font:36px/1.1 Georgia;margin:15px 0 25px;color:#f1e7cd}.lobby label{font-size:12px;gap:9px;margin-bottom:17px}.lobby input,.lobby select{font:16px system-ui;width:100%;padding:13px;border:1px solid #95a58166;background:#10291f;color:#efe5ce;border-radius:6px;min-height:48px}.lobby input::placeholder{font-size:12px;color:#9aaa96}.lobby select{padding-right:25px}#authForm{display:grid;gap:0}.primary-button{display:block;width:100%;min-height:49px;border-radius:6px;background:#dec18a;color:#243126;border:1px solid #ebd2a3;padding:14px 17px;font:500 13px system-ui;cursor:pointer}.primary-button:disabled{opacity:.5}.text-button{font:12px system-ui;color:#c5ceba;min-height:40px;cursor:pointer;padding:8px 0}.text-button:hover{color:#f2d7a0}#authBack,#creatorBack{display:block;margin-bottom:10px}.account-note{color:#b5c3ad;font:12px/1.8 system-ui;margin:20px 0 0}#accountSummary{font-size:12px;color:#e0c899}.server-card{width:100%;display:grid;grid-template-columns:65px 1fr;gap:20px;text-align:left;align-items:center;padding:23px 21px;border:1px solid #a8b38577;background:linear-gradient(135deg,#3a5140,#233c2d);border-radius:9px;color:#e6ddc6;cursor:pointer;transition:background .2s,transform .2s}.server-card:hover{background:linear-gradient(135deg,#496047,#304c38);transform:translateY(-2px)}.server-art{height:75px;display:grid;place-items:center;font:48px Georgia;color:#dfca94;border:1px solid #abaf7d66;border-radius:50% 50% 10% 10%;background:linear-gradient(#142c29,#69816a80)}.server-info{display:flex;flex-direction:column;gap:9px}.server-info strong{font:27px Georgia}.server-info small{font:12px/1.5 system-ui;color:#cad2bd}#serverCount{font:10px system-ui;color:#b9caa9}.server-action{grid-column:1/-1;padding-top:14px;border-top:1px solid #a8b38544;font:12px system-ui;color:#ead39c}.server-action:after{content:' ↗';float:right}.intro-bottom{font-size:10px;align-items:center;flex-wrap:wrap}.intro-bottom>span{line-height:1.7;font-size:8px}.intro-bottom>div{display:flex;gap:20px}.intro-bottom button{font:12px system-ui;color:#e1d0aa;cursor:pointer;min-height:44px}.intro-bottom #pwaStatus{width:100%;letter-spacing:0}.lobby-message{font-size:12px;line-height:1.7;min-height:0}.lobby-message:empty{margin:0}.lobby-bottom{font-size:12px}.race-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0 12px}.race-grid button{min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font:10px system-ui;border:1px solid #82957466;border-radius:6px;background:#253e2f;color:#dedcc8;cursor:pointer}.race-grid button span{font:23px Georgia;color:#c9bf9f}.race-grid button[aria-pressed=true],.gender-toggle button[aria-pressed=true]{background:#586045;border-color:#dfc995;color:#f4e4c2}#raceDescription{font:11px/1.6 system-ui;color:#bac9af}.gender-toggle{display:flex;gap:8px;margin:12px 0 20px}.gender-toggle button{padding:11px 17px;border:1px solid #81927366;border-radius:5px;color:#d5dbc5;cursor:pointer;font:12px system-ui}.creator-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.preview-wrap{position:sticky;top:0;border:1px solid #98a58044;border-radius:9px;overflow:hidden;background:#182d28}#avatarPreview{width:100%;height:320px;min-height:250px}#avatarPreview canvas{width:100%;height:100%;display:block;touch-action:pan-y}.preview-caption{padding:15px;display:flex;flex-wrap:wrap;gap:8px;font:11px system-ui;background:linear-gradient(#213a2d,#162e25);color:#d8d7be}.preview-caption strong{color:#e7d5ac;font-weight:500}.preview-caption small{width:100%;font-size:9px;color:#aebea5}.creator-options{display:grid;gap:14px;max-height:420px;overflow-y:auto;padding:3px 8px 3px 3px;scrollbar-width:thin;scrollbar-color:#798a65 #20392c}.creator-options label{margin:0;font-size:11px}.creator-options select{font-size:13px;min-height:43px;padding:11px 8px}.color-field>span{display:block;color:#c6cbb8;font:11px system-ui;margin-bottom:9px}.swatches{display:flex;flex-wrap:wrap;gap:7px}.swatch{border-radius:50%;width:27px;height:27px;min-height:27px;border:2px solid #d2d5b533;cursor:pointer}.swatch[aria-pressed=true]{outline:2px solid #ebd6ab;outline-offset:2px}.lobby label.permanent-check{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font:11px/1.7 system-ui;margin-top:25px}.permanent-check input{appearance:auto;width:18px;min-height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#ceb67e}#creationReview{position:absolute;inset:15px;z-index:4;background:#173025fa;border:1px solid #d1bf8a88;border-radius:9px;padding:35px 25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;backdrop-filter:blur(12px);font:13px/1.8 system-ui;color:#ccd2bd}#creationReview h4{font:29px/1.2 Georgia;color:#ecddba;margin:0}#finalName{font:35px Georgia;color:#e3c58b}#creationReview .primary-button{margin-top:15px}#staminaHud{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:83px;width:142px;z-index:8;color:#e1d9b8;font:9px system-ui;pointer-events:none}#staminaHud>span{display:block;margin-bottom:5px;letter-spacing:.4px}#staminaMeter{height:4px;background:#1b342aaa;border-radius:4px;overflow:hidden;border:1px solid #e8dcb133}#staminaFill{display:block;width:100%;height:100%;background:#dfcb94;transform-origin:left;transition:background .3s}#mobileRun{font-size:11px}.mobile-actions #mobileRun[aria-pressed=true]{color:#203a2b;background:#dbc18c}.village-map{width:100%;border:1px solid #bea97966;border-radius:8px;overflow:hidden;margin:15px 0}.village-map canvas{width:100%;height:auto;display:block}.modal{z-index:80;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:hidden;overscroll-behavior:contain}.modal section{position:relative;width:min(620px,100%);max-width:100%;min-width:0;max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 32px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:34px 26px 25px;border-radius:12px;box-sizing:border-box;flex:0 1 620px;margin:auto}.modal .close{position:sticky;float:right;top:0;width:40px;height:40px;margin:-15px -10px 0 10px;z-index:2;background:#233b2ee8;border-radius:50%;color:#ebd5a6;right:auto}.modal h2{clear:none;font-size:32px}.modal p{overflow-wrap:anywhere}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.modal-actions button{font-size:12px;min-height:44px}.modal input,.modal textarea{max-width:100%;box-sizing:border-box}.animal-audio-setting{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;border-top:1px solid #bca77b44;font:12px system-ui}.animal-audio-setting input{width:22px;height:22px;accent-color:#ceb67e}#quickRelease{font-size:10px;max-width:70px;min-height:40px;padding:6px;color:#ecd3a3}#bagPanel{min-width:0}.inventory-grid{gap:7px}#ownerNotice{min-height:90px}.mapbox{display:none!important}
@media(max-width:900px){.intro-layout{max-width:620px;grid-template-columns:1fr;gap:24px}.intro-copy{max-width:none}.intro-copy h2{font-size:55px;line-height:1.07;margin:14px 0}.intro-copy h2 br{display:none}.intro-copy p{max-width:470px;font-size:12px}.lobby{padding:26px}.intro-bottom{margin-top:0}.intro-copy .intro-note{font-size:10px}.lobby h3{font-size:31px}}
@media(max-width:520px){#intro{padding:calc(env(safe-area-inset-top) + 25px) 18px calc(env(safe-area-inset-bottom) + 20px)}.intro-copy h2{font-size:49px}.lobby{padding:22px 18px}.server-card{padding:20px 15px;grid-template-columns:50px 1fr;gap:14px}.server-art{height:62px;font-size:40px}.server-info strong{font-size:27px}.server-info small{font-size:11px}.race-grid{gap:4px}.race-grid button{font-size:8px;min-height:62px}.creator-layout{gap:12px;grid-template-columns:.93fr 1fr}#avatarPreview{height:275px;min-height:240px}.preview-caption{padding:12px 9px;font-size:10px}.creator-options{max-height:365px;padding-right:4px}.creator-options select{font-size:12px}.swatches{gap:8px}.swatch{width:25px;height:25px;min-height:25px}#creationReview{inset:8px;padding:25px 20px}.modal section{padding:27px 20px 23px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal h2{font-size:29px}.gold-balance{gap:7px}.inventory-grid small{font-size:9px}.farm-community>small{font-size:7px;letter-spacing:.7px}#staminaHud{left:max(26px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 166px);width:108px}#farmHud{right:18px;top:115px;flex-wrap:wrap;max-width:215px;justify-content:flex-end}header nav{gap:6px}header nav button{min-height:38px}#viewLabel{display:none}.mobile-actions{display:grid;grid-template-columns:repeat(2,48px);gap:9px}.mobile-actions #mobileRun{grid-column:1/-1;justify-self:end;width:48px;height:42px}.mobile-controls{bottom:calc(env(safe-area-inset-bottom) + 27px)}#interact{bottom:calc(env(safe-area-inset-bottom) + 182px)}#farmProgress{bottom:calc(env(safe-area-inset-bottom) + 200px)}}
@media(max-height:500px) and (orientation:landscape){.intro-layout{max-width:1000px;grid-template-columns:.65fr 1.35fr}.intro-copy h2{font-size:42px}.lobby h3{font-size:28px}.creator-options{max-height:270px}#avatarPreview{height:280px}#farmHud{top:75px}#staminaHud{bottom:148px;left:25px}.modal section{max-height:calc(100dvh - 24px);padding:24px}#intro{padding-top:22px}.intro-bottom{display:flex;grid-column:1/-1}.mobile-actions{display:flex}.mobile-actions #mobileRun{font-size:10px}.mobile-controls{bottom:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.server-card{transition:none}.server-card:hover{transform:none}}
#creationReview{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 36px));max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;display:block;box-shadow:0 0 0 100vmax #071a13d9;padding:30px 24px}#creationReview h4{margin:0 0 20px}#creationReview p{margin:14px 0}#creationReview .primary-button{margin-top:22px}#creationReview .text-button{display:block;margin-top:8px}

.audio-credits{color:#bdc7af;font:10px system-ui;text-decoration:none;align-self:center}.intro-bottom>div{flex-wrap:wrap;gap:8px 20px}

/* The persistent server is the centre of the home screen. */
#intro{background:linear-gradient(180deg,#102b24e6,#10291fec 65%,#0b201cf7)}.intro-layout{display:grid;grid-template-columns:1fr;width:min(760px,100%);margin:auto;gap:30px}.intro-copy{text-align:center}.intro-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.03;margin:18px 0}.intro-copy p{max-width:490px;margin:0 auto 18px}.intro-copy .intro-note{display:block;font-size:10px}.lobby{width:100%;box-sizing:border-box;max-width:720px;margin:auto;padding:30px 36px}.server-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.server-heading .eyebrow{font-size:9px;letter-spacing:2px}#serverState{font:11px system-ui;color:#c7c6ae;display:flex;align-items:center;gap:7px}#serverState i{height:6px;width:6px;border-radius:50%;background:#bba97c}#serverState[data-state=online]{color:#bfd7a6}#serverState[data-state=online] i{background:#a2ce88;box-shadow:0 0 10px #9ac27966}#serverState[data-state=unavailable] i{background:#c58e76}.server-card:disabled{cursor:wait;transform:none;opacity:.75}.intro-bottom{grid-column:1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #b6b99733;padding-top:12px}.intro-bottom>span{letter-spacing:1px}.server-info strong{font-size:32px}.server-action{font-size:13px}.lobby h3{font-size:30px}.intro-copy .eyebrow{font-size:10px;letter-spacing:3px}@media(max-width:520px){.intro-layout{gap:24px}.intro-copy h2{font-size:43px;letter-spacing:-1.6px}.intro-copy p{font-size:12px;max-width:300px}.lobby{padding:23px 18px}.server-heading{gap:8px}.server-heading .eyebrow{font-size:8px;letter-spacing:1px}#serverState{font-size:10px}.server-info strong{font-size:29px}.intro-bottom{justify-content:center;text-align:center}.intro-bottom>div{gap:22px;flex-wrap:wrap;justify-content:center}}

.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;font:11px system-ui!important;color:#c9d1ba}
#intro{padding:clamp(25px,3.5vw,48px) max(18px,6vw)}.intro-layout{gap:24px}.intro-copy{max-width:none;width:100%;padding-top:0}.intro-copy h2{width:100%;font-size:clamp(42px,4.8vw,64px)}.lobby{padding:26px 32px}.lobby h3{margin:13px 0 22px}.server-card{padding:20px}.intro-bottom #pwaStatus:empty{display:none}@media(max-width:520px){#intro{padding:calc(env(safe-area-inset-top) + 24px) 18px calc(env(safe-area-inset-bottom) + 20px)}.intro-copy h2{font-size:36px;line-height:1.08;margin:14px 0}.intro-copy h2 br{display:block}.intro-copy p{font-size:11px}.lobby{padding:22px 18px}.lobby h3{font-size:28px}.server-card{padding:18px 15px}.intro-bottom{display:flex;font-size:9px}}
@media(max-height:500px) and (min-width:600px){#intro{padding:16px 5vw}.intro-layout{gap:14px}.intro-copy h2{font-size:30px;line-height:1.06;margin:8px 0}.intro-copy h2 br{display:none}.intro-copy p{display:none}.intro-copy .intro-note{margin-top:7px;font-size:9px}.intro-copy .eyebrow{font-size:8px}.lobby{padding:17px 24px}#serversPanel>h3{display:none}.server-heading{margin-bottom:14px}.server-card{padding:15px 18px;grid-template-columns:52px 1fr}.server-art{height:57px;font-size:36px}.server-info{gap:5px}.server-info strong{font-size:28px}.server-action{padding-top:10px}.account-note{margin-top:13px}.intro-bottom{display:flex;margin-top:0;padding-top:8px}}