:root{color:#35234f;font-synthesis:none;text-rendering:optimizelegibility;--purple:#7146b3;--purple-dark:#55318e;--purple-soft:#eee5f8;--pink:#ed4f83;--teal:#239487;--yellow:#f8b832;--cream:#fff8e9;--ink-soft:#786c82;--panel-shadow:0 12px 30px #3f275933, 0 3px 0 #53318414;background:#c7dee8;font-family:ui-rounded,Trebuchet MS,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#c7dee8}button,fieldset{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}input:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}button:disabled{cursor:default;filter:saturate(.45);opacity:.55}[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}#app{isolation:isolate;background:#c7dee8;position:relative}.loading-screen,.display-recovery{z-index:1000;color:#43276e;text-align:center;background:radial-gradient(circle at 50% 35%,#ffffffeb,#0000 33%),linear-gradient(145deg,#c8f0f4,#e8d5ff 54%,#ffe2bf);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loading-screen.is-ready{opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.loading-logo{color:#fff;text-shadow:0 3px #6b348f;background:linear-gradient(160deg,#ffcf45,#ff8e4f 45%,#9656d4 46%);border:5px solid #fff;border-radius:1.8rem;align-self:end;gap:.08rem;padding:1rem 1.6rem;display:grid;transform:rotate(-2deg);box-shadow:0 10px 30px #43276e33}.loading-logo strong{font-size:clamp(2rem,6vw,4rem);line-height:.9}.loading-logo span{font-size:clamp(1.3rem,4vw,2.7rem);font-weight:900}.loading-spinner{border:.45rem solid #7447b833;border-top-color:#7447b8;border-radius:50%;width:3rem;height:3rem;margin-top:1.3rem;animation:.8s linear infinite loading-turn}.loading-screen p{align-self:start;font-weight:900}@keyframes loading-turn{to{transform:rotate(360deg)}}.display-recovery>div{background:#fffaf1;border:5px solid #fff;border-radius:2rem;max-width:32rem;margin:1rem;padding:2rem;box-shadow:0 18px 50px #361e4f40}.display-recovery h2{margin:.8rem 0 .4rem}.display-recovery button{color:#fff;background:#7447b8;border-radius:1rem;min-height:48px;margin:.4rem;padding:.75rem 1rem;font-weight:900}.title-screen,.release-modal{z-index:900;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 20% 20%,#fffc,#0000 26%),radial-gradient(circle at 80% 75%,#ffd574ad,#0000 30%),linear-gradient(145deg,#b7ebeff7,#e5cdfaf7);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.release-modal{z-index:940;background:#341f4f94}.title-card,.release-card{color:#412463;text-align:center;background:#fffaeff7;border:5px solid #fff;border-radius:2.2rem;width:min(92vw,31rem);max-height:calc(100vh - 2rem);padding:clamp(1.2rem,4vw,2.4rem);overflow:auto;box-shadow:0 22px 70px #381f5345}.release-card-wide{width:min(94vw,40rem)}.title-logo{color:#fff;text-shadow:0 3px #5d2d88;background:linear-gradient(160deg,#ffd047,#ff8f4f 44%,#8d4dcc 45%);border-radius:1.7rem;width:-moz-fit-content;width:fit-content;margin:0 auto 1rem;padding:1rem 1.7rem;display:grid;transform:rotate(-2deg)}.title-logo strong{font-size:clamp(2.6rem,8vw,4.7rem);line-height:.82}.title-logo span{font-size:clamp(1.7rem,5vw,3rem);font-weight:1000}.title-card>p{color:#6d5d7a;max-width:24rem;margin:0 auto 1.4rem;font-weight:800}.title-actions,.parent-actions{gap:.65rem;display:grid}.title-actions button,.parent-actions button,.release-actions button{color:#4c2d72;background:#fff;border:2px solid #ded1eb;border-radius:1rem;min-height:48px;padding:.8rem 1rem;font-weight:1000}.title-actions .title-primary,.parent-actions .title-primary,.release-actions .title-primary{color:#fff;background:linear-gradient(145deg,#8f57d1,#6a3fa8);border-color:#7447b8}.title-actions button:disabled{color:#81768a;background:#ded8e6}.release-card h2{margin-top:0}.release-card fieldset{border:2px solid #ded1eb;border-radius:1rem;justify-content:center;gap:.75rem;margin:1rem 0;padding:1rem;display:flex}.release-choice{background:#f3ecfa;border-radius:.8rem;min-height:44px;margin:.5rem 0;padding:.65rem;font-weight:900;display:block}.release-card input{min-width:1.25rem;min-height:1.25rem}.release-actions{justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.privacy-short{color:#6d5d7a;font-size:.88rem;font-weight:750}.credits-list{text-align:left;grid-template-columns:minmax(8rem,.7fr) 1fr;gap:.45rem .8rem;display:grid}.credits-list dt{font-weight:1000}.credits-list dd{margin:0}.danger-soft{color:#8b2d52!important}.save-status{z-index:120;color:#57337f;text-align:center;opacity:0;background:#fffaeff0;border-radius:999px;min-width:4.5rem;padding:.45rem .7rem;font-size:.78rem;font-weight:1000;transition:opacity .2s,transform .2s;position:fixed;bottom:1rem;right:1rem;transform:translateY(.5rem)}.save-status.is-visible{opacity:1;transform:translateY(0)}.chat-privacy-reminder{color:#5b4212;background:#fff1bd;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.74rem;font-weight:850;display:flex}.chat-privacy-reminder button{color:#fff;background:#7447b8;border-radius:.65rem;flex:none;min-height:34px;padding:.35rem .6rem;font-weight:900}.is-large-text{font-size:112.5%}.is-high-contrast .popover,.is-high-contrast .play-tray,.is-high-contrast .location-tray,.is-high-contrast .character-selector,.is-high-contrast .chat-panel{border:4px solid #2b174a;box-shadow:0 0 0 4px #fff,0 10px 28px #00000052}.is-high-contrast button{border-color:#2b174a}.is-reduced-motion *,.is-reduced-motion :before,.is-reduced-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.is-reduced-motion .feedback-sparkles{display:none}#game-canvas{touch-action:none;width:100%;height:100%;clip-path:inset(var(--dollhouse-mask-top,0%) var(--dollhouse-mask-right,0%) var(--dollhouse-mask-bottom,0%) var(--dollhouse-mask-left,0%));outline:none;transition:filter .28s,transform .28s,clip-path .18s;display:block}.is-chat-open #game-canvas{pointer-events:none}.interaction-label{z-index:24;color:#4d355c;pointer-events:none;background:linear-gradient(145deg,#fffcf0fa,#f4e7fffa);border:3px solid #fffffff5;border-radius:17px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-width:154px;max-width:min(260px,100vw - 24px);padding:8px 11px 8px 8px;animation:.13s ease-out interaction-label-in;display:grid;position:fixed;transform:translate(14px,16px);box-shadow:0 10px 28px #3a234e3d,0 3px #6f47971f}.interaction-label-icon{color:#5c3b78;background:linear-gradient(145deg,#ffe07a,#ffbd69);border-radius:13px;place-items:center;width:38px;height:38px;font-size:1.25rem;display:grid;box-shadow:inset 0 0 0 2px #ffffffc7}.interaction-label-copy{gap:1px;min-width:0;display:grid}.interaction-label-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:1000;line-height:1.08;overflow:hidden}.interaction-label-copy small{color:#786a82;font-size:.66rem;font-weight:850;line-height:1.15}.is-high-contrast .interaction-label{color:#241135;background:#fffdf4;border-color:#2b174a}@keyframes interaction-label-in{0%{opacity:0;transform:translate(14px,20px)scale(.96)}to{opacity:1;transform:translate(14px,16px)scale(1)}}.top-bar{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:16px;bottom:auto;left:18px;right:18px}.brand,.round-button,.location-tray,.play-tray,.popover,.action-message{box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid #ffffffeb}.brand{background:linear-gradient(145deg,#fffbebfa,#ffefc4f5);border-radius:24px 24px 24px 10px;min-width:156px;padding:10px 19px 12px;display:grid;position:relative;transform:rotate(-1.5deg)}.brand:after{content:"";background:#ffefc8;border:3px solid #ffffffe6;border-top:0;border-left:0;border-radius:0 0 15px;width:20px;height:20px;position:absolute;bottom:-8px;right:13px;transform:rotate(18deg)}.brand-khadija{color:#f4a91f;letter-spacing:-.05em;-webkit-text-stroke:1px #5d359a;text-shadow:0 2px #5d359a;font-size:clamp(1.25rem,2.15vw,2rem);font-weight:1000;line-height:.9}.brand-world{color:var(--purple);font-size:clamp(1rem,1.65vw,1.5rem);font-weight:1000;line-height:1}.brand-world span{color:var(--pink)}.top-actions{pointer-events:auto;gap:10px;display:flex}.round-button,.close-button{color:#fff;place-items:center;display:grid}.round-button{border-radius:50%;width:54px;height:54px;padding:0;font-size:1.65rem;font-weight:1000;transition:transform .16s,filter .16s}.round-button:hover{filter:brightness(1.06);transform:translateY(-2px)rotate(3deg)}.help-button{background:linear-gradient(145deg,#45b6d0,#287dcc)}.settings-button{background:linear-gradient(145deg,#f2609a,#b64bc0)}.location-tray{z-index:8;background:#fff9eaf5;border-radius:24px;gap:5px;padding:7px 12px 9px;display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.tray-title{color:#876e96;letter-spacing:.05em;text-align:center;text-transform:uppercase;font-size:.67rem;font-weight:1000}.tray-title span{color:var(--yellow)}.location-list{align-items:center;display:flex}.map-path{background:repeating-linear-gradient(90deg,#cdbdde 0 4px,#0000 4px 7px);border-radius:999px;width:15px;height:4px;margin:0 -2px}.location-button{color:#604779;background:0 0;border-radius:17px;place-items:center;gap:1px;min-width:68px;min-height:58px;padding:5px 7px 4px;transition:color .15s,background .15s,transform .15s;display:grid;position:relative}.location-button:hover{background:#f2e9f8;transform:translateY(-2px)}.location-button.is-active{color:#fff;background:linear-gradient(145deg,#8e65cc,#6841ad);transform:translateY(-2px);box-shadow:0 5px 12px #5937913d}.location-button.is-active:after{content:"";background:#6f47b3;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.location-icon{background:#fff;border:2px solid #ffffffd1;border-radius:11px;place-items:center;width:31px;height:31px;font-size:1.25rem;line-height:1;display:grid;box-shadow:0 2px 5px #341f4d1c}.home-icon{background:#ffe2cf}.bedroom-icon{background:#ecd9fa}.street-icon{background:#d9f2d2}.cafe-icon{background:#ffe5b8}.location-name{text-overflow:ellipsis;white-space:nowrap;max-width:78px;font-size:.64rem;font-weight:1000;line-height:1.1;overflow:hidden}.character-selector{z-index:8;width:174px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9eaf5;border:3px solid #ffffffeb;border-radius:21px;gap:7px;padding:9px;display:grid;position:absolute;top:118px;left:18px}.character-selector-title{color:#806c89;letter-spacing:.04em;text-transform:uppercase;padding-left:5px;font-size:.63rem;font-weight:1000}.character-selector-title span{color:var(--yellow)}.character-list{gap:5px;display:grid}.character-button{color:#604779;text-align:left;background:0 0;border-radius:16px;grid-template-columns:43px 1fr;align-items:center;gap:8px;min-height:52px;padding:4px 8px 4px 4px;transition:background .15s,transform .15s;display:grid;position:relative}.character-button:hover{background:#f2e9f8;transform:translate(2px)}.character-button.is-active{color:#fff;background:linear-gradient(145deg,#8e65cc,#6841ad);box-shadow:0 5px 12px #59379138}.character-button.is-active:after{content:"✓";color:#60418f;background:#ffd45f;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.58rem;font-weight:1000;display:grid;position:absolute;top:5px;right:6px}.character-portrait{border:2px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:1.45rem;display:grid;box-shadow:0 3px 7px #3b245226}.portrait-khadija{background:#f9c4d6}.portrait-sister{background:#ffe2a1}.portrait-brother{background:#bfe8df}.character-copy{min-width:0;display:grid}.character-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:1000;overflow:hidden}.character-copy small{color:#94849b;font-size:.56rem;font-weight:900}.character-button.is-active small{color:#eee2fa}.popover{z-index:20;background:#fffaeffa;border-radius:24px 12px 24px 24px;width:min(360px,100vw - 36px);padding:18px;animation:.18s ease-out pop-in;position:absolute;top:84px;right:18px}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}}.popover-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;display:flex}.eyebrow{color:var(--pink);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:1000}.popover h2{color:var(--purple-dark);margin:1px 0 0;font-size:1.5rem;line-height:1}.close-button{color:#755e82;background:#eee4ef;border-radius:50%;width:34px;height:34px;padding:0 0 3px;font-size:1.45rem;font-weight:900}.help-steps{gap:8px;display:grid}.help-steps div{background:#f5edf9;border-radius:14px;align-items:center;gap:10px;min-height:46px;padding:7px 10px;display:flex}.help-steps div:nth-child(2){background:#fff0d4}.help-steps div:nth-child(3){background:#e2f6ef}.help-steps div:nth-child(4){background:#fde8ef}.help-steps div>span{place-items:center;width:32px;font-size:1.35rem;display:grid}.help-steps p{color:#584466;margin:0;font-size:.78rem;font-weight:900;line-height:1.25}.keyboard-hint{color:#887b90;text-align:center;margin:12px 2px 0;font-size:.68rem;font-weight:800}.settings-panel{overscroll-behavior:contain;width:min(390px,100vw - 36px);max-height:calc(100% - 104px);overflow-y:auto}.setting-row{border-bottom:1px solid #eadfed;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.setting-icon{border-radius:13px;place-items:center;width:40px;height:40px;font-size:1.25rem;display:grid}.sound-setting-icon{background:#dff2ff}.music-setting-icon{background:#fde1ed}.living-setting-icon{background:#fff0c9}.walk-setting-icon{background:#e4f6e9}.chat-setting-icon{background:#eee3ff}.typing-setting-icon{background:#dff2ff}.memory-setting-icon{background:#fff0c9}.setting-copy{gap:1px;display:grid}.setting-copy strong{color:#553d68;font-size:.82rem}.setting-copy small{color:#8b7c91;font-size:.65rem;font-weight:700}.switch{background:#d5cbd8;border-radius:999px;width:48px;height:28px;padding:0;transition:background .18s;position:relative}.switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #36224533}.switch.is-on{background:var(--teal)}.switch.is-on span{transform:translate(20px)}.graphics-setting{border:0;margin:14px 0 13px;padding:0}.graphics-setting legend{color:#604779;margin-bottom:8px;font-size:.78rem;font-weight:1000}.graphics-setting legend span{color:var(--yellow)}.quality-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.quality-button{color:#695872;background:#f1eaf3;border:2px solid #0000;border-radius:14px;gap:1px;min-height:56px;padding:8px 4px;display:grid}.quality-button span{font-size:.76rem;font-weight:1000}.quality-button small{font-size:.56rem;font-weight:800}.quality-button:hover{background:#e8ddec}.quality-button.is-active{color:#fff;background:var(--purple);border-color:#8b60c2;box-shadow:0 4px 9px #53308933}.fresh-start-button{color:#864765;background:#fde7ee;border-radius:13px;width:100%;min-height:40px;font-size:.7rem;font-weight:900}.fresh-start-button:hover{background:#f9d6e3}.memory-clear-button{color:#655174;background:#f0e8f4;border-radius:13px;width:100%;min-height:40px;margin:10px 0 2px;font-size:.68rem;font-weight:900}.chat-panel{z-index:30;color:#4e3a5d;background:#fffaeffc;border:3px solid #fffffff2;border-radius:25px;grid-template-rows:auto minmax(120px,1fr) auto auto auto;width:min(390px,100vw - 36px);max-height:min(610px,100vh - 44px);display:grid;position:absolute;bottom:22px;right:22px;overflow:hidden;box-shadow:0 16px 46px #3b274a4d}.chat-panel[hidden]{display:none}.chat-heading{color:#fff;background:linear-gradient(135deg,#8055bd,#b950a8);grid-template-columns:52px 1fr 44px;align-items:center;gap:10px;padding:12px 14px;display:grid}.chat-portrait{background:#f8dba8;border:3px solid #fffc;border-radius:50%;place-items:center;width:50px;height:50px;font-size:1.6rem;display:grid}.chat-title{gap:2px;display:grid}.chat-title strong{font-size:1rem}.chat-title small{opacity:.9;font-size:.68rem;font-weight:800}.chat-close-button{color:#6b447d;background:#fff;border-radius:50%;width:42px;height:42px;font-size:1.4rem}.chat-messages{overscroll-behavior:contain;align-content:start;gap:8px;min-height:150px;padding:14px;display:grid;overflow-y:auto}.chat-bubble{background:#eee4f6;border-radius:16px 16px 16px 5px;max-width:86%;padding:9px 12px;font-size:.78rem;font-weight:750;line-height:1.35}.chat-bubble.is-player{color:#fff;background:#7b55ba;border-radius:16px 16px 5px;justify-self:end}.chat-thinking{background:#eee4f6;border-radius:14px;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;margin:0 14px 8px;padding:8px 12px;display:flex}.chat-thinking span{background:#8e69ac;border-radius:50%;width:7px;height:7px;animation:.75s infinite alternate chat-dot}.chat-thinking span:nth-child(2){animation-delay:.12s}.chat-thinking span:nth-child(3){animation-delay:.24s}@keyframes chat-dot{to{opacity:.35;transform:translateY(-3px)}}.chat-topics{gap:6px;padding:0 12px 10px;display:flex;overflow-x:auto}.chat-topic-button{color:#68458b;background:#f0e5f6;border-radius:999px;flex:none;min-height:40px;padding:7px 11px;font-size:.66rem;font-weight:900}.chat-form{border-top:1px solid #eadfed;grid-template-columns:1fr auto;gap:7px;padding:10px 12px;display:grid}.chat-form input{color:#4e3a5d;min-width:0;min-height:44px;font:inherit;background:#fff;border:2px solid #d8c7e1;border-radius:14px;padding:9px 12px;font-size:.78rem}.chat-form button{color:#fff;background:var(--purple);border-radius:14px;min-width:68px;font-weight:900}.chat-clear-button{color:#7a5d83;background:#f7eef4;border-radius:12px;min-height:36px;margin:0 12px 10px;font-size:.62rem;font-weight:850}.play-tray{z-index:9;background:#fff9eaf7;border-radius:25px;align-items:center;gap:10px;min-height:72px;padding:8px 10px;display:flex;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.held-item{align-items:center;gap:8px;min-width:150px;padding:2px 8px 2px 2px;display:flex}.held-item-icon{background:#eee0f8;border:2px solid #fff;border-radius:15px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:1.35rem;display:grid;box-shadow:0 3px 8px #452a6121}.held-item-copy{gap:1px;display:grid}.held-item-copy small{color:#8a7b91;white-space:nowrap;font-size:.58rem;font-weight:900}.held-item-copy output{max-width:110px;color:var(--purple-dark);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:1000;overflow:hidden}.item-actions{border-left:1px solid #e4d8e7;border-right:1px solid #e4d8e7;gap:7px;padding:0 10px;display:flex}.use-item-button,.drop-item-button,.together-button{color:#fff;border-radius:15px;justify-content:center;align-items:center;gap:5px;min-height:45px;font-weight:1000;display:flex}.use-item-button{background:linear-gradient(145deg,#8e62cc,#6640ab);min-width:150px;padding:0 14px;font-size:.72rem;box-shadow:0 4px 9px #4c2b7f38}.use-item-button:not(:disabled):hover,.drop-item-button:not(:disabled):hover,.together-button:hover{filter:brightness(1.08)}.use-item-button>span:first-child{color:#ffd75b}.drop-item-button{color:#724a59;background:#f9dce6;min-width:82px;padding:0 10px;font-size:.66rem}.together-button{color:#5d4279;background:linear-gradient(145deg,#dff7f1,#bfe8df);min-width:88px;padding:0 10px;font-size:.66rem;box-shadow:0 4px 9px #36706524}.outfit-controls{gap:4px;min-width:102px;display:grid}.outfit-heading{color:#837388;font-size:.61rem;font-weight:1000}.outfit-swatches{gap:6px;display:flex}.outfit-button{border:3px solid #fff;border-radius:10px;width:29px;height:29px;padding:0;position:relative;box-shadow:0 2px 6px #35214a2e}.outfit-button.is-active{outline-offset:1px;outline:3px solid #ffc83c;transform:translateY(-2px)}.outfit-pink{background:#e84878}.outfit-teal{background:#298b7f}.outfit-yellow{background:#f5ac2e}.expression-controls{gap:4px;padding-left:1px;display:grid}.expression-heading{color:#837388;font-size:.61rem;font-weight:1000}.expression-options{gap:4px;display:flex}.expression-button{background:#f0e6f4;border:2px solid #fff;border-radius:10px;place-items:center;width:29px;height:29px;padding:0;font-size:.9rem;display:grid;box-shadow:0 2px 5px #35214a21}.expression-button:hover{transform:translateY(-2px)}.expression-button.is-active{outline-offset:1px;background:#fff4cd;outline:3px solid #ffc83c;transform:translateY(-2px)}.action-message{z-index:11;color:#5b4170;text-align:center;opacity:0;pointer-events:none;background:#fffbeef7;border-radius:999px;max-width:min(480px,100vw - 30px);min-height:36px;padding:8px 17px;font-size:.76rem;font-weight:1000;transition:opacity .18s,transform .18s;position:absolute;bottom:103px;left:50%;transform:translate(-50%,12px)scale(.96)}.action-message:before{content:"✨";color:#f4a91f;margin-right:7px}.action-message.is-visible{opacity:1;transform:translate(-50%)scale(1)}.debug-panel{z-index:40;color:#e8f7ff;pointer-events:none;background:#0e141de0;border:1px solid #ffffff73;border-radius:10px;grid-template-columns:repeat(2,auto);gap:5px 13px;padding:10px 12px;font:11px/1.3 Consolas,monospace;display:grid;position:absolute;bottom:14px;right:14px}.debug-panel strong,.debug-panel output{grid-column:1/-1}.debug-panel b{color:#7de0ff}#app:after{content:"";z-index:35;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fffffff5,#ffefc4e0),#fff9e8e0;transition:opacity .24s;position:absolute;top:0;bottom:0;left:0;right:0}#app.is-room-changing:after{opacity:.94}#app.is-room-changing #game-canvas{filter:blur(1.5px)saturate(.9);transform:scale(1.012)}.location-transition{z-index:36;min-width:236px;color:var(--purple-dark);opacity:0;pointer-events:none;background:linear-gradient(145deg,#fffdf5,#ffe9b8);border:3px solid #fffffff5;border-radius:24px;align-items:center;gap:13px;padding:13px 20px;transition:opacity .2s,transform .28s cubic-bezier(.2,.85,.28,1.18);display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-38%)scale(.84);box-shadow:0 18px 42px #4a2a623b}.location-transition.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.transition-icon{background:#ffffffc7;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.65rem;display:grid;box-shadow:inset 0 -3px #7146b31f}.transition-copy{gap:1px;display:grid}.transition-copy small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:900}.transition-copy strong{font-size:1.05rem;font-weight:1000}.feedback-sparkles{z-index:32;pointer-events:none;width:1px;height:1px;position:absolute;bottom:126px;left:50%}.feedback-sparkles span{background:var(--yellow);opacity:0;border-radius:3px;width:8px;height:8px;position:absolute;box-shadow:0 0 0 2px #ffffffb8}.feedback-sparkles.is-playing span{animation:.62s ease-out both sparkle-pop;animation-delay:var(--sparkle-delay)}@keyframes sparkle-pop{0%{opacity:0;transform:rotate(var(--sparkle-angle)) translateY(0) scale(.35)}24%{opacity:1}to{opacity:0;transform:rotate(var(--sparkle-angle)) translateY(calc(var(--sparkle-distance) * -1)) scale(1)}}@media (pointer:coarse){button{min-width:44px;min-height:44px}.location-button,.character-button,.expression-button,.outfit-button{touch-action:manipulation}}@media (max-width:980px){.location-tray{max-width:calc(100vw - 24px);top:91px}.top-bar{top:12px;bottom:auto;left:12px;right:12px}.popover{top:76px;right:12px}.play-tray{max-width:calc(100vw - 22px);bottom:11px}.held-item,.use-item-button{min-width:130px}.action-message{bottom:95px}.character-selector{top:153px;left:12px}}@media (max-width:720px){.brand{min-width:128px;padding:9px 14px 10px}.brand-khadija{font-size:1.2rem}.brand-world{font-size:.95rem}.round-button{width:47px;height:47px;font-size:1.35rem}.location-tray{border-radius:21px;padding:7px;display:block;top:auto;bottom:104px;left:auto;right:10px;transform:none}.tray-title,.map-path{display:none}.location-list{gap:4px;display:grid}.chat-panel{width:min(390px,100vw - 16px);max-height:calc(100vh - 16px);bottom:8px;right:8px}.location-button{border-radius:14px;min-width:50px;min-height:47px;padding:3px}.location-button.is-active{transform:translate(-3px)}.location-button.is-active:after{top:50%;bottom:auto;left:auto;right:-6px;transform:translateY(-50%)rotate(45deg)}.location-icon{width:32px;height:32px}.location-name{display:none}.character-selector{border-radius:19px;width:auto;padding:6px;top:68px;left:10px}.character-selector-title,.character-copy{display:none}.character-list{gap:4px;display:flex}.character-button{min-height:45px;padding:1px;display:block}.character-portrait{width:42px;height:42px}.play-tray{gap:7px;min-height:66px;padding:7px}.held-item{min-width:48px;padding:0}.held-item-copy{display:none}.held-item-icon{flex-basis:44px;width:44px;height:44px}.item-actions{border-left:0;gap:5px;padding:0 7px}.use-item-button{min-width:122px;padding:0 10px}.drop-item-button{width:46px;min-width:46px;padding:0;font-size:1rem}.together-button{width:48px;min-width:48px;padding:0;font-size:1rem}.drop-item-button span:last-child,.together-button span:last-child{display:none}.outfit-controls{min-width:96px}.outfit-heading,.expression-heading{display:none}.expression-controls{min-width:0;box-shadow:var(--panel-shadow);background:#fff8e9f2;border:2px solid #ffffffeb;border-radius:17px;padding:5px 7px;display:flex;position:absolute;bottom:73px;left:50%;right:auto;transform:translate(-50%)}.expression-options{gap:4px}.expression-button{width:40px;height:40px}.feedback-sparkles{bottom:152px}.action-message{bottom:139px}}@media (max-width:480px){.top-bar{top:8px;bottom:auto;left:8px;right:8px}.brand{border-width:2px;min-width:112px;padding:8px 12px 9px}.brand-khadija{font-size:1.08rem}.brand-world{font-size:.85rem}.top-actions{gap:6px}.round-button{border-width:2px;width:43px;height:43px}.popover{width:calc(100vw - 16px);max-height:calc(100vh - 74px);top:62px;right:8px;overflow-y:auto}.chat-panel{border-width:2px;width:auto;max-height:none;top:6px;bottom:6px;left:6px;right:6px}.location-tray{border-width:2px;bottom:142px;right:6px}.character-selector{border-width:2px;top:58px;left:7px}.character-button{min-height:38px}.character-portrait{width:36px;height:36px;font-size:1.2rem}.play-tray{border-width:2px;border-radius:20px;width:calc(100vw - 14px);min-height:60px;bottom:7px}.held-item{min-width:40px}.held-item-icon{border-radius:12px;flex-basis:39px;width:39px;height:39px;font-size:1.15rem}.item-actions{flex:1;padding:0 6px}.use-item-button{flex:1;min-width:0;min-height:41px;padding:0 7px;font-size:.64rem}.drop-item-button,.together-button{width:40px;min-width:40px;min-height:41px}.outfit-controls{min-width:84px}.outfit-swatches{gap:4px}.outfit-button{border-width:2px;border-radius:8px;width:25px;height:25px}.action-message{max-width:none;padding:7px 10px;font-size:.66rem;bottom:132px;left:8px;right:58px;transform:translateY(10px)scale(.97)}.action-message.is-visible{transform:translateY(0)scale(1)}.expression-controls{padding:4px 5px;bottom:64px}.expression-button{width:44px;min-width:44px;height:44px;min-height:44px;font-size:.95rem}.feedback-sparkles{bottom:145px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding-card{z-index:19;color:#4d355c;width:min(322px,100vw - 36px);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffcf0fa,#f0e8fffa);border:3px solid #fffffff5;border-radius:20px;padding:12px;animation:.2s ease-out onboarding-card-in;position:absolute;bottom:112px;left:18px}.onboarding-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.onboarding-heading small{color:#876d9c;letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:1000}.onboarding-heading button{color:#684587;background:#eee4f5;border-radius:999px;min-height:32px;padding:.3rem .58rem;font-size:.66rem;font-weight:1000}.onboarding-copy{grid-template-columns:45px minmax(0,1fr);align-items:center;gap:10px;display:grid}.onboarding-copy>span:last-child{gap:3px;display:grid}.onboarding-copy strong{font-size:.92rem;font-weight:1000}.onboarding-copy>span:last-child>span{color:#75647f;font-size:.73rem;font-weight:850;line-height:1.25}.onboarding-icon{background:linear-gradient(145deg,#ffe17d,#ffbd69);border-radius:15px;place-items:center;width:45px;height:45px;font-size:1.35rem;font-weight:1000;display:grid;box-shadow:inset 0 0 0 2px #ffffffd1}.is-high-contrast .onboarding-card{color:#241135;background:#fffdf4;border-color:#2b174a;box-shadow:0 0 0 4px #fff,0 10px 28px #00000052}.save-status.is-error{color:#8b2448;background:#fff0f3}@keyframes onboarding-card-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (max-width:720px){.onboarding-card{width:min(300px,100vw - 82px);bottom:176px;left:10px}}@media (max-width:480px){.onboarding-card{border-width:2px;width:auto;padding:10px;bottom:194px;left:8px;right:58px}.onboarding-copy{grid-template-columns:40px minmax(0,1fr)}.onboarding-icon{width:40px;height:40px}.onboarding-copy>span:last-child>span{font-size:.68rem}}:root{--viewport-width:100vw;--viewport-height:100vh;--viewport-offset-left:0px;--viewport-offset-top:0px;--keyboard-inset:0px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@supports (height:100dvh){:root{--viewport-height:100dvh}}html,body{overscroll-behavior:none;min-height:100%}body{width:100%;position:fixed;top:0;bottom:0;left:0;right:0}#app{width:min(var(--viewport-width), 100vw);height:var(--viewport-height);min-height:1px;max-height:100vh;overflow:hidden}@supports (height:100dvh){#app{max-height:100dvh}}.title-screen,.release-modal,.loading-screen,.display-recovery{min-height:var(--viewport-height);overscroll-behavior:contain}.title-card,.release-card{max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 2rem);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.top-bar{top:auto;bottom:auto;left:auto;right:auto;top:max(16px, calc(var(--safe-top) + 8px));right:max(18px, calc(var(--safe-right) + 10px));left:max(18px, calc(var(--safe-left) + 10px))}.location-tray{top:max(18px, calc(var(--safe-top) + 8px));max-width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right) - 24px)}.location-list,.play-tray,.chat-topics{scrollbar-width:none;-webkit-overflow-scrolling:touch}.location-list::-webkit-scrollbar{display:none}.play-tray::-webkit-scrollbar{display:none}.chat-topics::-webkit-scrollbar{display:none}.location-list{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.character-selector{top:max(118px, calc(var(--safe-top) + 108px));left:max(18px, calc(var(--safe-left) + 10px))}.popover{top:max(84px, calc(var(--safe-top) + 74px));right:max(18px, calc(var(--safe-right) + 10px));max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 96px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.settings-panel{max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 96px)}.play-tray{bottom:max(17px, calc(var(--safe-bottom) + 9px));max-width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right) - 22px);overscroll-behavior-x:contain;overflow-x:auto}.action-message{bottom:max(103px, calc(var(--safe-bottom) + 95px))}.feedback-sparkles{bottom:max(126px, calc(var(--safe-bottom) + 118px))}.onboarding-card{left:max(18px, calc(var(--safe-left) + 10px));bottom:max(112px, calc(var(--safe-bottom) + 104px))}.save-status{right:max(1rem, calc(var(--safe-right) + .6rem));bottom:max(1rem, calc(var(--safe-bottom) + .6rem))}.chat-panel{right:max(22px, calc(var(--safe-right) + 10px));bottom:max(22px, calc(var(--safe-bottom) + 10px));max-height:min(610px, calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 24px))}.chat-messages,.settings-panel,.release-card,.title-card{scroll-padding-bottom:calc(var(--safe-bottom) + 1rem)}.chat-form input{font-size:max(.78rem,16px)}button,input,label{touch-action:manipulation}@media (hover:none){.round-button:hover,.location-button:hover,.character-button:hover,.expression-button:hover{filter:none;transform:none}.location-button.is-active,.expression-button.is-active,.outfit-button.is-active{transform:none}}@media (max-width:980px){.top-bar{top:max(12px, calc(var(--safe-top) + 8px));right:max(12px, calc(var(--safe-right) + 8px));left:max(12px, calc(var(--safe-left) + 8px))}.location-tray{top:max(91px, calc(var(--safe-top) + 79px))}.popover{top:max(76px, calc(var(--safe-top) + 64px));right:max(12px, calc(var(--safe-right) + 8px))}.character-selector{top:max(153px, calc(var(--safe-top) + 141px));left:max(12px, calc(var(--safe-left) + 8px))}.play-tray{bottom:max(11px, calc(var(--safe-bottom) + 7px))}.action-message{bottom:max(95px, calc(var(--safe-bottom) + 91px))}}@media (max-width:720px){.top-bar{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);left:calc(var(--safe-left) + 8px)}.popover{top:calc(var(--safe-top) + 62px);right:calc(var(--safe-right) + 8px);width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right) - 16px);max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 70px)}.location-tray{top:auto;right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 104px);max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 188px);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.character-selector{top:calc(var(--safe-top) + 68px);left:calc(var(--safe-left) + 8px)}.play-tray{bottom:calc(var(--safe-bottom) + 7px);width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right) - 14px);max-width:none}.action-message{bottom:calc(var(--safe-bottom) + 139px)}.feedback-sparkles{bottom:calc(var(--safe-bottom) + 152px)}.onboarding-card{left:calc(var(--safe-left) + 8px);bottom:calc(var(--safe-bottom) + 176px)}.chat-panel{top:auto;bottom:auto;left:auto;right:auto;top:calc(var(--safe-top) + 6px);right:calc(var(--safe-right) + 6px);bottom:calc(var(--safe-bottom) + 6px);left:calc(var(--safe-left) + 6px);width:auto;max-height:none}.chat-messages{min-height:80px}.save-status{right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 8px)}}@media (max-width:480px){.top-bar{top:calc(var(--safe-top) + 6px);right:calc(var(--safe-right) + 6px);left:calc(var(--safe-left) + 6px)}.popover{top:calc(var(--safe-top) + 58px);right:calc(var(--safe-right) + 6px);width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right) - 12px);max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 64px)}.location-tray{right:calc(var(--safe-right) + 6px);bottom:calc(var(--safe-bottom) + 142px)}.character-selector{top:calc(var(--safe-top) + 58px);left:calc(var(--safe-left) + 6px)}.play-tray{bottom:calc(var(--safe-bottom) + 7px);width:calc(var(--viewport-width) - var(--safe-left) - var(--safe-right) - 14px)}.action-message{right:calc(var(--safe-right) + 58px);bottom:calc(var(--safe-bottom) + 132px);left:calc(var(--safe-left) + 8px)}.feedback-sparkles{bottom:calc(var(--safe-bottom) + 145px)}.onboarding-card{right:calc(var(--safe-right) + 58px);bottom:calc(var(--safe-bottom) + 194px);left:calc(var(--safe-left) + 8px)}.is-chat-input-active .chat-heading{grid-template-columns:40px minmax(0,1fr) 44px;gap:7px;padding:8px 10px}.is-chat-input-active .chat-portrait{border-width:2px;width:38px;height:38px;font-size:1.3rem}.is-chat-input-active .chat-messages{min-height:56px;padding:8px 10px}.is-chat-input-active .chat-topics{padding-bottom:6px}.is-chat-input-active .chat-clear-button{display:none}}@media (orientation:landscape) and (max-height:520px){.brand,.character-selector{display:none}.top-bar{top:calc(var(--safe-top) + 5px);right:calc(var(--safe-right) + 6px);left:auto}.location-tray{top:calc(var(--safe-top) + 5px);right:calc(var(--safe-right) + 166px);bottom:auto;left:calc(var(--safe-left) + 6px);border-radius:18px;max-width:none;max-height:62px;padding:4px 6px;display:block;overflow:auto hidden;transform:none}.location-list{gap:3px;width:max-content;display:flex}.tray-title,.map-path,.location-name{display:none}.location-button{border-radius:13px;min-width:48px;min-height:48px;padding:3px}.location-button.is-active{transform:none}.location-button.is-active:after{display:none}.location-icon{width:36px;height:36px}.popover{top:calc(var(--safe-top) + 58px);right:calc(var(--safe-right) + 6px);max-height:calc(var(--viewport-height) - var(--safe-top) - var(--safe-bottom) - 64px)}.play-tray{right:calc(var(--safe-right) + 5px);bottom:calc(var(--safe-bottom) + 5px);left:calc(var(--safe-left) + 5px);justify-content:flex-start;width:auto;max-width:none;min-height:56px;transform:none}.held-item{min-width:44px}.use-item-button{min-width:108px}.expression-controls{min-width:max-content;box-shadow:none;background:0 0;border:0;padding:0;display:grid;position:static;transform:none}.outfit-heading,.expression-heading{display:none}.action-message{right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 68px);left:calc(var(--safe-left) + 8px);max-width:none;transform:translateY(10px)scale(.97)}.action-message.is-visible{transform:translateY(0)scale(1)}.feedback-sparkles{bottom:calc(var(--safe-bottom) + 88px)}.onboarding-card{top:calc(var(--safe-top) + 64px);bottom:auto;right:auto;left:calc(var(--safe-left) + 8px);width:min(280px, calc(var(--viewport-width) * .45))}.save-status{right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 66px)}.chat-panel{top:auto;bottom:auto;left:auto;right:auto;top:calc(var(--safe-top) + 5px);right:calc(var(--safe-right) + 5px);bottom:calc(var(--safe-bottom) + 5px);left:calc(var(--safe-left) + 5px);width:auto;max-height:none}.chat-heading{padding-block-start:7px;padding-block-end:7px}.chat-messages{min-height:54px;padding-block-start:8px;padding-block-end:8px}.chat-clear-button{display:none}}button:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}input:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}select:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}textarea:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}a[href]:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}[tabindex]:focus-visible{outline-offset:3px;outline:4px solid #ffd45f}#game-canvas:focus-visible{outline-offset:-7px;outline:4px solid #ffd45f}.popover:focus-within,.chat-panel:focus-within,.release-card:focus-within,.title-card:focus-within{box-shadow:0 0 0 4px #ffd45fc2, var(--panel-shadow)}.is-high-contrast :focus-visible{outline-color:#111;box-shadow:0 0 0 3px #fff}.is-high-contrast .popover:focus-within,.is-high-contrast .chat-panel:focus-within,.is-high-contrast .release-card:focus-within,.is-high-contrast .title-card:focus-within{box-shadow:0 0 0 4px #fff,0 0 0 8px #111,0 12px 30px #00000057}[role=dialog]{scroll-margin:1rem}[inert]{-webkit-user-select:none;user-select:none}@media (prefers-contrast:more){:focus-visible{outline-width:5px!important;outline-color:#111!important}}@media (pointer:coarse){.round-button,.close-button,.chat-close-button,.chat-topic-button,.chat-clear-button,.onboarding-heading button,.fresh-start-button,.memory-clear-button,.use-item-button,.drop-item-button,.together-button{min-width:44px;min-height:44px}.location-button,.character-button{min-width:48px;min-height:48px}.outfit-button,.expression-button{width:44px;min-width:44px;height:44px;min-height:44px}.switch{background:0 0;width:52px;min-width:52px;height:44px;min-height:44px;padding:0}.switch:before{content:"";background:#d5cbd8;border-radius:999px;position:absolute;top:8px;bottom:8px;left:2px;right:2px}.switch.is-on{background:0 0}.switch.is-on:before{background:var(--teal)}.switch span{z-index:1;top:12px;left:6px}.chat-form button{min-width:72px;min-height:44px}}:root{--hud-playfield-top:0px;--hud-playfield-right:0px;--hud-playfield-bottom:0px;--hud-playfield-left:0px;--hud-panel-shadow:0 8px 20px #3f275924, 0 2px 0 #5331840f}.has-detached-hud{background:linear-gradient(180deg, #d7e9f1 0, #d7e9f1 var(--hud-playfield-top), #c7dee8 var(--hud-playfield-top), #c7dee8 calc(100% - var(--hud-playfield-bottom)), #d7e9f1 calc(100% - var(--hud-playfield-bottom)), #d7e9f1 100%)}.has-detached-hud #game-canvas{top:calc(var(--hud-playfield-top) + var(--safe-top));left:calc(var(--hud-playfield-left) + var(--safe-left));width:calc(100% - var(--hud-playfield-left) - var(--hud-playfield-right) - var(--safe-left) - var(--safe-right));height:calc(100% - var(--hud-playfield-top) - var(--hud-playfield-bottom) - var(--safe-top) - var(--safe-bottom));min-width:0;max-width:none;min-height:0;max-height:none;clip-path:inset(var(--dollhouse-mask-top,0%) var(--dollhouse-mask-right,0%) var(--dollhouse-mask-bottom,0%) var(--dollhouse-mask-left,0%) round 20px);background:#d9ebf2;border-radius:22px;position:absolute;bottom:auto;right:auto;box-shadow:0 0 0 2px #ffffffb8,0 10px 24px #3c2d4c21}@media (min-width:1100px) and (min-height:580px){.has-detached-hud .top-bar{top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 14px);left:calc(var(--safe-left) + 14px);align-items:center;height:62px}.has-detached-hud .brand,.has-detached-hud .round-button,.has-detached-hud .location-tray,.has-detached-hud .play-tray,.has-detached-hud .character-selector{box-shadow:var(--hud-panel-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-width:2px}.has-detached-hud .brand{border-radius:18px;min-width:126px;padding:8px 13px 9px;transform:none}.has-detached-hud .brand:after{display:none}.has-detached-hud .brand-khadija{font-size:1.18rem;line-height:.9}.has-detached-hud .brand-world{font-size:.92rem}.has-detached-hud .top-actions{gap:8px}.has-detached-hud .round-button{width:46px;min-width:46px;height:46px;min-height:46px;font-size:1.34rem}.has-detached-hud .round-button:hover{transform:translateY(-1px)}.has-detached-hud .location-tray{top:calc(var(--safe-top) + 8px);right:auto;left:calc(var(--safe-left) + 330px);background:#fffaeffa;border-radius:19px;gap:0;padding:6px 8px;transform:none}.has-detached-hud .tray-title{display:none}.has-detached-hud .location-list{gap:2px;overflow:visible}.has-detached-hud .map-path{color:#c3b2d2;background:0 0;place-items:center;width:10px;height:26px;margin:0;display:grid}.has-detached-hud .map-path:before{content:"›";font-size:.95rem;font-weight:1000;line-height:1}.has-detached-hud .location-button{border-radius:14px;min-width:62px;min-height:58px;padding:4px 5px}.has-detached-hud .location-button:hover{transform:none}.has-detached-hud .location-button.is-active{transform:none;box-shadow:inset 0 0 0 2px #ffffff73,0 3px 8px #5937912e}.has-detached-hud .location-button.is-active:after{display:none}.has-detached-hud .location-icon{border-width:1px;border-radius:9px;width:28px;height:28px;font-size:1.05rem}.has-detached-hud .character-selector{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 150px);border-radius:18px;width:168px;padding:5px}.has-detached-hud .character-selector-title{display:none}.has-detached-hud .character-button{border-radius:14px;grid-template-columns:38px minmax(0,1fr);gap:7px;min-height:50px;padding:4px 8px 4px 4px}.has-detached-hud .character-button:hover{transform:none}.has-detached-hud .character-portrait{width:38px;height:38px;font-size:1.24rem}.has-detached-hud .character-copy strong{font-size:.72rem}.has-detached-hud .character-copy small{font-size:.59rem}.has-detached-hud .play-tray{bottom:calc(var(--safe-bottom) + 10px);background:#fffaeffa;border-radius:21px;gap:8px;min-height:70px;padding:7px 9px;overflow:visible}.has-detached-hud .held-item{gap:7px;min-width:130px;padding-right:5px}.has-detached-hud .held-item-icon{border-radius:13px;flex-basis:42px;width:42px;height:42px;font-size:1.2rem}.has-detached-hud .held-item-copy small{font-size:.55rem}.has-detached-hud .held-item-copy output{max-width:92px;font-size:.75rem}.has-detached-hud .item-actions{gap:6px;padding:0 8px}.has-detached-hud .use-item-button,.has-detached-hud .drop-item-button,.has-detached-hud .together-button{border-radius:14px;min-height:46px}.has-detached-hud .use-item-button{min-width:132px;padding-inline-start:12px;padding-inline-end:12px}.has-detached-hud .drop-item-button{min-width:74px}.has-detached-hud .together-button{min-width:80px}.has-detached-hud .outfit-controls{min-width:92px}.has-detached-hud .outfit-heading,.has-detached-hud .expression-heading{font-size:.58rem}.has-detached-hud .outfit-button,.has-detached-hud .expression-button{border-radius:9px;width:28px;min-width:28px;height:28px;min-height:28px}.has-detached-hud .expression-options{gap:3px}.has-detached-hud .action-message{bottom:calc(var(--safe-bottom) + var(--hud-playfield-bottom) + 9px)}.has-detached-hud .feedback-sparkles{bottom:calc(var(--safe-bottom) + var(--hud-playfield-bottom) + 31px)}.has-detached-hud .onboarding-card{bottom:calc(var(--safe-bottom) + var(--hud-playfield-bottom) + 16px)}.has-detached-hud .save-status,.has-detached-hud .debug-panel{bottom:calc(var(--safe-bottom) + var(--hud-playfield-bottom) + 10px)}.has-detached-hud .popover{top:calc(var(--safe-top) + var(--hud-playfield-top) + 7px)}.has-detached-hud .top-bar{top:calc(var(--safe-top) + 8px);align-items:center;height:64px}.has-detached-hud .brand,.has-detached-hud .character-selector,.has-detached-hud .location-tray{background:#fffaeffa;border-radius:16px;height:64px;min-height:64px}.has-detached-hud .brand{align-content:center;padding:7px 13px}.has-detached-hud .character-selector{top:calc(var(--safe-top) + 8px);padding:4px}.has-detached-hud .character-button{border-radius:12px;height:52px;min-height:52px}.has-detached-hud .location-tray{top:calc(var(--safe-top) + 8px);padding:4px 7px}.has-detached-hud .location-list{height:100%}.has-detached-hud .location-button{border-radius:12px;height:52px;min-height:52px;padding:3px 5px}.has-detached-hud .location-button.is-active{box-shadow:inset 0 0 0 2px #ffffff6b,0 3px 7px #5937912b}.has-detached-hud .location-icon{border-radius:8px;width:25px;height:25px;font-size:1rem}.has-detached-hud .location-name{font-size:.64rem}.has-detached-hud .map-path{height:20px}}.character-selector{display:none!important}@media (min-width:1100px) and (min-height:580px){.has-detached-hud .top-bar{z-index:10;top:calc(var(--safe-top) + 10px);bottom:auto;right:auto;left:calc(var(--safe-left) + 10px);flex-direction:column;align-items:stretch;gap:8px;width:108px;height:auto;display:flex;position:absolute}.has-detached-hud .brand{box-sizing:border-box;border-width:2px;border-radius:15px;align-content:center;width:108px;min-width:0;height:58px;min-height:58px;padding:7px 8px;transform:none}.has-detached-hud .brand:after{display:none}.has-detached-hud .brand-khadija{font-size:1rem;line-height:.92}.has-detached-hud .brand-world{font-size:.76rem}.has-detached-hud .top-actions{flex-direction:column;gap:5px;width:108px;display:flex}.has-detached-hud .round-button{color:#5e4675;width:108px;min-width:108px;height:40px;min-height:40px;box-shadow:var(--hud-panel-shadow);background:#fffaeffa;border-width:2px;border-radius:12px;grid-template-columns:23px minmax(0,1fr);place-items:center start;column-gap:6px;padding:0 9px;font-size:.82rem;font-weight:1000;line-height:1;display:grid}.has-detached-hud .round-button:hover{transform:translate(2px)}.has-detached-hud .round-button span{place-items:center;width:23px;font-size:1.05rem;display:grid}.has-detached-hud .menu-button:after{content:"Menu"}.has-detached-hud .help-button:after{content:"Help"}.has-detached-hud .settings-button:after{content:"Settings"}.has-detached-hud .menu-button span{color:#796889}.has-detached-hud .help-button span{color:#2089bd}.has-detached-hud .settings-button span{color:#cc3c94}.has-detached-hud .location-tray{z-index:9;top:calc(var(--safe-top) + 214px);bottom:auto;right:auto;left:calc(var(--safe-left) + 10px);box-sizing:border-box;width:108px;height:auto;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;transform:none}.has-detached-hud .tray-title,.has-detached-hud .map-path{display:none}.has-detached-hud .location-list{grid-template-columns:1fr;gap:5px;width:108px;height:auto;display:grid;overflow:visible}.has-detached-hud .location-button{box-sizing:border-box;color:#5e4675;text-align:left;width:108px;min-width:108px;height:44px;min-height:44px;box-shadow:var(--hud-panel-shadow);background:#fffaeffa;border:2px solid #ffffffe6;border-radius:12px;grid-template-columns:27px minmax(0,1fr) 8px;align-items:center;gap:5px;padding:4px 6px;display:grid;position:relative;transform:none}.has-detached-hud .location-button:hover{background:#f7effb;transform:translate(2px)}.has-detached-hud .location-button.is-active{color:#5c358d;box-shadow:inset 0 0 0 1px #7447b847, var(--hud-panel-shadow);background:#f1e5fb;transform:none}.has-detached-hud .location-button:after,.has-detached-hud .location-button.is-active:after{content:"›";color:#a48ab7;background:0 0;width:auto;height:auto;font-size:1rem;font-weight:1000;line-height:1;display:block;position:static;transform:none}.has-detached-hud .location-icon{border-width:1px;border-radius:8px;width:27px;height:27px;font-size:.98rem}.has-detached-hud .location-name{text-overflow:ellipsis;white-space:nowrap;max-width:none;font-size:.61rem;line-height:1.05;display:block;overflow:hidden}.has-detached-hud .play-tray{right:calc(var(--hud-playfield-right) + var(--safe-right));left:calc(var(--hud-playfield-left) + var(--safe-left));width:-moz-fit-content;width:fit-content;max-width:calc(100% - var(--hud-playfield-left) - var(--hud-playfield-right) - var(--safe-left) - var(--safe-right));margin-left:auto;margin-right:auto;transform:none}.has-detached-hud .top-bar,.has-detached-hud .location-tray{left:calc(var(--safe-left) + 6px)}.has-detached-hud .top-bar,.has-detached-hud .top-actions,.has-detached-hud .location-tray,.has-detached-hud .location-list,.has-detached-hud .brand,.has-detached-hud .round-button,.has-detached-hud .location-button{width:102px}.has-detached-hud .brand{height:54px;min-height:54px}.has-detached-hud .round-button{min-width:102px;height:38px;min-height:38px}.has-detached-hud .location-tray{top:calc(var(--safe-top) + 202px)}.has-detached-hud .location-button{min-width:102px;height:42px;min-height:42px}.has-detached-hud .play-tray{bottom:calc(var(--safe-bottom) + 6px);min-height:62px;padding-block-start:5px;padding-block-end:5px}}.avatar-button{background:linear-gradient(145deg,#8b63d7,#e95c9c)}.avatar-tray-button{color:#56336f;background:linear-gradient(145deg,#f8dcf0,#dcd4ff);border:3px solid #fff;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-width:104px;min-height:44px;padding:8px 12px;font-size:.68rem;font-weight:1000;display:inline-flex;box-shadow:0 4px 9px #522c6d29}.avatar-tray-button span:first-child{font-size:1.2rem}.avatar-panel{overscroll-behavior:contain;width:min(680px,100vw - 36px);max-height:calc(100vh - 110px);overflow:auto}.avatar-intro{color:#725f7b;margin:-4px 0 14px;font-size:.78rem;font-weight:800;line-height:1.35}.avatar-customization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.avatar-section{background:linear-gradient(145deg,#ffffffeb,#faf0fbe0);border:2px solid #eadff0;border-radius:18px;gap:10px;min-width:0;margin:0;padding:12px;display:grid}.avatar-section legend{color:#5e3f75;padding:0 7px;font-size:.78rem;font-weight:1000}.avatar-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.avatar-option-grid button{color:#654d70;background:#fffaf4;border:2px solid #e4d4eb;border-radius:12px;min-height:38px;padding:7px 8px;font-size:.68rem;font-weight:1000;box-shadow:0 2px 5px #3e244e14}.avatar-option-grid button:hover,.avatar-tray-button:hover{filter:brightness(1.02);transform:translateY(-1px)}.avatar-option-grid button.is-active,.avatar-swatch.is-active{outline-offset:1px;color:#4f315f;background:#fff2ba;border-color:#ffc83c;outline:3px solid #ffc83c61}.avatar-swatch-grid{flex-wrap:wrap;gap:8px;display:flex}.avatar-swatch{border:3px solid #fff;border-radius:12px;width:34px;height:34px;padding:0;box-shadow:0 2px 7px #35214a33}.swatch-rose{background:#e84579}.swatch-teal{background:#1f8a7c}.swatch-sunshine{background:#f4a629}.swatch-violet{background:#8350b8}.swatch-sky{background:#3da1d3}.swatch-mint{background:#6bc7a6}.swatch-berry{background:#b5346d}.swatch-navy{background:#15315a}.swatch-gold{background:#df8f1f}.swatch-white{background:#f2efe4}.swatch-espresso{background:#3b1c12}.swatch-black{background:#15111a}.swatch-chestnut{background:#79331d}.swatch-auburn{background:#a63f22}.avatar-lip-section{grid-column:1/-1}.avatar-lip-section .avatar-option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-reset-button{color:#694d72;background:#eee5f3;border-radius:14px;width:100%;min-height:42px;margin-top:13px;font-size:.75rem;font-weight:1000}.has-detached-hud .avatar-button:after{content:"Avatar"}@media (max-width:720px){.avatar-panel{width:calc(100vw - 20px);max-height:calc(100vh - 88px);padding:14px;top:72px;right:10px}.avatar-customization-grid{grid-template-columns:1fr}.avatar-lip-section{grid-column:auto}.avatar-lip-section .avatar-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}