@font-face{font-family:SplashPixel;src:url(/assets/splash-font.ttf)format("truetype");font-display:swap}#startup-splash{z-index:9000;color:#593316;background-color:#c4d5d1;background-image:radial-gradient(#739b9015 .6px,#0000 .7px),radial-gradient(#fff8 .5px,#0000 .6px);background-position:0 0;background-repeat:repeat;background-size:7px 11px,13px 17px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;font-family:SplashPixel,monospace;position:fixed;inset:0;overflow:hidden}#startup-splash[hidden],#startup-splash [hidden]{display:none!important}.splash-page{width:min(100%,56.25dvh);height:100%;margin:auto;position:relative}.splash-brand{width:76.5%;position:absolute;top:35%;left:11.75%;transform:translateY(-50%)}.splash-brand img{width:100%;height:auto;image-rendering:pixelated;display:block}.splash-confetti{aspect-ratio:1;background:#e7b342;width:3%;position:absolute}.splash-confetti:first-of-type{top:-12%;left:12%}.splash-confetti:nth-of-type(2){background:#589d91;top:-10%;right:8%}.splash-confetti:nth-of-type(3){background:#589d91;bottom:-10%;left:5%}.splash-confetti:nth-of-type(4){bottom:-12%;right:13%}.splash-action{width:72%;position:absolute;top:63%;left:14%}.splash-loading-row{align-items:center;gap:12px;margin-bottom:9px;font-size:clamp(12px,2.6dvh,23px);display:flex}.splash-loading-row img{width:22px;height:27px;image-rendering:pixelated}#splash-percent{margin-left:auto}.splash-track{background:#fff1d6;border:2px solid #77502e;height:12px;padding:2px;box-shadow:0 2px #d3ad71}#splash-fill{background:#589d91;width:0;height:100%;box-shadow:inset 0 2px #77b3a7}.splash-button{color:#593316;width:100%;min-height:58px;font:inherit;cursor:pointer;background:#fff1d6;border:3px solid #77502e;padding:14px 8px;font-size:clamp(12px,2.6dvh,23px);box-shadow:inset 0 3px #fffbea,inset 0 -4px #e4c593,0 4px #a8793e}.splash-button:hover{background:#fff8e6}.splash-button:active{transform:translateY(3px);box-shadow:inset 0 2px #fffbea,0 1px #a8793e}.splash-button:disabled{cursor:wait}#startup-splash button:focus-visible{outline-offset:6px;outline:3px solid #367d70}.splash-sound{color:#367d70;width:30px;height:30px;margin:28px auto 0;display:block}#splash-error{color:#793719;text-align:center;overflow-wrap:anywhere;margin:18px 0;font:15px/1.6 system-ui,sans-serif}.splash-languages{bottom:max(5%, env(safe-area-inset-bottom));text-align:center;color:#367d70;width:100%;font-size:14px;position:absolute}.splash-languages button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:12px 6px}.splash-languages button[aria-pressed=false]{opacity:.65}@media (max-height:500px){.splash-button{min-height:38px;padding:6px}.splash-sound{width:20px;height:20px;margin-top:12px}.splash-loading-row img{width:16px;height:20px}.splash-languages{font-size:10px;bottom:1%}}.desktop-ad{text-align:center;width:160px;height:620px;position:absolute}.desktop-ad[hidden]{display:none}.desktop-ad:has(ins[data-ad-status=unfilled]){display:none}.desktop-ad-label{color:#46615b;height:20px;font:10px/20px system-ui,sans-serif;display:block}.desktop-ad-preview ins{box-sizing:border-box;color:#46615b;background:#e5eae7;border:1px dashed #899b96;font:12px/600px system-ui,sans-serif;text-decoration:none}@font-face{font-family:GameDialog;src:url(/assets/ui-text.ttf)format("truetype");font-display:swap}.appearance-dialog{--game-fill:#ede6db;--game-ink:#643a1e;--game-edge:#bb8047;box-sizing:border-box;border:10px solid var(--game-edge);border-image:var(--game-panel-art) var(--game-panel-slice,15) fill / 10px / 0 stretch;background:var(--game-fill);width:min(880px,100vw - 32px);max-width:none;height:min(740px,100dvh - 32px);max-height:none;color:var(--game-ink);overscroll-behavior:contain;image-rendering:pixelated;border-radius:0;padding:16px;font:24px/1.1 GameDialog,monospace;overflow:hidden}.appearance-dialog[open]{flex-direction:column;gap:12px;display:flex}.appearance-dialog::backdrop{background:#302c38b3}.appearance-dialog *{box-sizing:border-box}.appearance-dialog [hidden]{display:none!important}.appearance-header{flex:none;min-height:48px;padding-right:56px;position:relative}.appearance-dialog h2{font:inherit;margin:0;font-size:32px}.appearance-dialog h3{font:inherit;margin:0 0 12px}.appearance-dialog p{margin:4px 0 0}.appearance-dialog button{font:inherit;color:inherit;border:8px solid var(--game-edge);border-image:var(--game-button-art) var(--game-button-slice,12) fill / 8px / 0 stretch;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;min-width:48px;min-height:48px;padding:3px 6px 7px;position:relative}@media (hover:hover){.appearance-dialog button:hover:not(:disabled){border-image-source:var(--game-hover-art)}}.appearance-dialog button:active:not(:disabled),.appearance-dialog button[aria-pressed=true],.appearance-dialog button[aria-selected=true]{border-image-source:var(--game-pressed-art);padding-top:6px;padding-bottom:4px}.appearance-dialog button[aria-pressed=true]:after,.appearance-dialog button[aria-selected=true]:after{content:"";background:var(--game-ink);height:3px;position:absolute;bottom:1px;left:25%;right:25%}.appearance-dialog button:focus-visible,.appearance-panel:focus-visible{outline:3px solid var(--game-ink);outline-offset:-3px}.appearance-dialog button:disabled{opacity:.5;cursor:default}.appearance-dialog button.appearance-close{background:0 0;border:0;border-image:;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;top:0;right:0}.appearance-close:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20shape-rendering='crispEdges'%3e%3c!--%20Same%2060px%20geometry%20/%203px%20grid%20as%20LobbyScene.pickerClose%20+%20stationerySquare.%20--%3e%3cpath%20fill='%23c29a61'%20d='M0%201h20v19H0z'/%3e%3cpath%20fill='%23593316'%20d='M0%200h20v18H0z'/%3e%3cpath%20fill='%23fff1d6'%20d='M1%201h18v16H1z'/%3e%3cg%20fill='%23593316'%3e%3crect%20x='6'%20y='5'%20width='2'%20height='2'/%3e%3crect%20x='12'%20y='5'%20width='2'%20height='2'/%3e%3crect%20x='7'%20y='6'%20width='2'%20height='2'/%3e%3crect%20x='11'%20y='6'%20width='2'%20height='2'/%3e%3crect%20x='8'%20y='7'%20width='2'%20height='2'/%3e%3crect%20x='10'%20y='7'%20width='2'%20height='2'/%3e%3crect%20x='9'%20y='8'%20width='2'%20height='2'/%3e%3crect%20x='9'%20y='8'%20width='2'%20height='2'/%3e%3crect%20x='10'%20y='9'%20width='2'%20height='2'/%3e%3crect%20x='8'%20y='9'%20width='2'%20height='2'/%3e%3crect%20x='11'%20y='10'%20width='2'%20height='2'/%3e%3crect%20x='7'%20y='10'%20width='2'%20height='2'/%3e%3crect%20x='12'%20y='11'%20width='2'%20height='2'/%3e%3crect%20x='6'%20y='11'%20width='2'%20height='2'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;width:40px;height:40px}.appearance-dialog button.appearance-close:active{padding:0}.appearance-close:active:before{transform:translateY(2px)}@media (hover:hover){.appearance-close:hover:before{filter:brightness(1.03)}}.appearance-account{border-bottom:2px solid var(--game-highlight);flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;padding-bottom:10px;display:flex}.appearance-account button{flex:none;min-height:48px;padding-left:12px;padding-right:12px}.appearance-dialog .appearance-account-text{overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:20px;display:-webkit-box;overflow:hidden}.appearance-account[data-state=confirm] .appearance-account-text{-webkit-line-clamp:4;line-clamp:4;flex-basis:100%}.appearance-account[data-state=confirm] button{flex:1}.appearance-dialog .appearance-account-error{color:#8c3a24;flex-basis:100%;margin:0;font-size:20px}.appearance-body{flex:1;grid-template-columns:270px minmax(0,1fr);gap:20px;min-height:0;display:grid}.appearance-showcase{flex-direction:column;justify-content:center;min-height:0;display:flex}.appearance-genders,.appearance-controls{justify-content:center;gap:8px;display:flex}.appearance-genders button{flex:1}.appearance-stage{background:#c4d5d1;border-bottom:6px solid #a8bab0;flex:1;place-items:center;min-height:0;margin:12px 0;display:grid;overflow:hidden}.appearance-stage canvas{width:96px;height:192px;image-rendering:pixelated;display:block}.appearance-controls button:nth-child(2){flex:1}.appearance-details{text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin-top:8px;font-size:18px;display:flex}.appearance-options{flex-direction:column;min-width:0;min-height:0;display:flex}.appearance-tabs{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:12px;display:grid}.appearance-tabs button{min-width:0;padding-left:0;padding-right:0}.appearance-panels{flex:1;min-height:0;display:flex}.appearance-panel{overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:var(--game-edge) var(--game-fill);scrollbar-width:thin;flex:1;min-width:0;padding:4px 8px 12px 4px;overflow-y:auto}.appearance-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.appearance-swatches button{place-items:center;width:100%;height:56px;padding:5px;display:grid}.appearance-swatch{border:2px solid #643a1e55;width:32px;height:32px;display:block}.appearance-hair-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.appearance-hair-grid button{min-width:0;padding:0 0 4px;font-size:18px}.appearance-hair-grid canvas{width:54px;height:54px;image-rendering:pixelated;margin:auto;display:block}.appearance-hair-grid button span{padding:0 0 2px;display:block}.appearance-thumb-error{opacity:.5}.appearance-uniforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.appearance-uniforms button{flex-direction:column;align-items:center;min-width:0;display:flex}.appearance-uniforms canvas{width:96px;height:192px;image-rendering:pixelated;margin:0 auto;display:block}.appearance-uniforms span{min-height:2.2em;display:block}.appearance-footer{border-top:2px solid var(--game-highlight);flex:none;padding-top:10px}.appearance-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.appearance-actions button{min-height:52px}.appearance-primary{text-underline-offset:4px;text-decoration:underline}.appearance-note{font-size:18px}.appearance-status{font-size:20px}.appearance-status:not(:empty),.appearance-retry{margin-bottom:8px}@media (max-width:650px){.appearance-dialog{width:100%;height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));margin:0}.appearance-dialog[open]{gap:8px}.appearance-header{align-items:center;display:flex}.appearance-dialog h2{font-size:28px}.appearance-header .appearance-note{display:none}.appearance-body{flex-direction:column;gap:10px;display:flex}.appearance-showcase{flex:none;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:center;gap:8px;display:grid}.appearance-genders,.appearance-controls{flex-direction:column;gap:8px}.appearance-stage{border-bottom-width:4px;height:192px;margin:0}.appearance-stage canvas{width:96px;height:192px}.appearance-controls button{padding-left:0;padding-right:0}.appearance-details{display:none}.appearance-options{flex:1}.appearance-tabs{margin-bottom:8px}.appearance-panel{padding-right:4px}.appearance-dialog h3{margin-bottom:8px}.appearance-footer{padding-top:8px}.appearance-actions{gap:8px}.appearance-uniforms canvas{width:48px;height:96px}.appearance-account{padding-bottom:8px}.appearance-account[data-state=guest] button{flex:1}.appearance-dialog .appearance-account-text,.appearance-dialog .appearance-account-error{font-size:18px}}@media (max-width:360px){.appearance-dialog{font-size:22px}.appearance-showcase{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:4px}.appearance-hair-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}}@media (max-height:690px) and (max-width:650px){.appearance-stage{height:150px}.appearance-stage canvas{margin-top:-42px}.appearance-controls{gap:2px}}@media (max-height:500px) and (min-width:651px){.appearance-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:8px}.appearance-dialog[open]{gap:6px}.appearance-header .appearance-note,.appearance-details{display:none}.appearance-body{grid-template-columns:240px minmax(0,1fr);gap:12px}.appearance-showcase{grid-template-columns:1fr 96px;gap:4px 8px;display:grid}.appearance-stage{grid-area:1/2/3;height:180px;margin:0}.appearance-stage canvas{width:96px;height:192px;margin-top:-12px}.appearance-genders{flex-direction:column;gap:4px}.appearance-controls{grid-template-columns:1fr 1fr;gap:4px;display:grid}.appearance-controls button:nth-child(2){grid-area:2/1/auto/3}.appearance-uniforms canvas{width:48px;height:96px}}@media (max-width:650px){.appearance-tabs button{font-size:20px}.appearance-controls button,.appearance-genders button{padding-left:0;padding-right:0;font-size:20px}}@media (max-width:360px){.appearance-tabs button,.appearance-genders button,.appearance-controls button{font-size:16px}.appearance-dialog h2{font-size:24px}}.appearance-dialog .appearance-balance{border:2px solid var(--game-edge);width:-moz-fit-content;width:fit-content;color:var(--game-ink);background:#fff2ce;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;font-size:28px;display:flex;box-shadow:0 3px #643a1e33}.appearance-wallet-row{flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;display:flex}.appearance-dialog .appearance-wallet-row .appearance-balance{margin-top:0}.appearance-wallet-row .appearance-account{border-bottom:0;flex:320px;min-width:0;padding-bottom:0}.appearance-wallet-row:has(>.appearance-account:not([hidden])){border-bottom:2px solid var(--game-highlight);padding-bottom:10px}@media (max-width:650px){.appearance-wallet-row{flex-direction:column;align-items:stretch;gap:8px}.appearance-wallet-row .appearance-account{flex:none}.appearance-wallet-row .appearance-balance{align-self:flex-start}.appearance-wallet-row:has(>.appearance-account:not([hidden])){padding-bottom:8px}}.appearance-balance:before,.appearance-price:before{content:"";background:var(--game-coin-art) center / contain no-repeat;flex:none;width:30px;height:26px;display:inline-block}.appearance-dialog button .appearance-price{justify-content:center;align-items:center;gap:4px;display:flex}.appearance-price:before{width:15px;height:13px}.appearance-item-state{color:#326c60}.appearance-colors button{gap:2px;height:auto;min-height:56px;padding:6px 2px 4px;font-size:18px}.appearance-uniforms button{position:relative}.appearance-uniforms span:last-child{min-height:0;position:absolute;top:6px;left:8px}@media (max-width:650px){.appearance-colors button{font-size:16px}}@media (max-width:360px){.appearance-dialog .appearance-item-state{font-size:16px}.appearance-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}}.appearance-shop-actions{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.25fr);gap:8px;margin-bottom:10px;display:grid}.appearance-shop-actions button{min-width:0;font-size:20px}.appearance-shop-actions [hidden]{display:none}.appearance-dialog .appearance-shop-actions .appearance-price{vertical-align:bottom;margin-left:8px;display:inline-flex}.appearance-dialog button[data-locked=true]{position:relative}.appearance-dialog button[data-locked=true]:before{content:"";background:var(--game-lock-art) center / contain no-repeat;width:32px;height:32px;image-rendering:pixelated;pointer-events:none;position:absolute;top:-6px;right:-6px}@media (max-width:650px){.appearance-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.appearance-dialog h2{font-size:24px}.appearance-dialog .appearance-balance{margin-top:4px;padding:4px 8px;font-size:24px}.appearance-shop-actions{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px;display:grid}.appearance-shop-actions button{min-width:0;font-size:20px}.appearance-shop-actions .appearance-primary{grid-column:1/-1}}@media (max-height:740px) and (max-width:650px){.appearance-stage{height:112px}.appearance-stage canvas{width:48px;height:96px;margin-top:0}.appearance-controls{gap:2px}.appearance-controls button{min-height:32px;padding-top:0;padding-bottom:0}}@media (max-height:640px) and (max-width:650px){.appearance-stage{height:96px}.appearance-genders{gap:4px}.appearance-genders button{min-height:44px}.appearance-controls button{min-height:28px}.appearance-status{font-size:16px}.appearance-shop-actions button{min-height:44px;padding:0;font-size:16px}.appearance-actions button{min-height:44px;font-size:18px}.appearance-dialog h3{font-size:18px}.appearance-panel h3{display:none}}
