html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#242b25;overscroll-behavior:none}#viewport-bounds{position:fixed;inset:0;width:100%;height:100dvh;visibility:hidden;pointer-events:none;contain:strict}#game-viewport{position:fixed;left:0;top:0;width:100vw;height:100dvh;transform-origin:0 0;overflow:hidden;container-type:size}@media(orientation:portrait)and (pointer:coarse){#game-viewport{width:100dvh;height:100vw;transform:translate(100vw) rotate(90deg);--game-height:100vw}}#scene{position:absolute;inset:0;width:100%;height:100%}#scene canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none}.keyboard-bridge{position:fixed;left:1px;top:1px;width:1px;height:1px;padding:0;border:0;opacity:0;font-size:16px;pointer-events:none}#scene-error{position:fixed;inset:30% 10% auto;padding:24px;background:#332f26;color:#eee0b3;font:16px sans-serif}:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}#loading-screen{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse,#314035,#131d17 80%);color:#302819;text-align:center;font:16px/1.4 Georgia,serif;touch-action:none;overflow:auto}#loading-screen[hidden],#loading-retry[hidden]{display:none}.loading-art{position:relative;width:min(100%,calc(var(--game-height,100dvh) * 1672 / 941));aspect-ratio:1672/941;flex-shrink:0}#loading-map{display:block;width:100%;height:100%;object-fit:contain}#loading-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.loading-card{position:absolute;left:50%;bottom:6.5%;transform:translate(-50%);width:44%;max-width:680px;text-shadow:0 1px 1px #f4dbac}#loading-status{margin:0 0 8px;font-size:clamp(12px,1.35cqw,20px)}.loading-track{height:12px;box-sizing:border-box;border:2px solid #9a6a35;border-radius:20px;background:#302b21;box-shadow:0 0 0 1px #49361d,inset 0 1px 3px #000b,0 2px 1px #ebcd91;overflow:hidden}.loading-track span{display:block;height:100%;width:35%;border-radius:inherit;background:linear-gradient(90deg,#215d47,#5cc5a0,#ceefc7,#388267);box-shadow:0 0 8px #72d9a1;animation:loading-drift 2.4s ease-in-out infinite alternate}#loading-detail{font:clamp(10px,1cqw,13px)/1.4 system-ui,sans-serif;min-height:18px;margin:7px 0 0}#loading-retry{font:14px Georgia,serif;color:#f4e5bf;background:linear-gradient(#46513a,#253a2a);border:1px solid #b3894a;border-radius:4px;padding:9px 18px;min-height:40px;cursor:pointer;margin-top:8px;box-shadow:0 2px 6px #0004}#loading-retry:focus-visible{outline:3px solid #f9dfa0;outline-offset:3px}#loading-screen[aria-busy=false] .loading-track span{animation:none;width:100%;background:#9a7042}#loading-screen[aria-busy=false] .loading-card{padding:12px 20px;background:#e0c18fec;border:1px solid #8e6a37;border-radius:6px;text-shadow:none}#loading-screen.art-unavailable #loading-map{visibility:hidden}#loading-screen.art-unavailable #loading-title{clip-path:none;white-space:normal;width:90%;height:auto;margin:0;left:5%;top:25%;color:#efdfb7;font-size:clamp(24px,4cqw,46px)}@keyframes loading-drift{0%{transform:translate(-100%)}to{transform:translate(285%)}}@media(prefers-reduced-motion:reduce){.loading-track span{animation:none;width:100%;opacity:.7}}@container (max-height:480px){.loading-card{bottom:5.5%;width:48%}#loading-status{margin-bottom:5px;font-size:12px}.loading-track{height:9px}#loading-detail{margin-top:5px;font-size:10px;min-height:14px}#loading-retry{margin-top:5px;padding:5px 14px;min-height:32px}}#loading-screen.art-unavailable .loading-card{color:#efdfb7;text-shadow:none;background:#192c21}html.installed-game,html.installed-game body{height:100vh;height:100lvh;min-height:100vh;min-height:100lvh}.installed-game #viewport-bounds{height:100vh;height:100lvh}#display-diagnostics{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:80dvh;overflow:auto;color:#efdfb7;background:#243329;border:1px solid #b89a65;border-radius:8px;padding:16px;font:14px/1.4 system-ui,sans-serif}#display-diagnostics::backdrop{background:#0009}#display-diagnostics h2{font-size:18px;margin:0 0 10px}#display-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;user-select:text}#display-diagnostics button{padding:10px 14px;margin:4px;border:1px solid #b89a65;background:#364b3a;color:#efdfb7;border-radius:4px;font:inherit}.account-entry{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;box-sizing:border-box;overflow:auto;background:#111b19b8;color:#e9d8ad;font:16px/1.4 sans-serif}.account-entry[hidden]{display:none}.account-card{width:min(100%,420px);margin:auto;box-sizing:border-box;padding:24px;background:#342e24;border:2px solid #ad8d53;border-radius:8px;box-shadow:0 8px 30px #0009}.account-card h1{margin:0 0 18px;font:24px Georgia,serif;color:#d5b978}.account-card p{font-size:14px;color:#c7b99b}.account-card button{min-height:44px;padding:10px 14px;border:1px solid #b39459;border-radius:4px;background:#58482f;color:#f4e2b7;font:inherit;cursor:pointer}.account-card>button,.account-card form>button{display:block;width:100%;margin-top:12px}.account-card label{display:block;margin:12px 0 5px}.account-input-row{display:flex;gap:8px}.account-card input{min-width:0;width:100%;box-sizing:border-box;min-height:44px;background:#f1e3c3;color:#30281c;border:1px solid #bd9a5a;border-radius:4px;padding:10px;font:16px sans-serif;user-select:text;-webkit-user-select:text}.account-card :focus-visible{outline:3px solid #efcc75;outline-offset:2px}.account-card .password-toggle{min-width:68px}.account-card .account-error{color:#ffb5a1}.account-error:empty{display:none}@media(max-height:450px){.account-entry{padding:8px}.account-card{padding:16px}}.character-picker{position:absolute;z-index:6;display:grid;gap:8px;overflow-y:auto;overflow-x:hidden;align-content:start;padding:3px;box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y}.character-picker[hidden]{display:none}.character-picker button{min-width:0;min-height:70px;padding:5px 3px;background:#40372a;color:#f4e2b7;border:2px solid #8c754b;border-radius:5px;cursor:pointer;font:12px/1.2 sans-serif;overflow-wrap:anywhere}.character-picker button[aria-checked=true]{border-color:#ffe397;background:#665137;box-shadow:inset 0 0 0 1px #ffe397}.character-picker button:focus-visible{outline:3px solid #fff0bf;outline-offset:-3px}.fur-swatch{display:block;width:36px;height:28px;margin:0 auto 4px;border-radius:45%;border:1px solid #eedeb799}.account-card button[hidden]{display:none}#loading-screen{touch-action:pan-y;overflow:hidden}#loading-screen[hidden]{display:grid;opacity:0;pointer-events:none;clip-path:inset(100%)}#entry-hud{position:absolute;left:50%;right:auto;top:42%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 32px));max-height:var(--entry-panel-height, calc(100dvh - 110px) );display:flex;flex-direction:column;padding:30px 20px 20px;background:#302015 center/100% 100% no-repeat;border:2px ridge #9b7746;box-shadow:0 5px 18px #0006;box-sizing:border-box;overflow:hidden;text-align:left;pointer-events:auto}#entry-hud:not(.wallet-step):not(.wallet-ribbon):not(:has(.account-entry:not([hidden]))){visibility:hidden;pointer-events:none}#entry-body{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}#entry-hud .account-entry{position:static;display:block;padding:0;height:auto;overflow:visible;background:none;font:inherit;color:inherit}#entry-hud .account-entry[hidden]{display:none}#entry-hud .account-card{width:100%;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none}#entry-hud .loading-card{position:static;transform:none;max-width:none;width:100%;margin:12px 0 0;padding:10px 0 0;border:0;border-top:1px solid #927044;background:none;color:#d5bd8d;text-shadow:none;text-align:center;box-sizing:border-box}#entry-hud #loading-status{font:13px Georgia,serif;margin:0 0 6px}#entry-hud #loading-detail{font-size:11px;min-height:0;margin:5px 0 0}#entry-hud .loading-track{height:8px}#entry-wallet{position:absolute;width:calc(100% - 40px);height:320px;min-height:0;overflow:hidden;opacity:0;clip-path:inset(100%);pointer-events:none}#entry-hud.wallet-step #entry-body{display:none}#entry-hud.wallet-step #entry-wallet{position:relative;width:100%;opacity:1;clip-path:none;height:min(430px,calc(var(--entry-panel-height,100dvh) - 54px));overflow:visible;pointer-events:auto}.entry-wallet-content>button{flex-shrink:0}.wallet-activity{display:none}#entry-hud.wallet-step.wallet-connecting{width:min(360px,calc(100% - 24px));padding:18px 20px 14px}#entry-hud.wallet-step.wallet-connecting #entry-wallet{height:min(180px,calc(var(--entry-panel-height,100dvh) - 36px))}#entry-hud.wallet-step.wallet-connecting .wallet-activity{display:block;flex:0 0 28px;align-self:center;width:28px;height:28px;margin:0 0 12px;border:2px solid #92704466;border-top-color:#f3d291;border-radius:50%;box-shadow:0 0 12px #d5b97822}#entry-hud.wallet-step.wallet-connecting .wallet-working .wallet-activity{animation:wallet-connect-turn 1.1s linear infinite}@keyframes wallet-connect-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#entry-hud.wallet-step.wallet-connecting .wallet-working .wallet-activity{animation:none;border-color:#d5b978}}.entry-character{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(170px,1.2fr);gap:12px}.entry-character-preview canvas{display:block;width:100%;height:210px;object-fit:contain}.entry-character-controls{display:flex;gap:4px}.entry-character-controls button{padding:5px;font-size:12px}#entry-hud .entry-furs{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:275px;padding:2px;overflow:auto}#entry-hud .entry-furs button{min-height:54px;margin:0;padding:3px;font-size:10px;border-width:2px}#entry-hud .entry-furs .fur-swatch{width:26px;height:20px}#entry-hud .entry-furs button[aria-checked=true]{outline:2px solid #ffe397;outline-offset:-2px;background:#665137}@media(max-height:500px){#entry-hud{width:min(540px,58vw);padding:18px 16px 12px;max-height:var(--entry-panel-height, calc(100dvh - 90px) )}#entry-hud .entry-character-preview canvas{height:135px}#entry-hud .entry-furs{max-height:175px}#entry-hud .entry-character-controls button{min-height:36px}#entry-hud .account-card h1{font-size:18px;margin-bottom:6px}#entry-hud .loading-card{margin-top:6px;padding-top:6px}}@media(max-width:540px)and (min-height:501px){#entry-hud{width:calc(100% - 24px)}}#loading-screen #entry-hud .loading-card{background:transparent;border:0;border-top:1px solid #927044;border-radius:0;padding:8px 0 0;text-shadow:none;color:#d5bd8d}#entry-hud #loading-retry{background:linear-gradient(#55341e,#302015 48%,#4d2e1b);color:#ead5a4;border:3px ridge #a77b44;font:16px Georgia,serif}#loading-screen[aria-busy=false] .loading-card{padding:0;background:transparent;border:0;border-radius:0;text-shadow:0 1px 1px #f4dbac}#entry-hud.compact-entry{width:min(720px,calc(100% - 24px));padding:12px 14px 10px}#entry-hud.compact-entry .account-card{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 10px}#entry-hud.compact-entry .account-card h1{grid-column:1/-1;font-size:17px;margin:0;line-height:20px}#entry-hud.compact-entry .account-card p{grid-column:1/-1;margin:0;font-size:12px}#entry-hud.compact-entry .entry-help{display:none}#entry-hud.compact-entry .account-card form{display:contents}#entry-hud.compact-entry .account-card form>div{grid-column:span 3;min-width:0}#entry-hud.compact-entry [data-step=register] form>div,#entry-hud.compact-entry .has-recovery form>div{grid-column:span 2}#entry-hud.compact-entry .account-card label{margin:0 0 3px;font-size:12px;line-height:14px}#entry-hud.compact-entry .account-card input{min-height:38px;height:38px;padding:6px 8px;margin:0;font-size:16px}#entry-hud.compact-entry .account-card button{min-height:38px;margin:0;padding:5px 8px;font-size:14px}#entry-hud.compact-entry .account-card .password-toggle{flex-basis:48px;width:48px;font-size:12px}#entry-hud.compact-entry .account-card>button,#entry-hud.compact-entry form>button{grid-column:span 2}#entry-hud.compact-entry [data-step=register] .account-card>button,#entry-hud.compact-entry [data-step=register] form>button,#entry-hud.compact-entry .has-recovery .account-card>button,#entry-hud.compact-entry .has-recovery form>button{grid-column:span 3}#entry-hud.compact-entry .account-card:has(.account-error:not(:empty)) h1{display:none}#entry-hud.compact-entry .entry-character{grid-column:1/-1}#entry-hud.compact-entry .account-card form>div{order:1}#entry-hud.compact-entry .account-card>button,#entry-hud.compact-entry form>button{order:2}#entry-hud.compact-entry.tight-entry{padding:8px 12px}#entry-hud.compact-entry.tight-entry .account-card{gap:4px 8px}#entry-hud.compact-entry.tight-entry .account-card h1{display:none}#entry-hud.compact-entry.tight-entry .account-card label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#entry-hud.compact-entry.tight-entry .account-card button{min-height:36px}#entry-hud.compact-entry .account-card input::placeholder{color:transparent}#entry-hud.compact-entry.tight-entry .account-card input::placeholder{color:#c7b99b;opacity:1}#entry-hud:has(.sequential-entry){width:min(420px,calc(100% - 24px))}#entry-hud .sequential-entry .entry-help{display:none}#entry-hud .sequential-entry .account-card{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}#entry-hud .sequential-entry h1,#entry-hud .sequential-entry .account-error{grid-column:1/-1}#entry-hud .sequential-entry form{display:contents}#entry-hud .sequential-entry form>div{grid-column:1/-1;order:1}#entry-hud .sequential-entry .account-card>button,#entry-hud .sequential-entry form>button{grid-column:span 2;order:2;margin:0}#entry-hud [data-step=register].sequential-entry .account-card>button,#entry-hud [data-step=register].sequential-entry form>button,#entry-hud .has-recovery.sequential-entry .account-card>button,#entry-hud .has-recovery.sequential-entry form>button{grid-column:span 3}#entry-hud .sequential-entry label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#entry-hud .sequential-entry input::placeholder{color:#c7b99b;opacity:1}#entry-hud .account-entry.sequential-entry form>div{grid-column:1/-1!important}#loading-copy-report{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3;max-width:calc(100% - 48px);box-sizing:border-box;white-space:normal;line-height:1.3;font:14px Georgia,serif;color:#f4e5bf;background:#253a2a;border:1px solid #b3894a;border-radius:4px;padding:9px 14px;min-height:44px;cursor:pointer;margin:0}#loading-copy-report[hidden]{display:none}
