@import url('/src/tokens.css');
*{box-sizing:border-box}body{margin:0;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:13px;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.world:focus-visible{outline:3px solid #aa89c5;outline-offset:4px}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin-top:0}h2{font-size:15px}h3{font-size:15px}p{line-height:1.85}button{transition:background .18s,box-shadow .18s,transform .18s}button:hover{filter:brightness(.97)}.sidebar{position:fixed;inset:0 auto 0 0;width:216px;background:#fffefc;border-right:1px solid var(--line);padding:35px 20px 20px;display:flex;flex-direction:column;z-index:100}.brand{display:flex;align-items:center;gap:9px;color:#705982;font-size:24px;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand-mark{width:39px;height:43px;display:grid;place-items:center}.brand small{display:block;font-size:9px;letter-spacing:5px;font-weight:500;text-align:center;padding-top:2px;color:#9b88a9}.side-caption{font-size:8px;letter-spacing:1.55px;color:#ac9faf;margin:32px 0 15px 12px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:14px 14px;text-align:left;border-radius:10px;color:#857c8b;font-size:12px;margin-bottom:5px;white-space:nowrap}.nav-item.active{background:#eee7f3;color:#76598c;font-weight:700}.nav-item:hover{background:#f5f0f7}.nav-dot{height:6px;width:6px;border-radius:50%;background:#a58ab8;margin-left:auto}.sidebar-note{position:relative;overflow:hidden;border:1px solid #e9e4ed;border-radius:12px;background:linear-gradient(145deg,#f6f1f8,#fcfaf7);padding:20px 16px;margin:37px 7px 0}.sidebar-note p{font-family:"Yu Mincho",serif;line-height:1.9;font-size:17px;color:#776481;margin:8px 0}.sidebar-note small{font-size:9px;color:#a094a6}.tiny-star{color:#b29b77;font-size:21px}.note-leaf{position:absolute;right:-13px;bottom:12px;transform:rotate(-30deg);color:#c4cebd;opacity:.5}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom .nav-item{font-size:11px}.version{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);margin-top:12px;padding:20px 8px 0;font-size:10px;color:#9c94a1}.version>span:last-child{margin-left:auto}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8cab9c;flex-shrink:0}.app-shell{margin-left:216px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 34px;background:#fffefa}.breadcrumb{font-size:11px;color:#958b9d;letter-spacing:.3px}.breadcrumb span{padding:0 15px;color:#c3bbc8}.top-actions{display:flex;align-items:center;gap:19px}.preview-pill{border:1px solid #e3dbe9;color:#9d88ad;font-size:8px;letter-spacing:1.4px;border-radius:5px;padding:5px 8px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}.icon-button:hover{background:#f1ebf5}.profile-button{display:flex;align-items:center;gap:10px;font-size:11px}.profile-button .avatar-art{width:32px;height:36px;background:#eee6f3;border-radius:50%;padding:2px}.profile-button>svg:last-child{color:#a49aaa}main{padding:32px 34px 22px;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#aa95b7}.page-heading h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:29px;letter-spacing:2px;margin:10px 0 9px;font-weight:600;color:#4f415c}.page-heading p{font-size:11px;color:#9a8fa0;letter-spacing:.3px;margin-bottom:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:13px 18px;font-size:12px;font-weight:600;min-height:43px}.primary{background:var(--purple);color:white;box-shadow:0 4px 10px #78618c15}.primary:hover{background:#685079}.secondary{background:white;border:1px solid #e7dfeb;color:#7b6988}.full{width:100%}.city-button{font-size:11px;font-weight:500;padding:11px 14px;min-height:39px}.town-layout{display:grid;grid-template-columns:minmax(0,1fr) 266px;gap:24px}.world-card{border-radius:14px;background:white;overflow:hidden;border:1px solid var(--line);box-shadow:0 4px 18px #44304f05}.world-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 19px}.world-header>div{display:flex;align-items:center;gap:9px}.world-header strong{font-size:12px;font-weight:600}.world-sub{font-size:8px;letter-spacing:1.4px;color:#b0a5b6;margin-left:3px}.scene-label{font-size:8px;color:#a499ac}.world{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;background:#1b2c49;overflow:hidden;cursor:crosshair}.town-background{width:100%;height:100%;display:block;pointer-events:none}.world-top{position:absolute;z-index:100;left:17px;right:17px;top:16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.location-chip,.scene-toggle{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;background:#23243c9e;backdrop-filter:blur(8px);color:#f6edf8;font-size:9px;pointer-events:auto;border:1px solid #ffffff26}.scene-toggle{cursor:pointer}.dusk-layer{position:absolute;inset:0;z-index:1;background:linear-gradient(#e9a7b370,#ffb56913);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity 1s}.dusk .dusk-layer{opacity:.7}.river-light{position:absolute;left:0;right:0;bottom:-6%;height:37%;z-index:2;pointer-events:none;background:repeating-linear-gradient(175deg,transparent 0 11px,#b2f1e018 12px 13px,transparent 14px 22px);clip-path:polygon(0 30%,70% 0,100% 44%,100% 100%,0 100%);animation:water 5s linear infinite;mix-blend-mode:screen}.window-glow{position:absolute;border-radius:50%;background:radial-gradient(#ffda9859,transparent 65%);width:14%;height:23%;mix-blend-mode:screen;pointer-events:none;z-index:3;animation:glow 5s ease-in-out infinite alternate}.glow-one{left:14%;top:31%}.glow-two{left:42%;top:28%;animation-delay:-2s}.glow-three{left:77%;top:31%;animation-delay:-3s}.shop-sign{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;border-radius:8px;background:#fffdf5ed!important;box-shadow:0 3px 18px #18132750;z-index:45;white-space:nowrap;backdrop-filter:blur(6px);border:1px solid #ffffffbe;color:#665870}.shop-sign:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 5px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fffdf5ed}.sign-icon{opacity:.65}.shop-sign:hover{transform:translate(-50%,-105%);box-shadow:0 5px 25px #ffe6ad50}.resident,.player{position:absolute;transform:translate(-50%,-100%);width:58px;height:82px;padding:0;z-index:70;filter:drop-shadow(0 3px 1px #302b4c35)}.resident .avatar-art,.player .avatar-art{height:100%;width:100%;overflow:visible}.resident:hover{filter:drop-shadow(0 0 9px #ffdc8d)}.resident .avatar-head{animation:breathe 3.8s ease-in-out infinite;transform-origin:50px 70px}.resident-two .avatar-head{animation-delay:-1.5s}.resident-three .avatar-head{animation-delay:-2.8s}.person-label{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);padding:3px 7px;font-size:8px;color:#fff9f0;white-space:nowrap;background:#2e283a9e;border-radius:5px;display:flex;align-items:center;gap:4px}.person-label i{background:#acd7bb;width:4px;height:4px;border-radius:50%}.speech{position:absolute;bottom:104%;left:50%;transform:translateX(-50%);background:#fffaf3ed;font-size:8px;white-space:nowrap;padding:6px 9px;border-radius:9px;color:#78697a;box-shadow:0 2px 10px #0002}.speech:after{content:'';position:absolute;bottom:-4px;left:50%;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fffaf3ed}.player{pointer-events:none}.player-label{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;background:#fff9ed;color:#7b5c91;border:1px solid #e7d2f0;border-radius:6px;padding:3px 8px;box-shadow:0 2px 12px #0002;max-width:150px;overflow:hidden;text-overflow:ellipsis}.player-label span{color:#b79acf;font-size:8px}.walking .avatar-art{animation:walk .32s infinite alternate;transform-origin:bottom}.destination{position:absolute;z-index:40;width:22px;height:9px;border:2px solid #f5e0b0;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.destination.visible{opacity:.8;animation:glow 1s infinite alternate}.petals{position:absolute;inset:0;pointer-events:none;z-index:80;overflow:hidden}.petals i{position:absolute;left:calc(var(--i)*12%);top:-2%;width:5px;height:3px;border-radius:70% 10%;background:#edc7d7b8;animation:petal calc(15s + var(--i)*1s) linear infinite;animation-delay:calc(var(--i)*-3s)}.foreground-leaves{position:absolute;left:-12px;bottom:6%;color:#5c8779;filter:drop-shadow(0 2px 3px #172e2c);z-index:90;pointer-events:none;transform-origin:left bottom;animation:sway 5s ease-in-out infinite alternate}.foreground-leaves svg+svg{margin-left:-20px;transform:rotate(40deg)}.world-bottom{position:absolute;bottom:16px;left:16px;right:16px;z-index:100;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.world-bottom>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#fff7e9;background:#191e3099;backdrop-filter:blur(4px);padding:8px 11px;border-radius:7px}.world-footnote{display:flex;align-items:center;gap:6px;font-size:8px;color:#a297a9;padding:12px 17px}.world-footnote>button{margin-left:auto;white-space:nowrap;font-size:9px;color:#8c789e;display:flex;gap:5px;align-items:center}.still *{animation-play-state:paused!important}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px}.section-title h2{margin:0;font-size:15px}.section-title h2 span{font-size:7px;color:#b1a4ba;letter-spacing:1.3px;font-weight:400;margin-left:10px}.section-title button{display:flex;align-items:center;gap:6px;font-size:10px;color:#8e7a9d}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;position:relative;min-width:0}.shop-cover{height:113px;width:100%;display:block;background-image:url('/town-night.png');background-size:320%;position:relative;text-align:left}.photo-tag{font-size:7px;color:#fff;position:absolute;bottom:8px;left:9px;padding:4px 6px;background:#27233780;backdrop-filter:blur(4px);border-radius:4px}.save-button{position:absolute;top:9px;right:9px;width:27px;height:27px;display:grid;place-items:center;background:#fffefaef;border-radius:50%;color:#a594af}.save-button.saved{color:#bb7093;background:#fff1f7}.save-button.saved svg{fill:#e9bdcf}.shop-copy{padding:13px 12px}.shop-type{font-size:8px;color:#a28eaf;letter-spacing:.4px}.shop-name{display:block;text-align:left;font-weight:700;font-size:11px;padding:5px 0 8px;line-height:1.7;min-height:28px}.shop-location{color:#a599ac;font-size:8px;display:flex;align-items:center;gap:4px}.shop-card-bottom{border-top:1px solid #f2edf5;margin-top:12px;padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:4px}.shop-card-bottom strong{font-size:12px;letter-spacing:.5px}.shop-card-bottom small{font-size:8px;color:#aa9fb1}.tag{font-size:8px;color:#93829d;background:#f5f0f7;padding:4px 7px;border-radius:4px}.right-panel{display:flex;flex-direction:column;gap:18px}.my-avatar-card{background:linear-gradient(150deg,#f1ebf6,#faf7fc 75%);border:1px solid #e9e0ef;padding:20px;border-radius:14px;text-align:center}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-heading h2{font-size:12px;margin:0;font-weight:600}.small-pill{display:inline-block;font-size:7px;letter-spacing:.8px;background:#ffffffa8;color:#a191ae;border:1px solid #e7ddee;padding:4px 6px;border-radius:4px}.avatar-stage{position:relative;height:145px;display:flex;justify-content:center;align-items:center;margin:4px 0 0;background:radial-gradient(ellipse,#fff9f4a3,transparent 65%)}.avatar-stage>.avatar-art{height:123px;width:100px;position:relative;z-index:2}.avatar-platform{position:absolute;bottom:5px;width:104px;height:24px;border-radius:50%;background:#ddd1e880;box-shadow:0 6px 0 #cfc0dd50}.spark{position:absolute;color:#bda6c7}.spark-a{left:40px;top:40px;font-size:28px}.spark-b{right:39px;top:68px;font-size:15px}.my-avatar-card h3{font-size:12px;margin:10px 0 6px;font-weight:600}.my-avatar-card p{font-size:9px;color:#a091aa;margin-bottom:16px}.my-avatar-card .primary{font-size:10px;padding:11px 7px;min-height:39px}.my-avatar-card>small{display:block;font-size:7px;color:#ac9cb6;margin-top:12px}.room-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:19px 17px 12px}.room-panel .card-heading{margin-bottom:15px}.room-panel .card-heading>svg{color:#ae9abb}.room-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 0;border-bottom:1px solid #f0ebf4}.room-row:last-of-type{border:0}.room-icon{height:39px;width:39px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.sage{background:#edf3ec;color:#8ba18a}.lavender{background:#f0eaf6;color:#9b84b6}.peach{background:#f8eee4;color:#bd9d7d}.pink{background:#f7eaf1;color:#b58ca5}.room-row>span:nth-child(2){flex:1}.room-row strong{font-size:10px;display:block;line-height:1.6;font-weight:600}.room-row small{font-size:8px;display:block;color:#ad9eb7;margin-top:4px}.room-row>svg{color:#b7aabc}.text-link{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#9076a2;padding:12px 0}.quiet-note{display:flex;gap:12px;padding:5px 11px;color:#b2a0be}.quiet-note strong{font-size:10px;color:#8f7e9a;font-weight:500}.quiet-note p{font-size:9px;line-height:1.9;color:#ac9fb4;margin:6px 0 0}.footer{display:flex;justify-content:space-between;margin:10px 34px 0;padding:18px 0;border-top:1px solid var(--line);font-size:8px;color:#b0a4b7}.footer button{font-size:8px;color:#9f8faa}.searchbar{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:12px 16px;border-radius:12px;margin-bottom:20px;color:#a18bac}.searchbar input{border:0;background:transparent;flex:1;min-width:0;padding:8px}.searchbar select{border-left:1px solid var(--line);width:200px;border-radius:0}.result-count{font-size:12px;margin:22px 0;color:#7e6c8b}.result-count span{font-size:10px;margin-left:15px;color:#afa0b7}.directory-grid{max-width:1080px;gap:22px}.directory-grid .shop-cover{height:180px}.directory-grid .shop-copy{padding:18px}.directory-grid .shop-name{font-size:14px}.directory-grid .shop-type,.directory-grid .shop-location{font-size:10px}.directory-grid .shop-card-bottom strong{font-size:17px}.empty-state{padding:70px 20px;text-align:center;color:#a190ae}.empty-state h2{margin-top:20px;font-size:17px}.empty-state p{color:#a393ad;font-size:12px}.notice{display:flex;align-items:center;gap:10px;background:#f5f0f8;border:1px solid #e9e1ee;color:#93809f;font-size:11px;line-height:1.8;padding:14px 16px;border-radius:9px;margin:20px 0}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px}.room-tile{text-align:left;position:relative;padding:26px;background:white;border:1px solid var(--line);border-radius:15px}.room-tile:hover{box-shadow:0 10px 25px #6552740c;transform:translateY(-2px)}.room-tile>.room-icon{width:55px;height:55px;margin-bottom:22px}.room-tile>.small-pill{position:absolute;top:30px;right:25px}.room-tile h2{font-size:18px;margin-bottom:8px}.room-tile p{font-size:12px;color:#a190ab}.room-enter{display:flex;align-items:center;gap:7px;margin-top:27px;font-size:12px;color:#8e729f}.inbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.surface{background:white;border:1px solid var(--line);padding:25px;border-radius:13px}.surface h2{display:flex;align-items:center;gap:10px;margin-bottom:25px}.count{font-size:11px;background:#f0e9f5;border-radius:50%;width:23px;height:23px;display:inline-grid;place-items:center;color:#9678aa}.muted{color:#9b8ba6;font-size:12px;line-height:1.9}.inbox-row{display:flex;text-align:left;align-items:center;gap:15px;width:100%;padding:17px 0;border-bottom:1px solid var(--line)}.inbox-row>span{flex:1;min-width:0}.inbox-row strong{display:block;font-size:12px}.inbox-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:10px;color:#9d8ba9;margin-top:6px}.booking-row{border-top:1px solid var(--line);padding-top:20px;margin-bottom:10px}.booking-row h3{margin:10px 0;font-size:13px}.booking-row p{font-size:12px;color:#8d7a9a}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#28203577;backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fffdfb;border:1px solid #fff;border-radius:19px;max-width:490px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #1d122c33}.modal.wide{max-width:720px}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffdfbf5;backdrop-filter:blur(10px);z-index:3}.modal-heading h2{margin:0;font-size:16px}.modal-body{padding:24px}.modal-body p{font-size:12px;color:#8c7d96}.field-label{display:block;font-size:12px;color:#7e6e89;margin:19px 0 9px;font-weight:600}input,select{border:1px solid #e7deed;border-radius:8px;background:#fff;width:100%;padding:12px;color:#6d5c79;outline-offset:3px}input::placeholder{color:#b9abbf}.avatar-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.avatar-choices label{position:relative;background:#f9f5fb;border:2px solid transparent;border-radius:10px;text-align:center;padding:8px 2px;cursor:pointer}.avatar-choices label:has(input:checked){border-color:#b59acb;background:#f0e7f6}.avatar-choices input{position:absolute;opacity:0;width:1px;height:1px}.avatar-choices label:focus-within{outline:2px solid #9e7db6}.avatar-choices svg{height:85px;width:65px;max-width:100%}.avatar-choices span{display:block;font-size:9px;color:#9c88ab}.form-note{font-size:10px!important;line-height:1.8;color:#a291af!important;margin:14px 0}.detail-cover{height:185px;background-image:url('/town-night.png');background-size:300%;border-radius:10px;position:relative;margin-bottom:18px}.detail-cover span{position:absolute;left:12px;bottom:12px;color:white;background:#392b4477;padding:6px 9px;font-size:10px;border-radius:5px}.detail-tags{display:flex;gap:6px;margin-bottom:14px}.menu-price{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:17px;margin:20px 0}.menu-price small{display:block;font-size:9px;color:#a392ae;margin-top:6px}.menu-price>strong{font-size:20px}.staff-row{display:flex;align-items:center;gap:12px;padding:0 0 20px}.staff-row>.avatar-art{height:65px;width:50px}.staff-row>div{flex:1}.staff-row strong{font-size:13px}.staff-row p{font-size:9px;margin:5px 0}.staff-row .secondary{font-size:10px;padding:9px}.chat-info{display:flex;gap:8px;align-items:center;color:#9a84a9;font-size:10px;padding-bottom:17px}.chat-history{height:310px;overflow:auto;background:#f7f3fa;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:18px}.message{max-width:88%;font-size:12px}.message span{font-size:8px;color:#a28eaf;display:block;margin-bottom:6px}.message p{background:#fff;padding:12px 14px;border-radius:0 12px 12px 12px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:11px;line-height:1.8}.message.mine{align-self:flex-end}.message.mine p{background:#e8dff0;color:#795f8c;border-radius:12px 0 12px 12px}.message.mine span{text-align:right}.chat-compose{display:flex;gap:10px;margin-top:17px}.chat-compose input{flex:1;min-width:0}.chat-compose .primary{padding:12px 14px}.restricted{text-align:center}.restricted>.room-icon{width:70px;height:70px;margin:5px auto 25px;border-radius:20px}.restricted h3{font-size:17px;line-height:1.8}.restricted p{text-align:left}.cities{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cities button{padding:14px 12px;background:#f6f1f9;border-radius:8px;border:1px solid #ece3f2;text-align:left}.cities button span{display:flex;gap:6px;align-items:center}.cities small{display:block;margin:8px 0 0 21px;font-size:9px;color:#a58db4}.guide-step{display:flex;gap:19px;margin-bottom:22px}.guide-step b{font-size:23px;color:#c5b0d4;font-family:Georgia,serif}.guide-step h3{font-size:13px;margin-bottom:5px}.guide-step p{font-size:11px;margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.settings-row h3{font-size:12px;margin-bottom:5px}.settings-row p{font-size:10px;margin:0}.settings-row button{font-size:10px;padding:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#574464;color:#fffafc;padding:13px 22px;border-radius:10px;z-index:1500;font-size:12px;box-shadow:0 8px 30px #33223f2e;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes water{from{transform:translateX(-1%) translateY(0)}to{transform:translateX(1%) translateY(22px)}}@keyframes glow{from{opacity:.35}to{opacity:.8}}@keyframes breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-1.5px) rotate(1deg)}}@keyframes walk{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(-3px)}}@keyframes petal{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:.6}85%{opacity:.7}100%{transform:translate(80px,440px) rotate(350deg);opacity:0}}@keyframes sway{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}}
@media(min-width:1500px){.town-layout{grid-template-columns:minmax(0,1fr) 290px}.my-avatar-card{padding:25px}.avatar-stage{height:175px}.avatar-stage>.avatar-art{height:150px}.room-panel{padding:23px}.room-row{padding:16px 0}.shop-cover{height:140px}.resident,.player{width:70px;height:94px}.shop-sign{font-size:12px;padding:9px 12px}.speech{font-size:10px}.person-label{font-size:10px}.world-footnote{font-size:10px}.shop-name{font-size:13px}}
@media(max-width:1200px){.sidebar{width:185px;padding:30px 13px 20px}.brand{font-size:21px;gap:5px}.brand small{font-size:8px;letter-spacing:4px}.app-shell{margin-left:185px}.town-layout{gap:18px;grid-template-columns:minmax(0,1fr) 230px}main{padding:27px 24px}.topbar{padding:0 24px}.page-heading h1{font-size:25px}.my-avatar-card{padding:16px}.room-panel{padding:17px 13px}.room-row{gap:8px}.room-icon{width:33px;height:33px}.room-row strong{font-size:9px}.room-row small{font-size:7px}.shop-grid{gap:10px}.world-header{padding:14px 12px}.scene-label{display:none}.world-footnote{font-size:7px;padding:10px}.world-sub{display:none}.resident,.player{width:48px;height:67px}.speech{font-size:7px;padding:5px 6px}.shop-sign{font-size:9px;padding:6px}.shop-sign .sign-icon{display:none}.shop-cover{height:95px}.shop-copy{padding:10px}.shop-name{font-size:10px}.shop-card-bottom .tag{display:none}.right-panel{gap:14px}.avatar-stage{height:125px}.avatar-stage>.avatar-art{height:110px}.quiet-note{padding:3px}.section-title h2 span{display:none}}
@media(max-width:1000px){.sidebar{width:80px;padding:25px 12px}.brand>div,.side-caption,.nav-item>span,.sidebar-note,.sidebar-bottom,.brand small{display:none}.brand{justify-content:center}.brand-mark{width:42px}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:15px 0;font-size:0;gap:0}.app-shell{margin-left:80px}.town-layout{grid-template-columns:minmax(0,1fr) 225px}.topbar{height:65px}.shop-card-bottom strong{font-size:11px}.shop-type{font-size:7px}.shop-name{font-size:9px}.shop-cover{height:90px}.shop-location{font-size:7px}.world-top{top:10px;left:10px;right:10px}.location-chip,.scene-toggle{font-size:8px;padding:6px 8px}.world-bottom{bottom:10px;left:10px;right:10px}.world-bottom>span{font-size:8px;padding:6px 8px}.page-heading{gap:10px}.page-heading h1{font-size:24px;letter-spacing:1px}.page-heading p{font-size:10px}.city-button{padding:9px 11px;font-size:10px}.directory-grid .shop-name{font-size:12px}.directory-grid .shop-cover{height:140px}}
@media(max-width:800px){.town-layout{grid-template-columns:1fr}.right-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.quiet-note{display:none}.room-panel{height:100%;padding:20px}.room-row strong{font-size:11px}.room-row small{font-size:9px}.my-avatar-card{padding:20px}.avatar-stage{height:150px}.avatar-stage>.avatar-art{height:130px}.my-avatar-card h3{font-size:14px}.my-avatar-card p{font-size:11px}.my-avatar-card .primary{font-size:12px}.my-avatar-card>small{font-size:8px}.shop-cover{height:115px}.shop-name{font-size:12px}.shop-type,.shop-location{font-size:9px}.shop-card-bottom strong{font-size:14px}.resident,.player{width:55px;height:76px}.speech{font-size:8px}.shop-sign{font-size:10px;padding:7px 10px}.scene-label{display:block}.world-header{padding:16px}.world-footnote{font-size:9px;padding:13px}.inbox-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sidebar{inset:auto 0 0;width:100%;height:66px;padding:0;background:#fffefcf5;backdrop-filter:blur(15px);border-top:1px solid var(--line);border-right:0}.sidebar>.brand{display:none}.sidebar nav{display:flex;justify-content:space-around;margin:0;height:100%}.nav-item{display:flex;flex-direction:column;gap:4px;width:20%;font-size:8px;margin:0;border-radius:0;padding:10px 2px}.nav-item>span:not(.nav-dot){display:block}.nav-item.active{background:transparent;color:#8965a1}.nav-item svg{width:20px;height:20px}.nav-dot{display:none!important}.app-shell{margin-left:0;padding-bottom:65px}.topbar{height:61px;padding:0 18px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 8px}.top-actions{gap:10px}.preview-pill{font-size:7px;padding:4px 5px}.profile-button>span{display:none}.profile-button{gap:3px}.profile-button .avatar-art{height:32px;width:28px}.top-actions .icon-button{width:27px}main{padding:25px 16px 15px}.page-heading{position:relative;align-items:start;margin-bottom:22px;flex-wrap:wrap;gap:17px}.page-heading h1{font-size:23px;letter-spacing:.7px;margin:10px 0}.eyebrow{font-size:8px;letter-spacing:1.7px}.page-heading p{font-size:10px;line-height:1.9}.city-button{padding:7px 11px;min-height:31px;font-size:10px}.world-header strong{font-size:11px}.world-header{padding:13px}.scene-label{font-size:7px}.world-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b5a3c4 #f4edf8}.world{min-width:560px}.world-top{top:13px;left:13px}.world-bottom{left:13px;bottom:13px}.world-footnote{font-size:7px;padding:10px 9px;gap:4px}.world-footnote>svg{width:12px}.world-footnote button{font-size:8px}.shop-grid{grid-template-columns:1fr;gap:12px}.shop-card{display:grid;grid-template-columns:115px 1fr;min-height:130px}.shop-cover{height:100%;min-height:130px;background-size:470%}.save-button{top:9px;right:9px;height:25px;width:25px}.shop-copy{padding:14px}.shop-type{font-size:8px}.shop-name{padding:5px 20px 5px 0;font-size:12px}.shop-card-bottom{margin-top:10px;padding-top:8px}.shop-card-bottom .tag{display:block}.shop-location{font-size:8px}.right-panel{grid-template-columns:1fr 1fr;gap:12px}.my-avatar-card{padding:15px 11px}.card-heading h2{font-size:10px}.my-avatar-card .small-pill{display:none}.avatar-stage{height:140px}.avatar-stage>.avatar-art{height:120px}.my-avatar-card h3{font-size:11px}.my-avatar-card p{font-size:8px}.my-avatar-card .primary{font-size:9px;gap:4px;padding:10px 5px}.my-avatar-card .primary svg{width:13px}.my-avatar-card>small{font-size:6px;line-height:1.8}.spark-a{left:15px}.spark-b{right:16px}.room-panel{padding:15px 10px}.room-panel .card-heading>svg{width:15px}.room-row{gap:7px;padding:12px 0}.room-icon{width:27px;height:30px;border-radius:8px}.room-icon svg{width:17px}.room-row strong{font-size:8px}.room-row small{font-size:7px}.room-row>svg{width:10px}.room-panel .text-link{font-size:8px;padding:13px 0 0}.section-title{margin-top:22px}.section-title h2{font-size:14px}.footer{margin:0 16px;padding:17px 0;font-size:7px;gap:8px;line-height:1.8}.footer button{font-size:7px;white-space:nowrap}.searchbar{flex-wrap:wrap;padding:10px 12px;gap:5px}.searchbar input{font-size:11px}.searchbar select{width:100%;border-left:0;border-top:1px solid var(--line);font-size:11px}.directory-grid .shop-cover{height:100%}.directory-grid .shop-copy{padding:14px}.directory-grid .shop-name{font-size:11px}.directory-grid .shop-location{font-size:8px}.directory-grid .shop-card-bottom strong{font-size:14px}.room-grid{grid-template-columns:1fr}.room-tile{padding:23px}.room-tile h2{font-size:16px}.room-tile .room-icon{width:49px;height:49px}.room-tile .room-icon svg{width:26px}.notice{font-size:10px;padding:13px}.modal-backdrop{padding:12px}.modal{border-radius:15px;max-height:94dvh}.modal-heading{padding:14px 17px}.modal-heading h2{font-size:14px}.modal-body{padding:19px}.staff-row{gap:9px}.staff-row .secondary{font-size:9px;padding:8px}.staff-row p{font-size:8px}.menu-price{padding:14px}.menu-price strong{font-size:12px}.menu-price>strong{font-size:20px}#toast{bottom:80px;width:max-content;font-size:11px;padding:12px 16px}.chat-history{height:280px}.surface{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.town-main,.right-panel,.world-scroll{min-width:0;max-width:100%}.speech{display:none}.resident:hover .speech,.resident:focus-visible .speech{display:block}.sidebar-note{flex-shrink:0}@media(max-height:800px) and (min-width:1001px){.sidebar-note{display:none}}