:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#254b43;background:#f6f3ec;font-synthesis:none;font-weight:400;line-height:1.55;font-size:14px;-webkit-font-smoothing:antialiased;--paper:#f6f3ec;--surface:#fffcf7;--ink:#254b43;--muted:#827e73;--coral:#dc7454;--line:#e4ddd1}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #dc7454}button{border:0}p,h1,h2,h3,h4{margin:0}button{touch-action:manipulation}button svg{flex-shrink:0}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}input,textarea,select{color:var(--ink);background:var(--surface);border:1px solid #d6cebf;border-radius:11px;padding:12px 14px;width:100%}textarea{resize:vertical;line-height:1.7}input:focus,textarea:focus,select:focus{outline:2px solid #a7b8a8;outline-offset:2px}.app-shell{max-width:1800px;margin:auto;padding:0 18px;min-height:100svh}.app-header{height:74px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:baseline;gap:19px;min-width:0}.brand>span:first-child{font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,2.3vw,36px);font-weight:600;line-height:1;letter-spacing:-.6px;white-space:nowrap}.brand>span:last-child{font-size:15px;letter-spacing:2px;white-space:nowrap}.profile-control{display:flex;align-items:center;gap:10px;background:transparent;padding:3px 7px;border-radius:40px;min-height:44px}.profile-control>span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-portrait{width:40px;height:40px;position:relative;background:#eaddce;border-radius:50%;overflow:hidden}.profile-portrait .avatar-sprite{width:79px;height:79px;position:absolute;left:-19.5px;top:-6px}.house-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:stretch}.world-section{min-width:0}.world-viewport{position:relative;overflow:hidden;background:#f6f3ec;border-radius:15px;isolation:isolate;touch-action:pan-y}.house-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;-webkit-user-select:none;user-select:none}.house-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.room-label{position:absolute;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:5px;padding:6px 11px;border-radius:20px;color:#f9f6ed;background:#31564de8;box-shadow:0 2px 6px #173b3026;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.4}.room-label:active:not(:disabled){transform:translate(-50%) translateY(1px)}.room-label.current{background:#dc7454}.world-person{position:absolute;transform:translate(-50%,-87.5%);padding:0;background:none;border:0;-webkit-user-select:none;user-select:none}.world-person:active:not(:disabled){transform:translate(-50%,-87.5%)}.avatar-sprite{display:block;width:100%;height:100%;background-image:url(/assets/characters.webp);background-size:300% 200%;background-repeat:no-repeat;clip-path:inset(0 0 4% 0);pointer-events:none}.player-body{width:100%;height:100%}.foot-shadow{position:absolute;left:32%;right:30%;height:7%;bottom:8%;background:#584b3638;border-radius:50%;z-index:-1;filter:blur(2px)}.person-name{position:absolute;left:50%;bottom:96%;transform:translate(-50%);display:flex;align-items:center;gap:5px;background:#fffcf7ed;border:1px solid #e4ddd1;border-radius:6px;padding:3px 7px;font-size:11px;line-height:1.2;white-space:nowrap;box-shadow:0 2px 3px #5e50341a}.person-name>span{font-size:9px;color:#8f8777}.own-name{background:#254b43;color:#fffcf7;border-color:#254b43}.own-name>span{color:#c9d9cb}.resident.nearby .person-name{border-color:#dc7454}.walking .player-body .avatar-sprite{animation:walk-bob .26s ease-in-out infinite alternate}.wave-bubble{position:absolute;left:80%;bottom:125%;border-radius:10px 10px 10px 0;display:flex;align-items:center;gap:5px;padding:7px 12px;background:#fff9e8;font-size:13px;white-space:nowrap;box-shadow:0 3px 12px #343c241a;animation:wave-hello 3.1s ease forwards;pointer-events:none}.sim-speaking:after{content:"";position:absolute;left:25%;right:25%;height:14%;bottom:4%;border:2px solid #698c6c;border-radius:50%;box-shadow:0 0 0 4px #8aa68330;pointer-events:none}.destination{position:absolute;width:17px;height:11px;border:2px solid #dc7454;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff9e745;z-index:4}.map-tools{position:absolute;right:13px;top:13px;z-index:1200;display:flex;gap:6px}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;flex-shrink:0}.map-hint{position:absolute;left:15px;bottom:15px;z-index:1200;padding:7px 12px;display:flex;align-items:center;gap:7px;font-size:12px;background:#fffcf7eb;border-radius:20px;box-shadow:0 1px 5px #40391e12}.small-dot{width:6px;height:6px;border-radius:50%;background:#6f8e6e}.direction-pad{display:none}.side-panel{background:var(--surface);border:1px solid #eee7dc;border-radius:23px;padding:24px;display:flex;flex-direction:column;min-width:0}.context-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.context-label svg{color:var(--coral)}.place-context>h1{font-family:Georgia,Songti SC,serif;font-size:42px;font-weight:500;letter-spacing:1px;line-height:1.2;margin:8px 0 14px}.short-rule{width:35px;height:1px;background:#c8c7bc;margin:0 0 18px}.place-english{font-family:Georgia,serif;font-size:23px;line-height:1.35;margin-bottom:10px;letter-spacing:-.25px}.place-line{font-size:14px;line-height:1.7}.place-people{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#817b6e;margin:14px 0}.place-people svg{margin-top:3px;flex-shrink:0}.place-people small{display:block;font-size:10px;color:#999183}.primary-button,.secondary-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;border-radius:30px;min-height:47px;padding:11px 18px;font-size:14px;font-weight:500;line-height:1.4}.primary-button{background:var(--coral);color:#fffaf2}.secondary-button{background:#f4eee4;border:1px solid #e4dbcd;color:#254b43}.voice-detail{font-size:11px;line-height:1.6;color:#817b6e;margin-top:10px;overflow-wrap:anywhere}.activity-preview{border-top:1px solid #d9d5c8;padding-top:22px;margin-top:25px}.activity-art{height:105px;background-image:url(/assets/house.webp);background-size:300%;background-position:50% 90%;border-radius:10px;margin:12px 0}.activity-preview h2{font-size:20px;line-height:1.2;letter-spacing:-.45px;font-weight:600}.activity-preview>p{font-size:13px;margin:8px 0 15px}.activity-preview .secondary-button{min-height:42px}.notes-link{display:flex;gap:7px;align-items:center;justify-content:center;background:transparent;font-size:12px;margin-top:20px;padding:4px 0}.control-bar{margin-top:12px;display:flex;align-items:center;gap:18px;background:#fffcf7;border:1px solid #eee7db;border-radius:21px;padding:12px 20px;min-height:75px;box-shadow:0 2px 5px #5a503207}.voice-controls{display:flex;gap:18px;align-items:center}.mic-control{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid #eae2d5;border-radius:30px;min-height:46px;padding:7px 16px}.mic-control>svg{color:#ce6d52}.mic-control.active{background:#e7eee2}.mic-control.active>svg{color:#4d7254}.mic-control>span,.group-control>span{font-size:12px;text-align:left;white-space:nowrap}.mic-control small,.group-control small{display:block;font-size:12px;font-weight:500}.group-control{display:flex;gap:9px;align-items:center;padding-right:18px;border-right:1px solid #e4ddd1}.social-controls{display:flex;align-items:center;gap:18px}.social-controls>button{display:flex;align-items:center;gap:7px;background:transparent;font-size:13px;min-height:44px;padding:3px}.social-controls>button.selected{color:#c66647}.social-controls .leave-button{font-size:12px;color:#837e70}.keyboard-guide{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:11px;color:#8c8578;line-height:1.6}.keyboard-guide>div{display:flex;align-items:center;flex-direction:column;gap:2px}.keyboard-guide>div>span{display:flex;gap:2px}kbd{font:11px/16px inherit;width:18px;min-height:17px;text-align:center;border:1px solid #839185;border-radius:4px;display:inline-block;color:var(--ink);background:#fcfaf3}.map-hint kbd{width:18px;font-size:10px;line-height:15px}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:9px 4px 11px;color:#8e887b;font-size:11px;gap:20px}.storage-warning{display:flex;align-items:center;gap:8px;font-size:12px;padding:9px 14px;margin-bottom:10px;background:#fff0d8;border-radius:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#254b433b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.creator-dialog{position:relative;width:min(920px,100%);display:grid;grid-template-columns:.38fr .62fr;background:#fffcf7;border-radius:26px;overflow:hidden;box-shadow:0 25px 90px #26352b40;max-height:calc(100svh - 40px)}.character-preview{position:relative;background:#ece8db;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:580px;overflow:hidden;padding:34px}.character-preview>.avatar-sprite{width:240px;height:240px;position:relative;z-index:1;flex-shrink:0}.preview-orbit{position:absolute;top:calc(50% - 155px);width:220px;height:220px;border:1px solid #d8d0c0;border-radius:50%;box-shadow:0 0 0 25px #e2dccd60,0 0 0 52px #e2dccd35}.preview-name{font-family:Georgia,Songti SC,serif;font-size:22px;line-height:1.5;position:relative;z-index:1;max-width:100%;overflow-wrap:anywhere}.character-preview>p{font-family:Georgia,serif;font-size:40px;line-height:1.05;letter-spacing:-1px;margin-top:35px;align-self:flex-start}.creator-form{padding:42px 40px 28px;overflow:auto}.creator-title-line{margin-bottom:25px}.creator-title-line h1{font-size:29px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin-bottom:7px}.creator-title-line p{color:#8a8274;font-size:13px}.field-label{font-size:13px;font-weight:500;display:block;margin-bottom:9px}.field-label>span{font-size:11px;font-weight:400;color:#908878;margin-left:8px}.creator-form>input{height:46px;background:#fffdf9}.field-error{font-size:12px;color:#b15037;margin-top:7px}fieldset{margin:0;padding:0;border:0;min-width:0}legend{font-size:13px;font-weight:500;padding:0;margin-bottom:10px}legend>span{font-weight:400;font-size:11px;color:#908878;margin-left:6px}.avatar-choices{margin-top:22px}.avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.avatar-choice{height:84px;border:1px solid #e3dbcd;border-radius:12px;background:#f3efe5;padding:0;position:relative;overflow:hidden}.avatar-choice.selected{border:2px solid #dc7454;background:#fff5ea}.choice-check{position:absolute;right:3px;top:3px;background:#dc7454;color:#fff;border-radius:50%;width:17px;height:17px;display:flex;align-items:center;justify-content:center}.interest-choices{margin-top:23px}.interest-choices>div{display:flex;flex-wrap:wrap;gap:8px}.interest-choices button{border:1px solid #e3dbcd;background:transparent;border-radius:20px;font-size:12px;padding:5px 12px}.interest-choices button.selected{background:#e6ebdf;border-color:#8c9f88}.creator-submit{margin-top:27px}.local-note{font-size:11px;color:#9b9180;margin-top:13px;text-align:center}.dialog-close{position:absolute;top:15px;right:15px;z-index:3;background:transparent}.drawer-backdrop{justify-content:flex-end;padding:0}.activity-drawer{width:min(500px,100%);height:100dvh;background:#fffcf7;padding:32px;overflow:auto;box-shadow:-20px 0 60px #223d2b25}.drawer-header{display:flex;justify-content:space-between;gap:20px}.drawer-header>div>p{font-size:12px;color:#847b6b;margin-bottom:6px}.drawer-header h2{font-family:Georgia,serif;font-size:30px;line-height:1.1;letter-spacing:-.7px;font-weight:500}.drawer-tabs{display:flex;border-bottom:1px solid #ddd6c9;margin:26px 0 22px;gap:17px}.drawer-tabs button{background:transparent;font-size:12px;padding:10px 0 12px;border-bottom:2px solid transparent;white-space:nowrap}.drawer-tabs button.active{border-color:#dc7454;color:#b65f42}.drawer-content h3{font-size:24px;font-weight:500;letter-spacing:-.5px;margin-bottom:15px}.preview-disclosure{font-size:11px;color:#928777;margin-bottom:25px}.phase-meta{display:flex;justify-content:space-between;font-size:12px;color:#968a75;margin-bottom:8px}.drawer-content .phase-name{font-size:30px;line-height:1.3;margin:4px 0 12px}.phase-english{font-family:Georgia,serif;font-size:22px;line-height:1.3;margin-bottom:15px}.phase-task{font-size:14px;line-height:1.9;margin-bottom:20px}.text-button{display:inline-flex;align-items:center;gap:7px;background:transparent;padding:5px 0;font-size:13px;color:#be6649;min-height:38px;text-align:left}.phase-navigation{display:flex;gap:12px;border-top:1px solid #e4ddd1;padding-top:23px;margin-top:22px}.phase-navigation>button{flex:1}.activity-mission{margin-top:35px;border-top:1px solid #ddd6c9;padding-top:25px}.activity-mission h4{font-size:16px;font-weight:500;margin-bottom:12px}.activity-mission>p{font-size:13px;line-height:1.9;margin-bottom:10px}.role-card{margin:28px 0 20px}.role-card .context-label{font-size:11px;color:#ae735c;margin-bottom:8px}.role-card h3{font-size:28px;margin-bottom:0}.role-english-title{font-family:Georgia,serif;font-size:20px;margin:4px 0 22px}.role-text{font-size:16px;line-height:1.9}.role-ask{margin-top:24px;border-left:3px solid #dc7454;padding-left:15px}.role-ask>span{font-size:11px;color:#92816a}.role-ask p{font-family:Georgia,serif;font-size:19px;margin-top:5px;line-height:1.5}.small-print{font-size:12px;line-height:1.8;color:#918677;margin-top:20px;display:flex;gap:6px;align-items:flex-start}.small-print svg{margin-top:4px;flex-shrink:0}.expression-list>div{padding:18px 0;border-bottom:1px solid #e8e1d5}.expression-list span{font-size:12px;color:#a4755b}.expression-list p{font-family:Georgia,serif;font-size:22px;line-height:1.45;margin-top:7px}.reflection-label{margin-top:25px}.save-notes{margin-top:23px}.small-dialog{position:relative;width:min(500px,100%);max-height:calc(100svh - 40px);overflow:auto;background:var(--surface);border-radius:25px;padding:38px;box-shadow:0 20px 70px #263d2e35}.small-dialog h2{font-size:25px;line-height:1.3;font-weight:500;padding-right:20px}.help-list{margin:29px 0}.help-list>div{display:flex;gap:15px;margin:21px 0;align-items:flex-start}.help-list>div>svg{width:23px;height:23px;color:#ac7c60;flex-shrink:0;margin-top:2px}.help-list strong{font-size:14px;font-weight:500;display:block}.help-list span{font-size:12px;line-height:1.8;color:#8d8373;display:block;margin-top:3px}.resident-intro{display:flex;align-items:center;gap:17px;margin-bottom:24px}.resident-portrait{position:relative;overflow:hidden;width:68px;height:68px;border-radius:50%;background:#eae3d5;flex-shrink:0}.resident-portrait .avatar-sprite{position:absolute;width:138px;height:138px;left:-35px;top:-9px}.resident-intro p{font-size:11px;color:#958a79;margin-top:5px}.dialog-english{font-family:Georgia,serif;font-size:23px;line-height:1.45;margin-bottom:26px}.dialog-prompts{display:flex;flex-direction:column;gap:10px}.dialog-prompts>button{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;border:1px solid #dfd6c7;border-radius:12px;padding:13px 15px;background:#f4efe5;font-size:14px}.dialog-prompts>button.selected{border-color:#b88d72;background:#f8ecdf}.scripted-reply{margin-top:20px;padding-left:16px;border-left:2px solid #b5bea8}.scripted-reply>span{font-size:11px;color:#918777}.scripted-reply>p{font-family:Georgia,serif;font-size:21px;line-height:1.5;margin-top:5px}.resident-dialog>.secondary-button{margin-top:20px}.toast{position:fixed;z-index:3000;bottom:24px;left:50%;transform:translate(-50%);background:#254b43;color:#fffaf1;border-radius:12px;max-width:min(520px,calc(100% - 32px));padding:12px 20px;box-shadow:0 5px 20px #2d3b2825;font-size:13px;text-align:center;animation:toast-in .2s ease}.outside-screen{display:flex;align-items:center;gap:45px;min-height:75svh;padding:35px}.outside-copy{flex:1;min-width:250px}.outside-copy h1{font-family:Georgia,Songti SC,serif;font-size:37px;line-height:1.35;font-weight:500;margin:20px 0}.outside-copy>p{color:#8d8271;line-height:1.9;margin:15px 0 28px}.outside-copy .primary-button{max-width:260px}.outside-screen>img{width:63%;border-radius:20px}@keyframes walk-bob{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-3px) rotate(1.5deg)}}@keyframes wave-hello{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes toast-in{0%{opacity:0;bottom:18px}to{opacity:1;bottom:24px}}@media(min-width:1000px)and (max-height:800px){.app-header{height:64px}.side-panel{padding:18px 21px}.place-context>h1{font-size:33px;margin:6px 0 10px}.short-rule{margin-bottom:12px}.place-english{font-size:19px;margin-bottom:8px}.place-line{font-size:12px}.place-people{margin:10px 0;font-size:11px}.place-people small{display:inline;margin-left:5px}.activity-preview{margin-top:17px;padding-top:15px}.activity-art{height:80px;margin:10px 0}.activity-preview h2{font-size:18px}.activity-preview>p{font-size:12px;margin:7px 0 10px}.notes-link{margin-top:12px}.primary-button,.secondary-button{min-height:42px}.control-bar{padding:8px 14px;min-height:65px;margin-top:10px}.app-footer{padding-top:7px;font-size:10px}.creator-form{padding:32px 35px 23px}.character-preview{min-height:550px}.creator-title-line{margin-bottom:19px}.avatar-choices,.interest-choices{margin-top:19px}.creator-submit{margin-top:23px}}@media(min-width:1600px){.app-shell{padding:0 24px}.side-panel{padding:28px}.house-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px}.place-context>h1{font-size:49px}.activity-art{height:130px}.activity-preview{margin-top:35px;padding-top:30px}.activity-preview h2{font-size:23px}.app-header{height:82px}.control-bar{min-height:82px}}@media(max-width:1150px){.brand>span:last-child{font-size:13px;letter-spacing:1px}.house-layout{grid-template-columns:minmax(0,1fr) 255px;gap:12px}.side-panel{padding:19px}.keyboard-guide{display:none}.control-bar{justify-content:space-between}.social-controls{gap:18px}.voice-controls{gap:13px}.group-control{padding-right:10px}.creator-dialog{max-width:860px}.creator-form{padding-left:30px;padding-right:30px}}@media(max-width:900px){.brand>span:last-child{display:none}.house-layout{grid-template-columns:minmax(0,1fr)}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px;margin-top:3px}.place-context>h1{font-size:34px}.place-english{font-size:21px}.activity-preview{border-top:0;border-left:1px solid #ddd6c9;margin:0;padding:0 0 0 24px}.activity-art{height:100px}.notes-link{grid-column:1/-1;border-top:1px solid #e4ddd1;padding-top:15px;margin-top:0}.control-bar{position:sticky;bottom:9px;z-index:1300;box-shadow:0 3px 20px #443c2320}.creator-dialog{grid-template-columns:.34fr .66fr}.character-preview{padding:24px}.character-preview>.avatar-sprite{width:210px;height:210px}.character-preview>p{font-size:33px}.creator-form{padding:35px 27px 26px}.avatar-grid{gap:5px}.avatar-choice{height:78px}}@media(max-width:600px){.app-shell{padding:0 10px}.app-header{height:62px;gap:10px}.brand>span:first-child{font-size:25px;letter-spacing:-.7px}.profile-control{gap:5px;padding:3px}.profile-control>span{font-size:12px;max-width:60px}.profile-control>svg{width:13px}.profile-portrait{width:32px;height:32px}.profile-portrait .avatar-sprite{width:65px;height:65px;left:-16.5px;top:-5px}.world-viewport{border-radius:12px}.map-tools{right:10px;top:10px}.map-tools .icon-button{width:35px;height:35px}.map-hint{max-width:calc(100% - 150px);left:10px;bottom:15px;border-radius:10px;font-size:11px;padding:7px 9px;line-height:1.5}.map-hint kbd{flex-shrink:0}.direction-pad{position:absolute;bottom:12px;right:12px;z-index:1200;display:grid;grid-template-columns:repeat(3,39px);grid-template-rows:repeat(2,39px);gap:3px;touch-action:none}.direction-pad button{display:flex;align-items:center;justify-content:center;border:1px solid #e0d9cb;border-radius:11px;background:#fffcf7ed;touch-action:none;box-shadow:0 2px 5px #3c342510}.pad-w{grid-column:2;grid-row:1}.pad-a{grid-column:1;grid-row:2}.pad-s{grid-column:2;grid-row:2}.pad-d{grid-column:3;grid-row:2}.side-panel{grid-template-columns:1fr 1fr;gap:15px;padding:20px 16px;border-radius:17px}.place-context>h1{font-size:29px;letter-spacing:0;margin:6px 0 10px}.context-label{font-size:11px;gap:5px}.context-label svg{width:13px}.short-rule{margin-bottom:13px}.place-english{font-size:19px;line-height:1.3}.place-line{font-size:12px}.place-people{font-size:10px}.place-people small{font-size:9px}.activity-preview{padding-left:15px}.activity-preview h2{font-size:17px}.activity-preview>p{font-size:11px}.activity-art{height:95px;background-size:360%;margin-top:10px}.primary-button,.secondary-button{padding:10px 12px;font-size:12px;min-height:43px;gap:7px}.notes-link{font-size:11px;padding-top:12px}.control-bar{padding:8px 9px;gap:8px;margin-top:9px;border-radius:16px;bottom:8px}.voice-controls{gap:8px}.mic-control{padding:5px 9px;gap:6px;min-height:44px}.mic-control>svg{width:19px}.mic-control>span{font-size:10px}.mic-control small{font-size:11px}.group-control{border:0;padding:0;gap:5px}.group-control>svg{display:none}.group-control>span{font-size:9px}.group-control small{font-size:11px;max-width:54px;overflow:hidden;text-overflow:ellipsis}.social-controls{gap:10px}.social-controls>button{flex-direction:column;font-size:9px;gap:3px;padding:0;min-width:28px;min-height:44px}.social-controls>button>svg{width:18px;height:18px}.social-controls .leave-button{font-size:9px}.app-footer{padding:9px 1px;font-size:10px}.app-footer>span:last-child{display:none}.modal-backdrop{padding:12px}.creator-dialog{display:block;max-height:calc(100svh - 24px);border-radius:21px}.character-preview{display:none}.creator-form{padding:34px 24px 24px;max-height:calc(100svh - 24px)}.creator-title-line h1{font-size:26px}.creator-title-line p{font-size:12px}.creator-title-line{margin-bottom:23px}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-choice{height:99px}.avatar-choice .avatar-sprite{width:100px;height:100px;margin:0 auto;max-width:100%}.avatar-choices,.interest-choices{margin-top:20px}.interest-choices button{min-height:34px;padding:5px 13px;font-size:12px}.field-label>span{font-size:10px;margin-left:5px}.creator-form>input{font-size:16px}.creator-submit{font-size:14px;margin-top:24px}.creator-form legend>span{font-size:10px}.local-note{font-size:10px}.drawer-backdrop{padding:0}.activity-drawer{width:100%;padding:25px}.drawer-header h2{font-size:29px}.drawer-tabs{gap:20px;margin:24px 0}.drawer-tabs button{font-size:12px;min-height:44px}.role-text{font-size:16px}.small-dialog{padding:32px 25px;border-radius:21px;max-height:calc(100svh - 24px)}.small-dialog h2{font-size:23px}.dialog-english{font-size:22px}.outside-screen{flex-direction:column-reverse;padding:20px 8px;gap:20px}.outside-screen>img{width:100%}.outside-copy{min-width:0;width:100%;padding:0 10px}.outside-copy h1{font-size:29px}.outside-copy .primary-button{max-width:100%}.toast{font-size:12px;bottom:90px;padding:11px 16px}.creator-backdrop+.toast{bottom:24px}}@media(max-width:360px){.brand>span:first-child{font-size:22px}.profile-control>span{display:none}.social-controls{gap:7px}.control-bar{gap:6px;padding-left:7px;padding-right:7px}.mic-control>span{font-size:9px}.mic-control{padding:5px 7px;gap:4px}.voice-controls{gap:6px}.group-control>span{font-size:8px}.side-panel{padding:17px 12px;gap:12px}.activity-preview{padding-left:12px}.creator-form{padding:31px 20px 23px}.avatar-choice{height:90px}.avatar-choice .avatar-sprite{height:90px;width:90px}.drawer-tabs{gap:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.wave-bubble{opacity:1}}.header-controls{display:flex;align-items:center;gap:12px}.room-control{display:flex;align-items:center;gap:8px;border:1px solid #d9dfd3;background:#e8ecdf;border-radius:25px;padding:9px 15px;min-height:40px;font-size:12px;white-space:nowrap}.presence-dot{display:inline-block;width:7px;height:7px;background:#c7b99f;border-radius:50%;flex-shrink:0}.presence-dot.online{background:#6a8f62}.session-strip{display:flex;align-items:center;gap:20px;font-size:11px;color:#777b6b;padding:0 8px 11px;flex-wrap:wrap}.session-strip>span:first-child{display:flex;align-items:center;gap:7px}.session-strip>button{display:flex;align-items:center;gap:6px;background:none;margin-left:auto;font-size:11px}.remote-player{transition:left .13s linear,top .13s linear;pointer-events:none}.offline-player{opacity:.5}.room-dialog{width:min(490px,100%);max-height:calc(100svh - 32px);overflow-y:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:#ad715c;display:block;margin-bottom:12px}.room-dialog>p{margin:14px 0}.room-dialog>.primary-button,.room-dialog>.secondary-button{margin-top:13px}.room-code{font-family:monospace;font-size:27px;letter-spacing:3px;margin-left:12px}.join-form{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.join-form>label{font-size:12px;display:block;margin-bottom:8px}.join-form>div{display:flex;gap:10px}.join-form input{letter-spacing:2px;min-width:0}.join-form .secondary-button{width:auto;flex-shrink:0}.room-privacy{background:#f3f0e7;border-radius:12px;padding:13px}.room-dialog>.text-button{margin:15px auto 0}.room-members{margin:22px 0;border-top:1px solid var(--line)}.room-members>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.room-members small{margin-left:10px;font-size:10px;color:#8a8478}.room-members button{margin-left:auto;font-size:11px;border-radius:20px;background:#f4eee4;padding:5px 12px}.danger{color:#bd684f}.inline-error{font-size:12px;line-height:1.65;padding:11px 13px;border-radius:10px;background:#f9e9dd;color:#a0523c;margin-top:12px;overflow-wrap:anywhere}.voice-members{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.voice-members>div{display:flex;align-items:center;gap:5px;font-size:10px;border-radius:14px;padding:4px 8px;background:#f2efe7}.voice-members>div.is-speaking{background:#deebd6;box-shadow:0 0 0 1px #a6bb9e}.device-select{display:block;font-size:10px;color:#827e73;margin-top:10px}.device-select select{font-size:11px;padding:7px 9px;margin:3px 0 7px;border-radius:8px}.live-voice .small-print{font-size:10px;line-height:1.6;margin-top:4px}.live-voice+.inline-error{font-size:11px}.place-context>.secondary-button{margin-top:10px}@media(max-width:900px){.session-strip{padding-bottom:9px;gap:8px 18px}.side-panel:has(.live-voice){align-items:start}}@media(max-width:600px){.header-controls{gap:5px}.room-control{padding:8px 9px;gap:5px;font-size:10px;min-height:34px}.room-control>svg{width:14px}.profile-control>span,.profile-control>svg{display:none}.session-strip{font-size:9px;gap:4px 10px;padding:0 4px 9px}.session-strip>span:nth-child(2){display:none}.session-strip>button{font-size:10px}.voice-members>div{font-size:9px;padding:4px 5px}.live-voice .voice-detail{font-size:10px}.device-select select{max-width:100%;font-size:10px}.room-dialog{padding:34px 24px}.room-dialog h2{font-size:25px}.room-dialog>p{font-size:13px}.room-members small{display:block;margin-left:0}.room-dialog>.text-button{min-height:35px}.side-panel:has(.live-voice) .activity-art{height:85px}.room-privacy{font-size:11px!important}}.side-panel:has(.live-voice) .activity-art{display:none}.side-panel:has(.live-voice) .activity-preview{padding-top:17px;margin-top:20px}.side-panel:has(.live-voice) .activity-preview h2{margin-top:12px}@media(max-width:900px){.side-panel:has(.live-voice) .activity-preview{padding-top:0;margin-top:0}}.person-name>.member-name{font-size:11px;color:inherit;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-bar{position:sticky;bottom:10px;z-index:1300;box-shadow:0 3px 20px #443c2317}.host-key-field{margin:20px 0 14px}.host-key-field input{background:#fffdf9}