@font-face{font-family:Fredoka;src:url(assets/fredoka-500.ttf) format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:Nunito;src:url(assets/nunito-regular.ttf) format("truetype");font-weight:400 600;font-display:swap}
@font-face{font-family:Nunito;src:url(assets/nunito-bold.ttf) format("truetype");font-weight:700 900;font-display:swap}
:root{--ink:#493357;--muted:#7D647F;--purple:#7954B1;--purple-hover:#67439E;--paper:#FFFBFC;--line:#EADDE9;--pink:#F1D5E3;--soft:#F4ECF8;--font:Nunito,sans-serif;--display:Fredoka,sans-serif;--header:82px;--shadow:0 6px 24px #49335714}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;background:var(--paper);color:var(--ink);font-family:var(--font);overscroll-behavior:none}
body{overflow:hidden}button,a,input,select{touch-action:manipulation}button,select{font:inherit;color:inherit}button{cursor:pointer;user-select:none;-webkit-user-select:none}button svg{flex-shrink:0}button{border:0;background:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8B63C4;outline-offset:4px}button:not(:disabled){transition:background-color .16s,transform .16s,color .16s}button:not(:disabled):active{transform:scale(.96)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}::selection{background:#D9C5EF;color:#493357}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-thumb{background:#CFB9DB;border-radius:6px}::-webkit-scrollbar-track{background:transparent}svg{vertical-align:middle}button span[data-icon]{display:flex;align-items:center}a{color:inherit}
.topbar{height:var(--header);padding:0 max(26px,env(safe-area-inset-right)) 0 max(26px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand{display:flex;gap:12px;text-decoration:none;align-items:center;font-family:var(--display);font-size:27px;line-height:1;white-space:nowrap}.brand small{display:block;font-family:var(--font);font-size:11px;letter-spacing:.04em;margin-top:8px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#E9DCF5;color:var(--purple);transform:rotate(-7deg)}.brand-mark svg{width:29px;height:29px}
nav{display:flex;align-items:center;gap:5px}.nav-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:13px;font-family:var(--display);font-size:16px;color:var(--muted)}.nav-button.selected{background:#EDE2F8;color:#654098}.nav-button svg{width:21px}.nav-button.garden-nav:not(.selected){color:#507662}.count{font:700 11px var(--font);background:#FFFFFF;min-width:20px;height:20px;display:grid;place-items:center;border-radius:7px}.utilities{display:flex;gap:3px}.icon-button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--muted)}.icon-button:hover{background:#F0E7F6}
#game-shell{display:flex;height:calc(100% - var(--header));height:calc(100dvh - var(--header));min-height:0}.play-space{position:relative;flex:1;min-width:0;overflow:hidden;background:#F5E6EC}.scene,.scene canvas{width:100%;height:100%;display:block}.scene{position:absolute;inset:0}.wardrobe{width:366px;flex:0 0 366px;display:flex;flex-direction:column;padding:24px 24px 14px;position:relative;background:var(--paper);min-height:0;border-left:1px solid var(--line)}
.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.wardrobe-heading h1{font-size:29px;letter-spacing:-.02em}.wardrobe-heading p{font-size:12px;margin-top:6px;color:var(--muted)}.wardrobe-flower{color:#B896D4;transform:rotate(13deg)}.wardrobe-flower svg{width:38px;height:38px}
.category-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:18px}.category-tab{min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700;color:var(--muted);border-radius:12px;background:#F7F1F7}.category-tab svg{width:22px;height:22px}.category-tab.selected{background:#EADDF5;color:#6F469E}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.collection-heading h2{font-size:21px}.text-button{display:flex;align-items:center;gap:5px;min-height:36px;font-size:12px;color:var(--muted);padding:0 3px}.text-button svg{width:16px}
.items-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;align-content:start;flex:1;min-height:160px;padding:3px 3px 10px}.item-card{position:relative;min-height:127px;background:#F4EEF5;border-radius:14px;padding:5px 7px 11px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;border:2px solid transparent}.item-card.selected{border-color:#9E77C8;background:#EFE2F8}.item-card img{width:87px;height:87px;object-fit:contain;pointer-events:none}.item-card span{font-size:12px;font-weight:700;line-height:1.2}.item-check{position:absolute;right:7px;top:7px;border-radius:50%;background:var(--purple);color:white;width:19px;height:19px;display:grid;place-items:center}.item-check svg{width:13px;height:13px}
.palette-panel{padding:17px 0 13px;border-top:1px solid var(--line);margin-top:7px}.palette-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:7px}.palette-heading strong{font-weight:700}.palette-heading span{color:var(--muted);font-size:12px}.color-picker{display:flex;justify-content:space-between;gap:0}.swatch{width:38px;height:44px;position:relative;display:grid;place-items:center;padding:3px}.swatch::before{content:"";position:absolute;width:29px;height:29px;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 1px #49335719}.swatch.selected::after{content:"";position:absolute;inset:3px 0;border:2px solid #8C66B0;border-radius:50%}.swatch svg{position:relative;width:15px;height:15px;color:#493357}.photo-background{display:flex;gap:8px;align-items:center;padding-top:7px;font-size:11px}.photo-background label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted)}.photo-background label svg{width:15px}.photo-background select{min-width:0;width:100%;min-height:40px;border:1px solid var(--line);border-radius:9px;background:white;padding:0 3px;font-size:11px}.signature-button{min-height:40px;font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}.signature-button svg{width:15px}
.atelier-hud{position:absolute;top:24px;left:26px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.atelier-hud button{pointer-events:auto}.name-tag{display:flex;gap:10px;align-items:center;padding:12px 17px;background:#FFFBF4ed;border-radius:14px;box-shadow:var(--shadow)}#char-dot{height:12px;width:12px;border-radius:50%;background:#F19AC4}.name-tag strong{font:500 22px var(--display);display:block}.name-tag div>span{font-size:11px;color:var(--muted);display:block;margin-top:2px}.stage-tools{display:flex;gap:7px}.scene-pill{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 17px;background:#FFFBF6ed;border-radius:13px;box-shadow:var(--shadow);font-family:var(--display);font-size:13px;white-space:nowrap;color:#66516B}.scene-pill svg{width:20px;height:20px}.scene-button{background:#FFFBF6ed;box-shadow:var(--shadow)}.turn-hint{position:absolute;left:50%;bottom:179px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;color:#735B73;font-size:11px;white-space:nowrap;background:#FFF9F3bd;padding:7px 12px;border-radius:20px;pointer-events:none}.turn-hint svg{width:15px;height:15px}.atelier-bottom{position:absolute;left:26px;right:26px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px}
.character-picker{display:flex;gap:6px;justify-content:center;padding:6px;background:#FFFBF6ed;border-radius:17px;box-shadow:var(--shadow);max-width:100%;overflow:auto}.char-button{flex-shrink:0;min-width:79px;height:54px;border-radius:12px;padding:6px 12px;display:flex;gap:8px;align-items:center;text-align:left;color:var(--muted)}.char-button.selected{background:var(--char-bg);color:var(--ink)}.char-button strong{display:block;font:500 16px var(--display)}.char-button small{display:block;font-size:9px;margin-top:3px}.char-feature{height:31px;width:31px;display:grid;place-items:center;flex-shrink:0}.char-feature svg{width:31px;height:31px}.creation-actions{display:flex;gap:9px;justify-content:center;align-items:center;width:100%}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;border-radius:14px;padding:0 21px;font:500 16px var(--display);white-space:nowrap}.primary{background:var(--purple);color:#FFFBFC;box-shadow:0 5px 15px #64418628}.primary:hover{background:var(--purple-hover)}.secondary{background:#FFFBF6ed;color:#6A516E;box-shadow:var(--shadow)}.secondary:hover{background:white}.primary svg,.secondary svg{width:21px;height:21px}.save-button{min-width:195px}
.loading,.render-error{position:absolute;inset:0;background:#F7ECF3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:15;text-align:center;padding:25px}.loading h1{font-size:30px}.loading p{font-size:14px;color:var(--muted);margin-top:12px}.loading-mark{height:70px;width:70px;border-radius:23px;background:#E4D2F2;color:var(--purple);display:grid;place-items:center;margin-bottom:25px;animation:hang 1.7s ease-in-out infinite}.loading-mark svg{width:42px;height:42px}.render-error h2{font-size:26px}.render-error p{max-width:400px;line-height:1.7;margin:15px 0 22px;color:var(--muted)}@keyframes hang{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.walk-hud{position:absolute;inset:0;pointer-events:none}.walk-hud button,.joystick{pointer-events:auto}.walk-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.world-title{text-align:center;padding:10px 16px;background:#FFF9F0e6;border-radius:14px;box-shadow:var(--shadow)}.world-title strong{font:500 24px var(--display);display:block}.world-title>span{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.explore-guide{position:absolute;top:110px;left:50%;transform:translateX(-50%);background:#FFFBF0ed;border-radius:13px;padding:10px 8px 10px 18px;font-size:12px;color:#6B586F;display:flex;align-items:center;gap:20px;white-space:nowrap}.explore-guide button{width:32px;height:32px}.explore-guide button svg{width:16px}.walk-bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:35px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.joystick-wrap{text-align:center;flex-shrink:0}.joystick-wrap>span{display:block;color:#493357;font-size:11px;margin-top:9px;background:#FFFAF0c7;border-radius:8px;padding:4px}.joystick{position:relative;width:132px;height:132px;border:2px solid #FFFBF5;border-radius:50%;background:#FFFBF54d;box-shadow:0 5px 23px #4933571f;display:grid;place-items:center;touch-action:none}.joystick-knob{position:relative;width:58px;height:58px;border-radius:50%;background:#FFFAF2ed;box-shadow:0 3px 10px #49335724;pointer-events:none}.joystick-cross{position:absolute;inset:16px;border:1px solid #FFFBF580;border-radius:50%;pointer-events:none}.look-controls>div{display:flex;gap:10px}.round-control{width:58px;height:58px;border-radius:50%;background:#FFFBF2eb;color:var(--ink);box-shadow:var(--shadow);touch-action:none;display:grid;place-items:center}.round-control svg{width:25px;height:25px}.home-button{display:flex;gap:6px;align-items:center;min-height:45px;font-size:11px;padding:0 10px;margin-top:10px;border-radius:10px;background:#FFFAF0eb;box-shadow:var(--shadow)}.home-button svg{width:17px;height:17px}.walk-middle{display:flex;flex-direction:column;gap:12px;align-items:center;padding-bottom:5px}.pet-button{min-height:53px;padding:0 20px;display:flex;align-items:center;gap:9px;background:#7C53AF;color:#FFF8FC;border-radius:14px;box-shadow:var(--shadow);font-family:var(--display);font-size:16px}.world-counter{position:absolute;top:99px;left:24px;border-radius:12px;background:#FFFBF0e6;padding:11px 14px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.world-counter svg{width:19px;color:#AC8535}.snapshot-button{position:absolute;right:24px;top:99px}.mode-world .wardrobe,.mode-boutique .wardrobe,.mode-runway .wardrobe{display:none}.mode-world .atelier-hud,.mode-world .atelier-bottom,.mode-world .turn-hint,.mode-boutique .atelier-hud,.mode-boutique .atelier-bottom,.mode-boutique .turn-hint,.mode-runway .atelier-hud,.mode-runway .atelier-bottom,.mode-runway .turn-hint{display:none}
.runway-hud{position:absolute;inset:0;pointer-events:none}.runway-heading{text-align:center;position:absolute;top:24px;left:50%;transform:translateX(-50%);background:#FFFAF4e6;border-radius:18px;padding:15px 32px;min-width:300px;box-shadow:var(--shadow)}.runway-heading>span{display:block;color:#AC8543;margin-bottom:6px}.runway-heading h1{font-size:27px}.runway-heading p{font:500 18px var(--display);margin-top:9px;color:var(--purple)}#skip-runway{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);pointer-events:auto}.pet-hearts{position:absolute;left:48%;top:35%;pointer-events:none;color:#B86893;display:flex;gap:15px;opacity:0}.pet-hearts.show{animation:hearts 1.5s ease-out}.pet-hearts svg:nth-child(2){margin-top:-20px}@keyframes hearts{0%{opacity:0;transform:translateY(20px) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translateY(-80px) scale(1.15)}}
.album-view{height:calc(100dvh - var(--header));overflow-y:auto;background:#F8F0F7;padding:36px max(35px,calc((100% - 1250px)/2)) max(40px,env(safe-area-inset-bottom))}.album-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.album-heading h1{font-size:40px}.album-heading p{color:var(--muted);font-size:14px;margin-top:8px}.album-info{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin:26px 0 18px}.album-empty{padding:55px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.album-empty>div{width:88px;height:88px;background:#EADCF2;border-radius:27px;display:grid;place-items:center;color:#9B73BB;transform:rotate(-8deg)}.album-empty>div svg{height:40px;width:40px}.album-empty h2{font-size:28px}.album-empty p{color:var(--muted);font-size:14px;line-height:1.8}.album-empty .secondary{margin-top:10px}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.look-card{background:#FFFBFC;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 6px 23px #69427B0c}.look-photo{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.look-caption{padding:14px 16px}.look-title{display:flex;justify-content:space-between;align-items:center}.look-title strong{font:500 22px var(--display)}.look-title span{font-size:11px;color:var(--muted)}.look-caption small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.look-actions{display:flex;gap:5px;margin-top:12px}.look-actions button{background:#F3EAF7;border-radius:10px;min-height:43px;display:flex;align-items:center;justify-content:center;padding:0 11px;gap:7px;font:500 12px var(--display)}.look-actions button:first-child{flex:1}.look-actions svg{width:17px;height:17px}.look-delete{position:absolute;right:9px;top:9px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#FFFBF4eb;color:#806B84}.look-delete svg{width:17px}
.toast{position:fixed;z-index:60;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:#493357;color:#FFF9FC;border-radius:13px;box-shadow:0 8px 30px #49335730;padding:14px 20px;font-size:13px;display:flex;align-items:center;gap:15px;text-align:center}.toast button{color:#F2D5FF;text-decoration:underline;min-height:30px}.storage-warning{position:fixed;bottom:0;background:#FFF1D3;color:#775520;font-size:11px;left:0;right:0;text-align:center;z-index:50;padding:7px}
dialog{border:0;border-radius:24px;box-shadow:0 20px 80px #3F244544;padding:34px;max-width:570px;width:calc(100% - 36px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--paper);overflow:auto}dialog::backdrop{background:#3F244560;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:12px;width:38px;height:38px}.dialog-close svg{width:20px}dialog h2{font-size:31px;padding-right:20px;margin-bottom:17px}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}.help-steps{display:grid;gap:18px;margin:24px 0}.help-step{display:flex;gap:14px;align-items:flex-start}.help-step>span{height:42px;width:42px;background:#F0E4F6;display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:var(--purple)}.help-step strong{display:block;font:500 18px var(--display);margin-bottom:3px}.help-step p{font-size:12px}.dialog-actions{display:flex;gap:10px;margin-top:24px;justify-content:center}.dialog-actions button{font-size:14px;padding:0 18px}.celebration{text-align:center}.celebration>div{display:flex;justify-content:center;gap:5px;margin:18px -15px}.celebration img{width:18%;border-radius:10px}.celebration h2{padding:0}.celebration>span{display:block;color:#AD8546;margin:0 0 15px}.celebration>span svg{width:45px;height:45px}
@media(hover:hover){.item-card:hover{background:#EDE3F2}.category-tab:hover{background:#EFE4F5}.char-button:hover{background:#F0E4F3}.scene-pill:hover{background:white}.nav-button:hover{background:#F3EBF7}}
@media(min-width:1550px){.wardrobe{width:406px;flex-basis:406px;padding:28px}.items-grid{grid-template-columns:repeat(2,1fr)}.item-card{min-height:153px}.item-card img{width:108px;height:108px}.atelier-bottom{bottom:32px}.turn-hint{bottom:190px}}
@media(max-width:1100px){:root{--header:74px}.topbar{padding:0 18px;gap:8px}.brand{font-size:24px;gap:8px}.brand small{font-size:9px}.brand-mark{height:40px;width:40px;border-radius:12px}.nav-button{padding:0 12px;font-size:14px;gap:7px}.nav-button svg{width:18px}.utilities .icon-button{width:40px;height:44px}.wardrobe{width:325px;flex-basis:325px;padding:20px 17px 10px}.wardrobe-heading h1{font-size:27px}.wardrobe-heading{margin-bottom:15px}.category-tabs{gap:5px;padding-bottom:13px}.items-grid{gap:8px}.item-card{min-height:117px}.item-card img{width:78px;height:78px}.swatch{width:35px}.atelier-hud{left:18px;right:18px;top:18px}.scene-pill{font-size:12px;padding:0 13px}.atelier-bottom{left:18px;right:18px;gap:12px}.char-button{min-width:70px;padding:6px 8px;gap:5px}.char-feature{display:none}.char-button strong{font-size:15px}.character-picker{gap:3px}.primary,.secondary{font-size:14px;padding:0 16px;min-height:50px}.save-button{min-width:170px}.creation-actions{gap:7px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world-title strong{font-size:21px}.explore-guide{top:110px}.walk-top{left:18px;right:18px}.walk-bottom{left:26px;right:24px}}
@media(max-width:800px) and (orientation:portrait){:root{--header:114px}.topbar{height:114px;flex-wrap:wrap;align-content:center;justify-content:space-between;row-gap:6px;padding:8px 18px}.brand{font-size:23px}.brand small{font-size:9px;margin-top:5px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand-mark svg{width:24px;height:24px}nav{order:3;width:100%;justify-content:center;gap:5px}.nav-button{min-height:41px;border-radius:11px;padding:0 18px;font-size:13px;flex:1}.utilities{margin-left:auto}.utilities .icon-button{width:36px;height:36px}.utilities svg{width:20px}.topbar nav svg{width:18px}.count{width:16px;height:16px;min-width:16px;font-size:9px}
  #game-shell{flex-direction:column}.play-space{height:52%;min-height:290px;flex:1}.wardrobe{width:100%;flex:0 0 43%;height:43%;padding:12px 18px 8px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(70px,1fr) auto;gap:6px;border-left:0;border-top:1px solid var(--line)}.wardrobe-heading{display:none}.category-tabs{display:flex;padding:0;gap:4px}.category-tab{flex:1;min-width:0;min-height:48px;font-size:9px;gap:3px;border-radius:9px}.category-tab svg{height:19px;width:19px}.collection-heading{margin:0}.collection-heading h2{font-size:17px}.text-button{min-height:26px;font-size:10px}.items-grid{display:flex;flex:0;overflow-x:auto;overflow-y:hidden;min-height:65px;gap:7px;padding:0 1px 3px}.item-card{min-width:100px;min-height:0;flex:0 0 100px;justify-content:center;padding:3px 5px 6px;border-radius:11px}.item-card img{width:69px;height:69px;min-height:35px}.item-card span{font-size:10px}.palette-panel{border-top:0;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.palette-heading{margin:0;display:block;font-size:11px;flex-shrink:0}.palette-heading>span{font-size:10px;display:block;margin-top:3px}.color-picker{gap:0;flex:1;max-width:345px}.swatch{width:36px;height:40px}.swatch::before{width:27px;height:27px}.swatch.selected::after{inset:3px 0}.photo-background,.signature-button{display:none}.atelier-hud{top:12px;left:13px;right:13px}.name-tag{padding:8px 11px;border-radius:11px;gap:7px}.name-tag strong{font-size:17px}.name-tag div>span{font-size:9px}.name-tag #char-dot{height:9px;width:9px}.stage-tools{gap:4px}.scene-pill{min-height:39px;border-radius:11px;padding:0 11px;font-size:11px}.scene-pill svg{width:17px}.scene-button{width:38px;height:38px}.scene-button svg{width:18px}.atelier-bottom{bottom:10px;left:12px;right:12px;gap:8px}.character-picker{padding:4px;border-radius:12px;gap:2px}.char-button{min-width:58px;height:38px;padding:3px 8px;border-radius:8px;justify-content:center;text-align:center}.char-button strong{font-size:13px}.char-button small{font-size:8px;margin-top:2px}.creation-actions{gap:6px}.primary,.secondary{min-height:43px;padding:0 12px;font-size:12px;border-radius:11px;gap:6px}.primary svg,.secondary svg{height:17px;width:17px}.save-button{min-width:146px}.turn-hint{bottom:112px;font-size:9px;padding:4px 9px}.turn-hint svg{width:12px;height:12px}.mode-world .play-space,.mode-boutique .play-space,.mode-runway .play-space{height:100%;flex:1;min-height:0}.walk-top{top:13px;left:13px;right:13px;gap:7px}.world-title{padding:8px 9px;max-width:55%}.world-title strong{font-size:17px}.world-title>span{font-size:9px;line-height:1.5;margin-top:3px}.walk-top .scene-pill{padding:0 8px;font-size:10px}.walk-top #quality-button{font-size:0}.walk-top #quality-button svg{width:19px}.world-counter{left:13px;top:86px;font-size:10px;padding:9px}.snapshot-button{right:13px;top:86px}.explore-guide{top:145px;white-space:normal;width:calc(100% - 40px);font-size:10px;padding:9px 6px 9px 13px;gap:10px;line-height:1.5}.explore-guide span{flex:1}.explore-guide button{flex-shrink:0}.walk-bottom{bottom:max(22px,env(safe-area-inset-bottom));left:20px;right:18px;gap:8px}.joystick{width:112px;height:112px}.joystick-knob{width:52px;height:52px}.joystick-wrap>span{font-size:9px}.round-control{width:46px;height:46px}.look-controls>div{gap:6px}.home-button{font-size:9px;padding:0 6px;min-height:37px}.home-button svg{width:14px}.walk-middle{padding-bottom:60px}.walk-middle .scene-pill{font-size:10px;padding:0 10px}.pet-button{position:absolute;bottom:160px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;min-height:46px}.album-view{padding:24px 19px 35px}.album-heading h1{font-size:32px}.album-heading p{font-size:11px}.album-info{font-size:9px;line-height:1.5;margin:20px 0 14px;align-items:flex-end}.album-info span:last-child{max-width:165px;text-align:right}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.look-caption{padding:10px}.look-title strong{font-size:19px}.look-title span{font-size:9px}.look-caption small{font-size:9px}.look-actions{gap:4px;margin-top:9px}.look-actions button{min-height:39px;padding:0 8px;font-size:10px;gap:5px}.look-actions svg{height:15px;width:15px}.look-delete{width:34px;height:34px;right:6px;top:6px}.look-delete svg{height:15px}.runway-heading{padding:13px 22px;min-width:270px}.runway-heading h1{font-size:23px}.runway-heading p{font-size:17px}}
@media(max-width:800px) and (max-height:850px) and (orientation:portrait){.wardrobe{flex-basis:44%;height:44%;padding:9px 13px 5px;gap:3px}.play-space{min-height:250px}.item-card img{height:56px;width:56px}.item-card{min-width:91px;flex-basis:91px}.category-tab{min-height:44px}.swatch{height:38px}.swatch.selected::after{inset:2px 0}.atelier-bottom{bottom:8px;gap:6px}.turn-hint{bottom:102px}}
@media(max-height:650px) and (orientation:landscape){:root{--header:60px}.topbar{height:60px}.brand{font-size:21px}.brand small{display:none}.brand-mark{height:34px;width:34px}.nav-button{min-height:39px;font-size:12px;padding:0 12px}.wardrobe{width:300px;flex-basis:300px;padding:12px}.wardrobe-heading{margin-bottom:9px}.wardrobe-heading h1{font-size:23px}.wardrobe-heading p{font-size:10px;margin-top:3px}.wardrobe-flower svg{height:28px;width:28px}.category-tabs{display:flex;gap:3px;padding-bottom:6px}.category-tab{min-height:43px;flex:1;min-width:0;font-size:8px;gap:2px}.category-tab svg{width:17px;height:17px}.collection-heading{margin-bottom:4px}.collection-heading h2{font-size:17px}.item-card{min-height:90px;padding:2px 5px 7px}.item-card img{height:58px;width:58px}.item-card span{font-size:10px}.palette-panel{padding:9px 0 0;margin-top:4px}.palette-heading{font-size:11px;margin-bottom:3px}.palette-heading span{font-size:10px}.swatch{width:33px;height:36px}.swatch::before{width:25px;height:25px}.swatch.selected::after{inset:1px 0}.photo-background{display:none}.signature-button{min-height:30px;font-size:10px;margin-top:2px}.atelier-hud{top:12px;left:15px;right:15px}.name-tag{padding:8px 12px}.name-tag strong{font-size:18px}.name-tag div>span{font-size:9px}.scene-pill{min-height:39px;font-size:11px}.scene-button{height:39px;width:39px}.atelier-bottom{bottom:13px;gap:8px}.character-picker{padding:4px}.char-button{height:39px;min-width:61px;padding:3px 8px}.char-button strong{font-size:13px}.char-button small{font-size:8px}.primary,.secondary{min-height:42px;font-size:12px;padding:0 13px;gap:6px}.primary svg,.secondary svg{width:18px;height:18px}.save-button{min-width:146px}.turn-hint{bottom:119px;font-size:9px}.walk-top{top:13px}.world-title{padding:7px 14px}.world-title strong{font-size:19px}.world-title span{font-size:9px}.explore-guide{top:83px;font-size:10px;padding:5px 5px 5px 13px;gap:12px}.world-counter,.snapshot-button{top:78px}.walk-bottom{bottom:18px}.joystick{height:100px;width:100px}.joystick-knob{width:46px;height:46px}.joystick-wrap>span{font-size:9px}.round-control{height:46px;width:46px}.home-button{font-size:9px;min-height:35px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.scene-pill[aria-pressed=true]{background:#E2D2F2;color:#56327D}
.color-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}.swatch{width:100%;min-height:44px}.swatch.selected::after{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:35px;height:35px}
@media(min-width:801px) and (max-width:1200px){.color-picker{grid-template-columns:repeat(4,1fr)}.palette-panel{padding:10px 0 5px}.swatch{height:44px}.photo-background select{min-height:44px}.signature-button{min-height:44px}.name-tag{padding:10px 12px}.stage-tools{gap:5px}#visit-button{padding:0 10px;font-size:11px}.stage-tools .icon-button{width:44px;height:46px}}
@media(max-width:800px) and (orientation:portrait){.category-tab{min-height:52px}.char-button{height:48px;min-width:60px}.primary,.secondary{min-height:48px}.atelier-bottom{gap:9px;bottom:12px}.turn-hint{bottom:135px}.palette-panel{display:block}.palette-heading{display:flex;margin:3px 0 1px;font-size:12px}.palette-heading>span{font-size:11px;display:block;margin:0}.color-picker{max-width:none;width:100%}.swatch{height:45px;min-height:45px}.item-card{min-width:116px;flex-basis:116px}.item-card img{width:88px;height:88px}.item-card span{font-size:11px}.scene-button{width:42px;height:42px}.scene-pill{min-height:44px}.stage-tools{gap:5px}.atelier-hud{align-items:center}.walk-top #quality-button{width:44px;height:44px}.round-control{height:50px;width:50px}.world-title strong{font-size:19px}.world-title>span{font-size:10px}.explore-guide{font-size:12px}.joystick-wrap>span{font-size:11px}.walk-middle .scene-pill{font-size:12px;min-height:48px}.home-button{min-height:44px;font-size:10px}.world-counter{font-size:12px}.snapshot-button{font-size:12px;min-height:44px}}
@media(max-width:800px) and (max-height:850px) and (orientation:portrait){.category-tab{min-height:48px}.char-button{height:44px}.primary,.secondary{min-height:46px}.atelier-bottom{gap:6px;bottom:9px}.item-card{min-width:98px;flex-basis:98px}.item-card img{height:53px;width:53px}.turn-hint{bottom:123px}.palette-heading{font-size:10px}.palette-heading>span{font-size:10px}.swatch{height:44px}.wardrobe{flex-basis:45%;height:45%}}
.brand small,.name-tag div>span,.char-button small,.category-tab,.text-button,.photo-background,.photo-background select,.signature-button,.palette-heading>span,.look-caption small,.look-title span,.album-info,.count{font-size:11px}
.palette-heading,.home-button,.world-title>span,.turn-hint,.joystick-wrap>span,.world-counter,.storage-warning{font-size:12px}
.scene-pill,#visit-button,.walk-top .scene-pill,.walk-middle .scene-pill{font-size:12px}
@media(max-width:800px) and (orientation:portrait){.walk-top #quality-button{font-size:0}.char-button{padding:4px 7px}.char-button strong{font-size:14px}.char-button small{margin-top:2px}.turn-hint{font-size:11px}.item-card span{font-size:11px}.album-heading p{font-size:12px}.album-info span:last-child{max-width:220px}.look-actions button{font-size:12px}.home-button{font-size:11px}.world-title strong{font-size:20px}.world-title>span{font-size:11px}}