@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&family=DotGothic16&family=Press+Start+2P&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#34423a;background:#f6f5ed;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-size:14px;font-weight:400;--ink:#34423a;--muted:#898f82;--green:#64876b;--leaf:#e7eee1;--cream:#fbf8ee;--line:#e9e7da;--coral:#df866f;--gold:#d6ad55}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f5ed}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.site-shell{min-height:100vh;background:radial-gradient(ellipse at 8% 5%,#fffdf4 0,transparent 32%),#f6f5ed}.site-header{height:70px;border-bottom:1px solid #e7e5d8;background:#fbfaf4e8;display:flex;align-items:center;padding:0 max(calc((100vw - 1280px)/2),34px);position:sticky;top:0;z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo-mark{height:38px;width:38px;border-radius:13px;background:#718e70;color:#fff8df;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;display:grid;place-items:center;box-shadow:0 3px #4e7155}.logo b{display:block;font-size:13px;letter-spacing:1.4px}.logo small{display:block;font-size:8px;color:#929587;letter-spacing:1.35px;margin-top:2px}.header-center{margin:auto;display:flex;align-items:center;gap:13px;color:#79816f;font-size:10px}.open-indicator,.live-label{display:flex;align-items:center;gap:7px}.open-indicator i,.live-label i{width:7px;height:7px;border-radius:50%;background:#7fad78}.live-label i{background:#8eae87}.header-separator{height:14px;width:1px;background:#deded1}.header-right{display:flex;align-items:center;gap:15px}.header-clock{display:flex;align-items:center;gap:6px;color:#657362;font-weight:600;letter-spacing:.7px;font-size:13px}.account-chip{border:1px solid #e6e5da;border-radius:20px;background:#fffdf7;display:flex;align-items:center;gap:7px;padding:4px 9px 4px 4px;color:#4a594c;font-size:11px}.account-chip>svg:last-child{color:#999b91}.prepare-page{max-width:1180px;margin:0 auto;padding:46px 28px 64px;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(490px,1.15fr);gap:46px;align-items:start}.prepare-hero{position:sticky;top:104px;padding-top:20px}.eyebrow{display:flex;align-items:center;gap:7px;color:#879477;font-size:9px;letter-spacing:1.45px;font-weight:700}.eyebrow svg{color:#d0aa56}.prepare-hero h1{font-size:33px;line-height:1.58;letter-spacing:.02em;font-weight:600;color:#38483b;margin:18px 0 8px}.prepare-hero h1 em{font-style:normal;color:#da907b;position:relative}.prepare-hero h1 em:after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:6px;background:#f0c9ae;opacity:.5;z-index:-1}.prepare-hero>p{font-size:12px;line-height:1.9;color:#858b7e;margin:0}.hero-art{height:282px;margin-top:14px;position:relative;overflow:hidden;border-radius:46% 54% 17px 17px;background:linear-gradient(180deg,#f8e9c8,#f5eccf 48%,#e5edd9 49%,#cddfbe);isolation:isolate}.hero-art:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:#bfd5aa;clip-path:ellipse(76% 57% at 52% 100%);z-index:-1}.hero-sun{position:absolute;width:63px;height:63px;right:17%;top:32px;border-radius:50%;background:#f2cc77;box-shadow:0 0 0 10px #f2cc7725}.hero-hill{position:absolute;bottom:28px;border-radius:55% 48% 0 0}.hill-back{width:65%;height:125px;left:-8%;background:#c7d7b2;transform:rotate(-5deg)}.hill-front{width:73%;height:115px;right:-13%;background:#aecb9b;transform:rotate(7deg)}.hero-character{position:absolute;left:48%;bottom:20px;transform:translate(-50%);z-index:1;animation:gentleBob 3.8s ease-in-out infinite}.hero-character .character-svg{filter:drop-shadow(0 3px 0 #61836522)}.hero-shadow{display:block;width:75px;height:13px;background:#57794d30;border-radius:50%;margin:-6px auto 0}.hero-flower,.hero-sparkle{position:absolute;z-index:2;color:#f2d077}.flower-one{font-size:29px;left:23%;bottom:47px}.flower-two{font-size:23px;right:23%;bottom:39px;color:#e89a8c}.hero-sparkle{font-size:20px;animation:sparkle 3.5s ease-in-out infinite}.s-one{left:21%;top:81px}.s-two{right:28%;top:118px}.hero-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 1px 0;color:#96988b;font-size:9px}.hero-foot>span:first-child{display:flex;align-items:center;gap:5px}.hero-foot i{width:6px;height:6px;border-radius:50%;background:#81ad78}.hero-foot b{color:#637f61}.setup-card{background:#fffdf7;border:1px solid #eae8dd;border-radius:15px;padding:24px 25px 18px;box-shadow:0 8px 25px #3d4b2d09}.setup-top{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #f0efe7}.step-label{font-size:8px;letter-spacing:1.4px;color:#919783;font-weight:700}.step-label span{margin-left:6px;color:#b3b4a9}.setup-top h2{font-size:20px;margin:8px 0 3px;font-weight:600;letter-spacing:.02em}.setup-top p{margin:0;color:#96978e;font-size:10px}.setup-step{display:flex;align-items:center;gap:6px;padding-top:6px}.setup-step b{display:grid;place-items:center;background:#68896e;color:#fff;border-radius:50%;width:22px;height:22px;font-size:9px}.setup-step b.muted{background:#efeee7;color:#aaa99e}.setup-step i{width:26px;height:1px;background:#dadccf}.field-label{display:flex;align-items:center;gap:6px;margin:16px 0 7px;color:#565f54;font-size:10px;font-weight:700}.field-label>span{font-size:8px;color:#cf866d;background:#f8eee5;padding:2px 5px;border-radius:3px}.field-label small{font-size:8px;font-weight:400;color:#a3a498}.text-input{width:100%;height:38px;border:1px solid #e5e4da;border-radius:6px;background:#fffefa;color:#364438;padding:0 11px;font-size:11px;outline:none;transition:border .18s,box-shadow .18s}.text-input:focus,.custom-duration input:focus{border-color:#91ad8f;box-shadow:0 0 0 3px #e9f0e4}.text-input::placeholder{color:#bbbcb2}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.segmented{display:flex;gap:5px}.segmented button,.duration-options button{flex:1;border:1px solid #e9e7dd;border-radius:5px;background:#fffefa;color:#82877b;padding:8px 3px;font-size:9px;transition:.16s}.segmented button.selected,.duration-options button.selected{border-color:#719176;color:#547457;background:#eef3e9;box-shadow:inset 0 0 0 1px #71917622}.mood-quick{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mood-quick button{padding:5px;border:1px solid #eeede5;border-radius:4px;background:#fffefa;color:#8b8d82;font-size:8px;text-align:left;white-space:nowrap}.mood-quick button span{color:#d0a654;margin-right:4px}.mood-quick button.selected{border-color:#dfbd74;background:#fbf6e7;color:#76613a}.character-picks{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.character-picks button{min-width:0;position:relative;background:#faf9f3;border:1px solid #efeee4;border-radius:8px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .15s,border .15s,background .15s}.character-picks button.picked{background:#eff4e9;border-color:#8da98b;box-shadow:0 2px #b7cbb1}.character-picks small{font-size:8px;color:#757d70}.pick-check{position:absolute;right:2px;top:2px;width:15px;height:15px;background:#698d6e;border-radius:50%;color:#fff;display:grid;place-items:center}.purpose-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.purpose-picks button{background:#fffefa;border:1px solid #e9e7dd;border-radius:6px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#777e72;transition:.15s}.purpose-picks button>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.purpose-picks svg{width:15px;height:15px}.purpose-picks b{font-size:8px;font-weight:500}.purpose-picks button.picked{box-shadow:0 2px #b8c8ad}.purpose-picks .study>span{background:#e9f0e4;color:#6f936e}.purpose-picks .task>span{background:#f8eed7;color:#c49745}.purpose-picks .talk>span{background:#f8e9e4;color:#cf806f}.purpose-picks .call>span{background:#e9edf5;color:#7588ac}.purpose-picks .study.picked{border-color:#89a784;background:#f5f8ef}.purpose-picks .task.picked{border-color:#d8b465;background:#fdf8e9}.purpose-picks .talk.picked{border-color:#d99787;background:#fff6f1}.purpose-picks .call.picked{border-color:#9aaaca;background:#f5f6fb}.duration-options{display:flex;gap:4px}.duration-options button{font-size:8px;padding:8px 2px}.custom-duration{display:flex;align-items:center;gap:6px;margin-top:6px;color:#85887e;font-size:9px}.custom-duration input{width:80px;border:1px solid #e5e4da;border-radius:5px;padding:6px 8px;background:#fff;outline:none}.mood-input{height:34px}.one-on-one{margin-top:14px;border:1px solid #eddfce;background:#fcf7eb;border-radius:7px;padding:9px;display:flex;align-items:center;gap:9px}.one-on-one-icon{width:32px;height:32px;background:#f1e3ca;color:#b18348;border-radius:8px;display:grid;place-items:center}.one-on-one>div:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.one-on-one b{font-size:9px;color:#65583c}.one-on-one small{font-size:8px;color:#a39a85}.one-on-one select{max-width:120px;border:1px solid #e6dbc5;border-radius:5px;background:#fffdf7;padding:6px;font-size:9px;color:#6b6556}.enter-button{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:7px;background:#66876c;color:#fff;padding:12px;margin-top:17px;box-shadow:0 3px #4e7055;font-size:11px;font-weight:700;letter-spacing:.04em;transition:transform .12s,box-shadow .12s}.enter-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px #4e7055;background:#5e8065}.enter-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #4e7055}.setup-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#a3a498;font-size:8px}.setup-bottom span,.setup-bottom button{display:flex;align-items:center;gap:5px}.setup-bottom button{border:0;background:none;color:#99998f;font-size:8px}.google-box{padding:13px 0 1px;display:flex;flex-direction:column;gap:7px}.google-button{width:100%;height:38px;border:1px solid #e4e3dc;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;gap:9px;color:#4c544b;font-size:10px;font-weight:600}.google-g{font-weight:700;font-size:15px;background:conic-gradient(from -45deg,#4285f4 0,#4285f4 27%,#34a853 27%,#34a853 48%,#fbbc05 48%,#fbbc05 70%,#ea4335 70%,#ea4335 83%,#4285f4 83%);-webkit-background-clip:text;background-clip:text;color:transparent}.google-box small{font-size:8px;text-align:center;color:#9c9d93}.demo-note{display:flex;align-items:center;gap:8px;margin:13px 0 0;padding:8px 10px;border-radius:6px;background:#f3f4eb;color:#71866b}.demo-note>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.demo-note b{font-size:9px}.demo-note small{font-size:8px;color:#95988c}.demo-tag{font-size:7px;letter-spacing:.8px;color:#999c8c}.error-note{border-radius:5px;background:#fbefeb;color:#b36452;font-size:9px;padding:8px 10px;margin-top:12px}.room-page{max-width:1280px;padding:31px 28px 24px;margin:auto}.room-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.room-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.room-heading h1{font-size:24px;letter-spacing:.01em;margin:6px 0 2px;font-weight:600}.room-heading p{margin:0;color:#939487;font-size:10px}.live-pip{display:inline-block;width:8px;height:8px;margin-left:5px;vertical-align:middle;background:#83b17c;border-radius:50%;box-shadow:0 0 0 4px #83b17c22}.room-stats{display:flex;align-items:center;gap:14px;padding:8px 11px;background:#fffdf7;border:1px solid #eae8dc;border-radius:8px}.room-stats>div{display:flex;flex-direction:column;gap:1px;min-width:44px}.room-stats>div span{font-size:7px;color:#97998d}.room-stats b{font-size:15px;color:#55775a}.room-stats b small{font-size:8px;font-weight:400;margin-left:2px}.room-stats>i{width:1px;height:23px;background:#e9e7dc}.edit-small{border:0;background:#f1f2e9;color:#798571;border-radius:5px;padding:6px 9px;font-size:8px}.room-error{margin:-6px 0 12px}.world{height:min(590px,63vw);min-height:420px;position:relative;overflow:hidden;border:1px solid #e6e7d7;border-radius:18px;background:linear-gradient(180deg,#edf5eb,#f4f2df 61%,#dce9c9 61%,#d4e4bd);box-shadow:0 6px #e3e4d5,0 13px 30px #5265420b;isolation:isolate}.world:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.32;background-image:radial-gradient(#9eac8a 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 100%);mask-image:linear-gradient(180deg,transparent 10%,#000 100%)}.cloud{position:absolute;width:94px;height:28px;border-radius:30px;background:#fffdf1;opacity:.57;top:16%;animation:drift 28s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;bottom:7px;width:35px;height:35px;border-radius:50%;background:inherit}.cloud:before{left:17px}.cloud:after{right:15px;width:27px;height:27px}.cloud-a{left:10%}.cloud-b{top:23%;right:9%;transform:scale(.72);animation-delay:-12s}.sun-doodle{position:absolute;right:18%;top:8%;font-size:37px;color:#ebc76e;opacity:.74;animation:sunTurn 40s linear infinite}.far-hill{position:absolute;bottom:21%;width:64%;height:20%;background:#e2ebd1;border-radius:50% 50% 0 0;opacity:.85}.hill-a{left:-20%;transform:rotate(3deg)}.hill-b{right:-25%;height:24%;background:#e6edd7;transform:rotate(-4deg)}.ground{position:absolute;bottom:-3%;left:-2%;right:-2%;height:44%;background:linear-gradient(180deg,#d6e6c1,#c8dcae);border-radius:49% 52% 0 0/18% 19% 0 0}.ground:before{content:"";position:absolute;top:10%;right:3%;bottom:0;left:3%;border-top:1px dashed #a8c59655;border-radius:48% 52% 0 0}.grass{position:absolute;color:#93b383;font-size:28px;opacity:.7}.grass-a{left:16%;top:21%;transform:rotate(70deg)}.grass-b{right:20%;top:38%;transform:rotate(-25deg)}.ground-flower{position:absolute;font-size:17px;color:#e6a094}.g-one{left:28%;top:30%}.g-two{left:79%;top:48%;color:#edca6a}.g-three{left:53%;top:68%;font-size:13px;color:#e7aeba}.stone{position:absolute;background:#aec49c;height:8px;width:17px;border-radius:7px;opacity:.75}.stone-one{left:8%;top:53%;transform:rotate(14deg)}.stone-two{right:9%;top:23%;width:12px;height:6px;transform:rotate(-20deg)}.pair-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.pair-lines line{stroke:#d99a77;stroke-width:.45;stroke-dasharray:1.2 1.3;opacity:.8}.world-person{position:absolute;z-index:2;transform:translate(-50%,-100%);width:112px;min-height:144px;padding:0 4px 7px;border:0;background:transparent;color:#3e4c3e;display:flex;align-items:center;flex-direction:column;gap:1px;transition:filter .15s,transform .15s}.world-person:hover,.world-person.is-me{filter:drop-shadow(0 4px 5px #546b3d21);transform:translate(-50%,-100%) scale(1.045)}.world-person .bubble{position:relative;max-width:124px;background:#fffdf5;border:1px solid #e9e5d5;border-radius:11px;padding:5px 8px;margin-bottom:1px;box-shadow:0 2px #d8d8c6;color:#777e6b;font-size:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.world-person .bubble i{position:absolute;left:calc(50% - 4px);bottom:-5px;width:8px;height:8px;background:#fffdf5;border-right:1px solid #e9e5d5;border-bottom:1px solid #e9e5d5;transform:rotate(45deg)}.sprite-wrap{position:relative;height:87px;display:grid;place-items:center}.sprite-wrap .character-svg{position:relative;z-index:1;filter:drop-shadow(0 4px 0 #59734824)}.shadow{position:absolute;width:56px;height:10px;bottom:1px;left:50%;transform:translate(-50%);background:#738b6242;border-radius:50%}.world-person-name{font-size:10px;font-weight:700;color:#50624e;display:flex;align-items:center;gap:4px}.world-person-name small{font-family:DM Sans,sans-serif;font-size:6px;letter-spacing:.8px;color:#788e70;background:#edf3e6;padding:2px 3px;border-radius:3px}.purpose-tag{margin-top:3px;font-size:7px;color:#79836e;background:#f4f4e9;border:1px solid #e4e6d9;border-radius:20px;padding:3px 7px;line-height:1}.purpose-tag.study{color:#668167;background:#eff4e9;border-color:#dbe7d5}.purpose-tag.task{color:#a27f38;background:#fbf3df;border-color:#eee0b8}.purpose-tag.talk{color:#b67262;background:#fbefea;border-color:#f1d9d1}.purpose-tag.call{color:#6f82a4;background:#eef1f8;border-color:#dce2f0}.world-person.break .world-person-name,.world-person.away .world-person-name{color:#93958b}.world-person.break .character-svg,.world-person.away .character-svg{filter:grayscale(.25) opacity(.8)}.accessory{position:absolute;right:0;bottom:10px;z-index:2;display:grid;place-items:center;color:#718d66;background:#fffdf3;border-radius:7px;padding:4px;box-shadow:0 2px #d9d9c7}.accessory.task{color:#c49b4e}.accessory.talk{color:#d08070}.accessory.call{color:#798eb6}.empty-world{position:absolute;z-index:2;left:50%;top:54%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;width:min(320px,80%)}.empty-world b{font-size:13px;color:#63755c}.empty-world small{font-size:9px;color:#8f9884;line-height:1.7}.empty-world button{display:flex;align-items:center;gap:6px;border:1px solid #9cb596;border-radius:20px;padding:7px 12px;background:#fffdf2;color:#668267;font-size:9px;margin-top:4px}.person-detail{position:absolute;z-index:3;right:16px;top:16px;display:flex;gap:10px;width:min(292px,calc(100% - 32px));padding:12px;background:#fffdf5ee;border:1px solid #e9e5d5;border-radius:10px;box-shadow:0 5px 20px #46533b15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-close{position:absolute;right:6px;top:5px;padding:3px;color:#9c9d91;background:transparent;border:0}.detail-char{display:flex;align-items:center;justify-content:center;width:65px;flex:none;border-radius:8px;background:#eff2e5}.detail-main{display:flex;flex-direction:column;gap:4px;padding-right:8px}.detail-main>b{font-size:11px;color:#4b5e4b}.detail-main>b small{font-size:8px;font-weight:400;color:#929589;margin-left:4px}.detail-purpose{font-size:8px;color:#81866f}.detail-times{display:flex;flex-wrap:wrap;gap:7px;color:#9a9b8e;font-size:7px}.detail-mood{color:#c2806c;font-size:9px}.paired-with{color:#9b8060;font-size:8px}.room-bottom{margin-top:14px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fffdf7;border:1px solid #e8e7dc;border-radius:10px;box-shadow:0 3px #e5e4d8}.me-now{display:flex;align-items:center;gap:9px}.me-now>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.me-now small{font-size:8px;color:#9b9e91}.me-now b{font-size:10px;color:#556b55}.elapsed-pill{display:flex;align-items:center;gap:5px;margin-left:10px;padding:6px 8px;border-radius:5px;background:#f2f3e9;color:#78826d;font-size:8px}.elapsed-pill span{color:#c1c0b3}.room-actions{display:flex;align-items:center;gap:6px}.action{display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:6px;font-size:9px;transition:.14s}.action.soft{border:1px solid #e7e5d9;background:#fffdf7;color:#7c8174}.action.soft:hover{background:#f2f2e9}.action.return{border:1px solid #8fac8e;background:#edf3e7;color:#648068}.action.leave{border:1px solid #ecd7d0;background:#fcf3f0;color:#b67565}.invite-toast{position:fixed;z-index:6;right:24px;top:84px;width:min(350px,calc(100vw - 30px));display:flex;align-items:center;gap:6px;padding:12px;background:#fffdf6;border:1px solid #e6e0ce;border-radius:9px;box-shadow:0 8px 30px #27332020}.invite-toast>div{display:flex;align-items:center;gap:8px;flex:1;color:#bd9560}.invite-toast>div span{display:flex;flex-direction:column;gap:3px}.invite-toast b{font-size:9px;color:#5a604f}.invite-toast small{font-size:8px;color:#999a8f}.invite-toast button{border:0;border-radius:5px;padding:6px 8px;background:#718e6d;color:#fff;font-size:8px}.invite-toast button.decline{background:#f1eee4;color:#88897e}.room-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 3px;color:#9da092;font-size:8px}.room-footer span:first-child{display:flex;align-items:center;gap:5px;color:#829077}.toast-message{position:fixed;z-index:10;bottom:22px;left:50%;transform:translate(-50%);padding:10px 12px 10px 16px;background:#4f6d51;color:#fffdf2;border-radius:7px;box-shadow:0 5px 18px #26352630;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:10px}.toast-message button{display:grid;place-items:center;border:0;background:transparent;color:#e6eadc;padding:0}.character-svg{overflow:visible}.character-svg.idle{animation:gentleBob 3.7s ease-in-out infinite}.character-svg.active{animation:studyBob 1.9s ease-in-out infinite}.character-svg .blink{opacity:0;animation:blink 4.8s linear infinite}.accessory{animation:propFloat 3s ease-in-out infinite}.status-away .character-svg,.world-person.away .character-svg{animation:none}.pixel-sprite{display:block;width:28px;height:28px;image-rendering:pixelated;shape-rendering:crispEdges;filter:drop-shadow(2px 2px 0 #0a0b0b)}.seat-char .pixel-sprite,.person-avatar .pixel-sprite{width:34px;height:34px}.detail-avatar .pixel-sprite{width:40px;height:40px}.status-avatar .pixel-sprite{width:30px;height:30px}.mini-sprite{display:inline-flex;align-items:center;justify-content:center}.mini-sprite .pixel-sprite{width:23px;height:23px}.avatar-options .pixel-sprite{width:38px;height:38px}.invite{display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#f5f7f2;border:1px solid #e3e9df;border-radius:5px;padding:8px;margin:8px 0}.invite div{width:100%;display:flex;flex-direction:column;gap:3px}.invite b{font-size:9px;color:#5d715d}.invite small{font-size:8px;color:#92958c}.invite button{border:0;background:#5e8063;color:#fff;border-radius:4px;padding:5px 10px;font-size:8px}.invite button.decline{background:#fff;color:#81847b;border:1px solid #e6e7e0}@keyframes gentleBob{0%,to{translate:0 0}50%{translate:0 -5px}}@keyframes studyBob{0%,to{translate:0 0}50%{translate:0 -2px}}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.9) rotate(-8deg)}50%{opacity:1;transform:scale(1.1) rotate(10deg)}}@keyframes drift{0%{translate:-5px 0}to{translate:34px 4px}}@keyframes sunTurn{to{rotate:360deg}}@keyframes propFloat{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes blink{0%,46%,50%,to{opacity:0}48%{opacity:1}}.demo-link{align-self:center;border:0;background:transparent;color:#8b927f;text-decoration:underline;text-underline-offset:3px;font-size:9px;padding:4px;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.prepare-page{grid-template-columns:minmax(240px,.75fr) minmax(440px,1.25fr);gap:24px;padding:35px 20px}.prepare-hero h1{font-size:28px}.hero-art{height:245px}.room-page{padding:25px 18px}.world{height:560px}.world-person{width:100px}.character-svg{max-width:100%}}@media(max-width:700px){.site-header{height:58px;padding:0 13px}.logo-mark{height:33px;width:33px;border-radius:11px;font-size:17px}.logo b{font-size:11px}.logo small{font-size:7px}.header-center{gap:7px;font-size:8px}.header-separator{height:11px}.header-right{gap:8px}.header-clock{font-size:11px}.header-clock svg{width:13px}.account-chip{padding:2px 6px 2px 2px;gap:4px;font-size:9px}.account-chip .character-svg{width:25px;height:25px}.account-chip>svg:last-child{display:none}.prepare-page{display:flex;flex-direction:column;padding:22px 13px 35px;gap:17px}.prepare-hero{position:relative;top:auto;width:100%;padding:0}.prepare-hero h1{font-size:25px;line-height:1.45;margin:9px 0 4px}.prepare-hero>p{font-size:10px;line-height:1.65}.desktop-only{display:none}.hero-art{height:170px;margin-top:9px;border-radius:48% 52% 13px 13px}.hero-character{bottom:5px}.hero-character .character-svg{width:112px;height:112px}.hero-sun{width:44px;height:44px;top:20px}.hero-hill{bottom:10px;height:90px}.flower-one{bottom:22px}.flower-two{bottom:18px}.s-one{top:50px}.s-two{top:75px}.hero-foot{padding-top:8px;font-size:8px}.setup-card{width:100%;padding:18px 14px 14px;border-radius:12px}.setup-top h2{font-size:17px}.setup-top p{font-size:9px}.setup-step b{width:19px;height:19px;font-size:8px}.setup-step i{width:17px}.field-label{font-size:9px;margin-top:13px}.form-two{gap:9px}.segmented{gap:3px}.segmented button{font-size:8px;padding:7px 2px}.mood-quick{gap:3px}.mood-quick button{font-size:7px;padding:5px 3px}.character-picks{gap:4px}.character-picks button{padding:4px 1px}.character-picks .character-svg{width:43px;height:43px}.character-picks small{font-size:7px}.purpose-picks{gap:4px}.purpose-picks button{padding:7px 2px}.purpose-picks b{font-size:7px}.duration-mood{grid-template-columns:1fr 1fr}.duration-options{gap:3px}.duration-options button{font-size:7px}.one-on-one{gap:6px}.one-on-one select{max-width:104px}.enter-button{padding:11px;margin-top:14px}.setup-bottom{font-size:7px}.room-page{padding:21px 12px 22px}.room-heading{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:12px}.room-heading h1{font-size:21px}.room-stats{width:100%;justify-content:space-around;padding:7px 8px}.room-stats>div{min-width:0}.room-stats>div span{font-size:7px}.room-stats b{font-size:13px}.room-stats .edit-small{margin-left:auto}.world{height:570px;min-height:500px;border-radius:14px}.ground{height:48%}.world-person{width:82px;min-height:127px}.sprite-wrap{height:75px}.sprite-wrap .character-svg{width:78px;height:78px}.world-person .bubble{max-width:105px;font-size:7px;padding:4px 6px}.world-person-name{font-size:9px}.purpose-tag{font-size:6px;padding:3px 6px}.accessory{right:-2px;bottom:8px;padding:3px}.accessory svg{width:17px;height:17px}.person-detail{left:9px;right:9px;top:9px;width:auto;padding:9px}.detail-char{width:54px}.detail-char .character-svg{width:53px;height:53px}.room-bottom{align-items:flex-start;flex-direction:column;gap:9px;padding:9px;margin-top:10px}.me-now{width:100%;gap:7px}.me-now>.character-svg{width:38px;height:38px}.elapsed-pill{margin-left:auto;font-size:7px;padding:5px}.room-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.action{justify-content:center;padding:8px 4px;font-size:8px}.action svg{width:14px;height:14px}.room-footer{font-size:7px;gap:10px}.room-footer span:last-child{text-align:right}.invite-toast{right:10px;top:66px;padding:9px}.toast-message{bottom:12px;max-width:calc(100vw - 24px);white-space:normal}}@media(max-width:390px){.header-center .open-indicator,.header-separator{display:none}.header-center{margin-left:auto;margin-right:10px}.header-right{gap:5px}.header-clock{font-size:10px}.prepare-hero h1{font-size:22px}.form-two{grid-template-columns:1fr}.mood-quick{grid-template-columns:repeat(4,1fr)}.mood-quick button{white-space:normal;text-align:center}.mood-quick button span{margin-right:2px}.duration-mood{grid-template-columns:1fr 1fr}}:root{color-scheme:dark;--ink:#f1eee3;--muted:#a4a197;--green:#f2ca50;--leaf:#292a2b;--cream:#1b1c1e;--line:#454648;--coral:#e45443;--gold:#f1c94b;background:#101112}body,.site-shell{background:#101112;color:#f1eee3}body{background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:4px 4px}.site-header{height:68px;background:#151617;border-bottom:3px solid #38393a;box-shadow:0 4px #080909;color:#eeeae0}.logo{color:#f3f0e7}.logo-mark{border-radius:2px;background:#edc646;color:#171819;box-shadow:3px 3px #725c21}.logo b{font-family:"Press Start 2P",DotGothic16,sans-serif;font-size:10px;letter-spacing:0}.logo small{font-family:"Press Start 2P",sans-serif;font-size:5px;color:#aaa69b;letter-spacing:.5px}.header-center,.header-clock{color:#d5d0c4}.open-indicator i{background:#79bd72;box-shadow:0 0 0 3px #79bd7222}.live-label{color:#e5c753;font-family:"Press Start 2P",sans-serif;font-size:6px;letter-spacing:.2px}.live-label i{background:#ea5747;box-shadow:0 0 0 3px #ea574722}.header-separator{background:#4a4b4c}.account-chip{background:#252628;border-color:#515253;color:#f0ece1;border-radius:2px}.account-chip>svg:last-child{color:#c4c0b6}.prepare-page{color:#eeeae0}.prepare-hero{padding-top:15px}.eyebrow{font-family:"Press Start 2P",DotGothic16,sans-serif;font-size:7px;letter-spacing:.3px;color:#e2bd4d}.eyebrow svg{color:#eac64e}.prepare-hero h1{font-family:DotGothic16,Noto Sans JP,sans-serif;color:#f5f0e5;font-size:31px;line-height:1.55}.prepare-hero h1 em{color:#f0c94a}.prepare-hero h1 em:after{background:#a77924;height:4px;opacity:.75;z-index:-1}.prepare-hero>p{color:#aaa79e}.hero-art{border:3px solid #56534a;border-radius:2px;background:linear-gradient(180deg,#202124,#25231f 48%,#333426 49%,#283125);box-shadow:4px 4px #080909,inset 0 0 0 2px #111}.hero-art:after{background:#354230}.hero-sun{background:#f0c84c;box-shadow:0 0 0 8px #f0c84c20}.hero-hill{background:#414635;border-radius:0}.hill-back{background:#373c30}.hill-front{background:#45513a}.hero-character{bottom:16px}.hero-character .character-svg{filter:drop-shadow(4px 4px 0 #090909)}.hero-shadow{background:#1118}.hero-flower,.hero-sparkle{color:#edcc5c}.hero-foot{color:#aaa69b}.hero-foot b{color:#f1ce53}.hero-foot i{background:#79b86f}.setup-card{background:#1a1b1d;border:2px solid #444547;border-radius:2px;box-shadow:5px 5px #080909;color:#eeeae0}.setup-top{border-color:#393a3b}.step-label{font-family:"Press Start 2P",sans-serif;font-size:6px;color:#efca4d}.step-label span{color:#a9a59b}.setup-top h2{font-family:DotGothic16,sans-serif;color:#f5f0e4}.setup-top p{color:#aaa79e}.setup-step b{border-radius:2px;background:#e5bd43;color:#191a1b;box-shadow:2px 2px #6f5922}.setup-step b.muted{background:#303133;color:#a19d92;box-shadow:2px 2px #101112}.setup-step i{background:#555658}.field-label{color:#e4e0d6}.field-label>span{background:#462a25;color:#f08a78;border-radius:1px}.field-label small{color:#a6a398}.text-input,.custom-duration input{background:#252628;border:2px solid #4b4c4e;border-radius:2px;color:#f2eee5}.text-input::placeholder{color:#96938a}.text-input:focus,.custom-duration input:focus{border-color:#edc747;box-shadow:0 0 0 2px #edc74725}.segmented button,.duration-options button,.mood-quick button{background:#242527;border:1px solid #4a4b4d;border-radius:2px;color:#c1bdb2}.segmented button.selected,.duration-options button.selected{border:2px solid #e9c44d;color:#f4d456;background:#363126;box-shadow:inset 0 0 0 1px #a17f2a}.mood-quick button.selected{border-color:#d9b646;background:#383324;color:#f3d565}.mood-quick button span{color:#edca4d}.character-picks button{background:#222325;border:1px solid #4a4b4d;border-radius:2px;box-shadow:2px 2px #0b0c0d}.character-picks button:hover{transform:translateY(-2px)}.character-picks button.picked{background:#383326;border:2px solid #e9c34a;box-shadow:3px 3px #080909}.character-picks small{color:#ded9ce}.pick-check{border-radius:0;background:#e6c148;color:#1d1d1b}.purpose-picks button{background:#222325;border:1px solid #4a4b4d;border-radius:2px;color:#cac6bc;box-shadow:2px 2px #090a0b}.purpose-picks button.picked{box-shadow:3px 3px #090a0b;background:#302d24}.purpose-picks b{color:#e6e1d7}.purpose-picks .study>span{background:#253229;color:#93c48e;border-radius:2px}.purpose-picks .task>span{background:#39321f;color:#ebc75c;border-radius:2px}.purpose-picks .talk>span{background:#3a2824;color:#ec8270;border-radius:2px}.purpose-picks .call>span{background:#282d3a;color:#9cb5e1;border-radius:2px}.purpose-picks .study.picked{border-color:#8fbd83}.purpose-picks .task.picked{border-color:#e1bb45}.purpose-picks .talk.picked{border-color:#de7061}.purpose-picks .call.picked{border-color:#8ca3cc}.one-on-one{background:#302a1d;border:1px solid #756337;border-radius:2px}.one-on-one-icon{background:#433822;color:#f0cb52;border-radius:1px}.one-on-one b{color:#f0dc9f}.one-on-one small{color:#b9ae91}.one-on-one select{background:#232426;border:1px solid #6a6147;border-radius:1px;color:#eee6cf}.enter-button{background:#df5141;color:#fff;border:2px solid #f07059;border-radius:2px;box-shadow:0 4px #913a31,3px 3px #080909;font-family:DotGothic16,sans-serif}.enter-button:not(:disabled):hover{background:#f05b49;box-shadow:0 5px #913a31,3px 3px #080909}.enter-button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #913a31,1px 1px #080909}.setup-bottom{color:#aaa69b}.setup-bottom button{color:#c1bcb0}.google-button{border:2px solid #57585a;border-radius:2px;background:#252628;color:#eee9dd}.google-box small{color:#aaa69b}.demo-note{border:1px solid #57503a;border-radius:2px;background:#302b1e;color:#f1ce55}.demo-note small,.demo-tag{color:#bcb39b}.demo-link{color:#ebca59}.room-page{color:#eeeae0}.room-heading h1{font-family:DotGothic16,sans-serif;color:#f2eee3}.room-heading p{color:#aaa79e}.room-stats{background:#1c1d1f;border:2px solid #444547;border-radius:2px;box-shadow:3px 3px #080909}.room-stats>div span{color:#aaa69d}.room-stats b{font-family:"Press Start 2P",sans-serif;font-size:11px;color:#f2ce53}.room-stats b small{font-family:DotGothic16,sans-serif;color:#eee9de}.room-stats>i{background:#4b4c4e}.edit-small{background:#32302a;color:#edca52;border-radius:1px}.live-pip{background:#e95746;box-shadow:0 0 0 4px #e9574628}.world{border:3px solid #48494a;border-radius:2px;background-color:#151719;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),radial-gradient(ellipse at 50% 100%,#252d23 0 38%,transparent 39%),linear-gradient(180deg,#181a1d,#20201c 67%,#282d23 67%,#303a2a);background-size:8px 8px,8px 8px,100% 100%,100% 100%;box-shadow:5px 5px #080909,inset 0 0 0 3px #101112}.world:before{opacity:.45;background-image:radial-gradient(#e1c44e 1px,transparent 1px);background-size:31px 29px;-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 100%);mask-image:linear-gradient(180deg,#000 20%,transparent 100%)}.cloud{background:#bbb39a;opacity:.25;border-radius:12px;height:15px}.cloud:before,.cloud:after{border-radius:7px}.sun-doodle{color:#f0c747}.far-hill{background:#242921;border-radius:0;opacity:.9}.hill-a{clip-path:polygon(0 100%,0 55%,13% 54%,22% 42%,33% 48%,44% 20%,53% 35%,64% 28%,75% 57%,100% 49%,100% 100%)}.hill-b{background:#2a3025;clip-path:polygon(0 70%,18% 35%,34% 48%,52% 22%,65% 51%,83% 36%,100% 50%,100% 100%,0 100%)}.ground{background-color:#273224;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(180deg,#303c28,#252d22);background-size:12px 12px,12px 12px,100% 100%;border-radius:0;clip-path:polygon(0 10%,8% 7%,18% 13%,29% 5%,39% 11%,53% 4%,65% 10%,78% 6%,90% 11%,100% 5%,100% 100%,0 100%)}.ground:before{border-top:1px dashed #c7b65b36;border-radius:0}.grass{color:#9aab60}.ground-flower{color:#e1bd4d;text-shadow:2px 2px 0 #69542a}.g-two{color:#e96554}.stone{background:#515343;border-radius:0;box-shadow:2px 2px #111}.g-three{color:#ec8d7c}.world-person{color:#f0ebdd}.world-person:hover,.world-person.is-me{filter:drop-shadow(3px 4px 0 #080909);transform:translate(-50%,-100%) scale(1.04)}.world-person .bubble{background:#242527;border:2px solid #555658;border-radius:2px;color:#f2d778;box-shadow:3px 3px #090a0b;font-family:DotGothic16,sans-serif;font-size:9px}.world-person .bubble i{background:#242527;border-color:#555658}.sprite-wrap .character-svg{filter:drop-shadow(4px 4px 0 #080909)}.shadow{height:9px;border-radius:0;background:#10120f}.world-person-name{color:#f0ebdf;font-family:DotGothic16,sans-serif;font-size:11px;text-shadow:2px 2px 0 #121313}.world-person-name small{background:#e7c249;color:#1b1b1a;border-radius:0;font-family:"Press Start 2P",sans-serif;font-size:5px}.purpose-tag{border-radius:0;background:#2c2d2f;border:1px solid #5c5d5e;color:#dad5c8}.purpose-tag.study{background:#283329;border-color:#68815f;color:#b3d29b}.purpose-tag.task{background:#37301e;border-color:#927534;color:#f1d26a}.purpose-tag.talk{background:#3a2825;border-color:#995247;color:#ff9a83}.purpose-tag.call{background:#282e3c;border-color:#536b9c;color:#b6c9f2}.world-person.break .purpose-tag,.world-person.away .purpose-tag{background:#343436;color:#c6c1b7;border-color:#606164}.accessory{border-radius:1px;background:#202123;color:#a7cf92;border:2px solid #65665e;box-shadow:3px 3px #080909}.accessory.task{color:#f3cd51}.accessory.talk{color:#f08572}.accessory.call{color:#adc1ee}.empty-world b{color:#f1d16a;font-family:DotGothic16,sans-serif}.empty-world small{color:#b4b0a4}.empty-world button{background:#27282a;color:#f0ce58;border:2px solid #5e604d;border-radius:2px;box-shadow:3px 3px #090a0b}.person-detail{background:#1d1e20f5;border:2px solid #58595a;border-radius:2px;color:#eee9dd;box-shadow:4px 4px #080909}.detail-close{color:#ccc6b9}.detail-char{background:#292a2b;border-radius:1px}.detail-main>b{color:#f2cf59}.detail-main>b small,.detail-purpose,.detail-times{color:#c1bcae}.detail-mood{color:#f28f78}.paired-with{color:#e3c86f}.room-bottom{background:#1b1c1e;border:2px solid #454648;border-radius:2px;box-shadow:4px 4px #080909;color:#eee9de}.me-now small{color:#aaa69c}.me-now b{color:#f0cd57}.elapsed-pill{background:#302e27;color:#e4c85f;border:1px solid #625738;border-radius:1px}.room-actions{gap:7px}.action{border-radius:1px;box-shadow:3px 3px #090a0b}.action.soft{border:2px solid #565759;background:#28292b;color:#e4dfd4}.action.soft:hover{background:#343537}.action.return{border:2px solid #7a9a67;background:#303a2d;color:#c2e49d}.action.leave{border:2px solid #ab5146;background:#3b2825;color:#ff9a87}.room-footer{color:#aaa69c}.room-footer span:first-child{color:#dfc05a}.invite-toast{background:#202123;border:2px solid #60583e;border-radius:2px;box-shadow:4px 4px #090a0b}.invite-toast>div{color:#ebc94e}.invite-toast b{color:#f1ebde}.invite-toast small{color:#bab5a8}.invite-toast button{border:2px solid #72916e;border-radius:1px;background:#455c43}.invite-toast button.decline{border-color:#57585a;background:#303133;color:#ddd7ca}.toast-message{background:#e8c448;color:#171819;border:2px solid #75602a;border-radius:1px;box-shadow:4px 4px #080909}.toast-message button{color:#34301f}.error-note{background:#412723;color:#ffad9b;border:1px solid #9a5547;border-radius:1px}.character-svg{shape-rendering:crispEdges;image-rendering:pixelated;overflow:visible;filter:drop-shadow(3px 3px 0 #080909)}.character-svg.active{animation:studyBob 1.2s steps(2,end) infinite}.character-svg.idle{animation:gentleBob 2.8s steps(3,end) infinite}.accessory{animation:propFloat 1.8s steps(2,end) infinite}.purpose-picks .study.picked{background:#2b352b}.purpose-picks .task.picked{background:#39321f}.purpose-picks .talk.picked{background:#3a2825}.purpose-picks .call.picked{background:#282d3a}@media(max-width:700px){.site-header{height:58px}.logo b{font-size:8px}.logo small{font-size:4px}.live-label{font-size:5px}.prepare-hero h1{font-size:25px}.hero-art{border-radius:2px;height:170px}.setup-card{border-radius:2px;padding:18px 14px 14px}.room-stats,.world,.room-bottom,.action,.purpose-picks button,.character-picks button,.person-detail{border-radius:1px}}:root{--green:#69aa3e;--coral:#ed6d2a;--gold:#f1e842}.site-header{border-bottom-color:#ec6d2a}.logo{gap:11px;min-width:270px}.logo>img{display:block;width:150px;height:auto;max-height:28px;object-fit:contain}.logo-divider{width:2px;height:25px;background:#ed6d2a}.logo-caption b{display:block;color:#f1e842;font-family:"Press Start 2P",DotGothic16,sans-serif;font-size:8px;letter-spacing:0}.logo-caption small{display:block;margin-top:5px;color:#bcb9ad;font-family:"Press Start 2P",sans-serif;font-size:5px;letter-spacing:.2px}.logo-mark{display:none}.open-indicator i,.hero-foot i{background:#69aa3e;box-shadow:0 0 0 3px #69aa3e25}.live-label i,.live-pip{background:#ec6d2a;box-shadow:0 0 0 3px #ec6d2a25}.eyebrow,.step-label,.room-stats b{color:#f1e842}.prepare-hero h1 em{color:#ed6d2a}.prepare-hero h1 em:after{background:#ed6d2a}.hero-sun,.setup-step b,.setup-step b.muted{background:#f1e842;color:#181918}.hero-flower,.hero-sparkle,.sun-doodle{color:#f1e842}.hero-foot b{color:#69aa3e}.setup-step b{box-shadow:2px 2px #89841d}.field-label>span{background:#482c1d;color:#ff9a5c}.text-input:focus,.custom-duration input:focus{border-color:#f1e842;box-shadow:0 0 0 2px #f1e84225}.segmented button.selected,.duration-options button.selected,.mood-quick button.selected{border-color:#f1e842;color:#f1e842;background:#373520;box-shadow:inset 0 0 0 1px #a79e25}.mood-quick button span{color:#f1e842}.character-picks button.picked{background:#373520;border-color:#f1e842}.pick-check{background:#f1e842;color:#161716}.purpose-picks .task>span{background:#392a1c;color:#f1e842}.purpose-picks .talk>span{background:#41281e;color:#ff9254}.purpose-picks .task.picked{border-color:#f1e842;background:#39351d}.purpose-picks .talk.picked{border-color:#ed6d2a;background:#3c291d}.one-on-one{background:#302b1d;border-color:#69aa3e}.one-on-one-icon{color:#f1e842}.enter-button{background:#ed6d2a;border-color:#ff9a55;box-shadow:0 4px #99491d,3px 3px #080909}.enter-button:not(:disabled):hover{background:#ff7c32;box-shadow:0 5px #99491d,3px 3px #080909}.enter-button:not(:disabled):active{box-shadow:0 1px #99491d,1px 1px #080909}.demo-note{border-color:#807d26;background:#302f1c;color:#f1e842}.demo-link,.room-stats b,.room-stats .edit-small,.world-person .bubble{color:#f1e842}.world-person-name small{background:#f1e842;color:#171817}.purpose-tag.task{background:#38341b;border-color:#938d25;color:#f1e842}.purpose-tag.talk{background:#3d291e;border-color:#a65c2c;color:#ff9a5c}.accessory.task{color:#f1e842}.accessory.talk{color:#ff9254}.detail-main>b,.elapsed-pill{color:#f1e842}.invite-toast>div{color:#f1e842}.invite-toast button{border-color:#69aa3e;background:#405d32}.toast-message{background:#f1e842;color:#171817;border-color:#89841d}.room-footer span:first-child{color:#69aa3e}@media(max-width:700px){.logo{min-width:0;gap:7px}.logo>img{width:102px;max-height:22px}.logo-divider{height:21px}.logo-caption b{font-size:6px}.logo-caption small{font-size:4px;margin-top:4px}}.desk-picks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.desk-picks button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;background:#222426;border:1px solid #4a4b4d;color:#eee9de;box-shadow:2px 2px #090a0b}.desk-picks button.selected{background:#3b3920;border:2px solid #f1e842;color:#f1e842;box-shadow:3px 3px #090a0b}.desk-picks button.taken{opacity:.45}.desk-picks b{font-family:DotGothic16,sans-serif;font-size:10px}.desk-picks small{font-size:7px;color:#aaa69c}.desk-picks button.selected small{color:#ddd38c}.isometric-world{height:auto;min-height:0;overflow:auto;padding:0;background:#101316;border:2px solid #4b4b48;border-radius:3px;box-shadow:5px 5px #080909;isolation:isolate}.map-title{position:absolute;top:14px;left:15px;z-index:10;display:flex;flex-direction:column;gap:4px;padding:7px 10px;background:#191c20ef;border:1px solid #6b5a33;box-shadow:3px 3px #090a0b}.map-title span{font-family:"Press Start 2P",sans-serif;font-size:6px;color:#f1e842;letter-spacing:.3px}.map-title b{font-size:8px;font-weight:500;color:#d2cbbd}.isometric-stage{position:relative;width:100%;height:clamp(470px,49vw,700px);min-height:470px;isolation:isolate}.floor-plan,.pair-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.floor-plan{z-index:0}.pair-lines{z-index:4;overflow:visible}.pair-lines line{stroke:#f1e842;stroke-width:3;stroke-dasharray:8 8;opacity:.9;filter:drop-shadow(0 2px 2px #101010)}.plan-objects text{fill:#f5e8ce;font-family:DotGothic16,Noto Sans JP,sans-serif;font-size:16px;font-weight:700;paint-order:stroke;stroke:#32291f;stroke-width:2px;stroke-linejoin:round}.plan-objects .monitor-sign text,.plan-objects .window-wall text,.plan-objects .shelf text{font-size:13px}.plan-objects .restroom text{font-family:"Press Start 2P",sans-serif;font-size:9px;fill:#f1e842;stroke:#25282b}.plan-objects .entry text{font-size:15px;fill:#f1e842}.iso-table .desk-number{font-family:DotGothic16,Noto Sans JP,sans-serif;font-size:23px;fill:#fff0cb;stroke:#654124;stroke-width:2px;paint-order:stroke;letter-spacing:1px}.map-compass text{font-family:"Press Start 2P",sans-serif;font-size:10px;fill:#f1e842;stroke:none}.world-person{width:105px;min-height:132px}.world-person .sprite-wrap{height:72px}.world-person .sprite-wrap .pixel-sprite{width:58px;height:58px}.world-person .bubble{max-width:132px}.world-person .accessory{right:11px;bottom:9px}.world-person .shadow{width:43px}.world-person-name{display:flex;align-items:center;gap:4px;white-space:nowrap}.person-detail{z-index:12}.isometric-world .empty-world{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);min-width:260px;padding:18px;background:#17191ced;border:2px solid #626052;text-align:center;box-shadow:4px 4px #090a0b}.isometric-world .empty-world b,.isometric-world .empty-world small{display:block;margin:5px}.isometric-world .empty-world button{margin-top:9px;padding:8px}.world-person.is-paired .shadow{background:#f1e84288}@media(max-width:700px){.desk-picks{gap:4px}.desk-picks button{padding:7px 1px}.desk-picks b{font-size:8px}.desk-picks small{font-size:6px}.isometric-world{height:470px}.isometric-stage{width:760px;height:460px;min-height:460px}.map-title{position:sticky;float:left;margin:9px;top:8px;left:auto}.person-detail{left:9px;right:9px;top:9px}.isometric-world .empty-world{position:absolute}}.map-title{position:relative;top:auto;left:auto;float:none;z-index:10;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:10px 14px;background:#191c20;border:0;border-bottom:1px solid #5c533c;box-shadow:none}.isometric-stage{height:clamp(560px,48vw,760px);min-height:560px}.world-person{width:90px;min-height:116px}.world-person .sprite-wrap{height:56px}.world-person .sprite-wrap .pixel-sprite{width:44px;height:44px}.world-person .accessory{right:17px;bottom:7px}.world-person .shadow{width:34px}@media(max-width:700px){.isometric-world{height:500px}.isometric-stage{width:760px;height:460px;min-height:460px}.map-title{position:relative;top:auto;left:auto;float:none;margin:0;padding:9px 11px}.world-person{width:90px}}.room-map{position:relative;overflow:hidden;margin-top:14px;background:#1b1e1f;border:2px solid #4b4d49;border-radius:4px;box-shadow:5px 5px #080909;color:#f2eee2}.room-map .map-title{min-height:48px;padding:10px 15px;background:#202321;border-bottom:1px solid #484a41}.room-map .map-title span{font-family:"Press Start 2P",sans-serif;font-size:8px;color:#f1e842;letter-spacing:.3px}.room-map .map-title b{font-size:12px;font-weight:500;color:#d1ccbd}.map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;background-color:#272d28;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px}.map-desk{min-width:0;min-height:246px;padding:11px;border:1px solid #54584b;border-radius:4px;background:#30352e;box-shadow:0 3px #171a17;display:flex;flex-direction:column}.desk-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #4c5146;color:#f2e9cf}.desk-heading span{font-size:14px;font-weight:700;letter-spacing:.03em}.desk-heading small{font-size:11px;color:#a7c58b}.map-desk.occupied .desk-heading small{color:#edb35c}.empty-desk{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#a9ad9f}.empty-seat{width:38px;height:30px;border:1px dashed #777c6d;border-radius:4px;display:grid;place-items:center;color:#a9ad9f}.empty-desk small{font-size:12px}.resident-card{width:100%;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:8px;padding:5px 4px 3px;border:0;border-radius:3px;background:transparent;color:inherit;text-align:center;transition:background .15s,transform .15s}.resident-card:hover,.resident-card:focus-visible{background:#ffffff0c;outline:2px solid #f1e842;outline-offset:1px}.resident-card.is-me{background:#ffffff08}.resident-mood{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid #766a43;border-radius:10px;background:#24261f;color:#f1df85;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.resident-avatar{position:relative;width:80px;height:76px;display:flex;align-items:flex-end;justify-content:center}.resident-avatar>.character-svg{width:68px;height:68px;filter:drop-shadow(0 3px 0 #121511)}.resident-avatar .accessory{position:absolute;right:0;bottom:4px;width:28px;height:28px;display:grid;place-items:center;padding:4px;border:1px solid #646953;border-radius:50%;background:#232722;color:#a5d38d;box-shadow:0 2px #141714}.resident-avatar .accessory svg{width:17px;height:17px}.resident-avatar .accessory.task{color:#f1e842}.resident-avatar .accessory.talk{color:#ff9a5c}.resident-avatar .accessory.call{color:#b6c9f2}.resident-name{max-width:100%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:15px;font-weight:700;line-height:1.3;color:#f7f3e8;overflow-wrap:anywhere}.resident-name small{padding:2px 5px;border-radius:8px;background:#f1e842;color:#1d1e1b;font-size:9px;font-weight:700}.resident-purpose{max-width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 9px;border:1px solid #637158;border-radius:12px;background:#26332a;color:#c6e0b3;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.resident-purpose svg{width:14px;height:14px;flex:none}.resident-purpose.task{border-color:#81753b;background:#37341f;color:#f1e39a}.resident-purpose.talk{border-color:#8e5938;background:#382920;color:#ffc091}.resident-purpose.call{border-color:#596b91;background:#272d3a;color:#c2d1f4}.resident-card.break .resident-purpose,.resident-card.away .resident-purpose{border-color:#676b66;background:#303331;color:#d3d2c9}.resident-pair{max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;color:#f3d96e;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.resident-pair svg{flex:none}.map-disclaimer{margin:0;padding:0 16px 13px;background:#272d28;color:#c1c2b8;font-size:12px;line-height:1.5}.room-map .person-detail.inline-detail{position:relative;inset:auto;width:auto;min-height:unset;margin:0 16px 14px;padding:12px 40px 12px 12px;display:flex;align-items:center;gap:14px;border:1px solid #676b5a;border-radius:4px;background:#242823;box-shadow:none}.inline-detail .detail-close{position:absolute;right:9px;top:9px}.room-map .empty-world{position:relative;inset:auto;transform:none;max-width:460px;margin:0 auto 15px;padding:12px;background:#242823;border:1px solid #676b5a;box-shadow:none;text-align:center}.room-map .empty-world b{font-size:15px}.room-map .empty-world small{display:block;margin:5px;color:#c1c2b8;font-size:12px}@media(max-width:1000px){.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.room-map{margin-top:12px}.room-map .map-title{min-height:44px;padding:9px 11px}.room-map .map-title span{font-size:7px}.room-map .map-title b{font-size:11px}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.map-desk{min-height:224px;padding:9px 7px}.desk-heading span{font-size:13px}.desk-heading small{font-size:11px}.resident-card{gap:5px}.resident-mood{min-height:38px;padding:5px 7px;font-size:13px}.resident-name{font-size:15px}.resident-purpose{padding:4px 7px;font-size:12px}.resident-pair{font-size:11px}.map-disclaimer{padding:0 11px 11px;font-size:12px}.room-map .person-detail.inline-detail{margin:0 10px 11px;padding:10px 35px 10px 10px;gap:8px}.inline-detail .detail-char{width:50px;flex:none}.inline-detail .detail-char .character-svg{width:48px;height:48px}.room-map .empty-world{margin:0 10px 10px}.room-map .empty-world b{font-size:14px}}@media(max-width:360px){.map-grid{gap:7px;padding:8px}.map-desk{min-height:214px;padding:8px 5px}.resident-avatar{width:72px}.resident-mood{font-size:12px}.resident-purpose{font-size:11px}.room-map .map-title{gap:5px}.room-map .map-title b{font-size:10px}}