body{color:#f0ebe0;background:#07070d;margin:0}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Noto Sans KR,sans-serif;display:flex}:root{--ink:#0d0d14;--paper:#f5f0e8;--dim:#2a2435;--muted:#6b6480;--accent:#c9a84c;--glow:#7b68ee;--green:#7cb97e;--rose:#c97b84}*{box-sizing:border-box;margin:0;padding:0}body{color:#f5f0e8;background:#0d0d14;min-height:100vh;font-family:Noto Sans KR,sans-serif}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d14eb;border-bottom:1px solid #ffffff0f;gap:4px;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-btn{color:#f5f0e880;cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #ffffff1f;padding:8px 18px;font-family:Space Mono,monospace;font-size:11px;transition:all .2s}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-btn.active{background:var(--accent);border-color:var(--accent);color:#0d0d14;font-weight:700}.lang-bar{z-index:101;gap:2px;display:flex;position:fixed;top:16px;right:24px}.lang-btn{color:#ffffff40;letter-spacing:.15em;cursor:pointer;background:0 0;border:1px solid #ffffff14;padding:8px 14px;font-family:Space Mono,monospace;font-size:9px;transition:all .2s}.lang-btn.active{border-color:var(--accent);color:var(--accent);background:#c9a84c0f}.screens{padding-top:60px}.screen{min-height:calc(100vh - 60px);display:none;position:relative}.screen.active{display:flex}#s1{background:#080810;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.s1-bg{background:radial-gradient(60% 40% at 50% 70%,#7b68ee26 0%,#0000 70%),radial-gradient(40% 30% at 20% 30%,#c9a84c14 0%,#0000 60%);position:absolute;inset:0}.pixel-building{opacity:.18;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pb-col{flex-direction:column-reverse;gap:2px;display:flex}.pb-room{border:1px solid #f5f0e84d;width:48px;height:36px;position:relative}.pb-room.lit{background:#c9a84c66}.pb-room.dim-room{background:#2a243599}.s1-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.s1-label{letter-spacing:.3em;color:var(--accent);opacity:.8;margin-bottom:24px;font-family:Space Mono,monospace;font-size:10px}.s1-title-wrap{margin-bottom:12px;animation:4s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 40px #7b68ee4d)}50%{filter:drop-shadow(0 0 80px #7b68ee99)}}.s1-sub{color:#f5f0e873;letter-spacing:.08em;margin-top:20px;font-size:13px;font-weight:300}.s1-world-count{color:#f5f0e866;letter-spacing:.15em;border:1px solid #ffffff1a;margin-top:32px;padding:8px 20px;font-family:Space Mono,monospace;font-size:10px}.s1-btns{gap:12px;margin-top:48px;display:flex}.btn-main{background:var(--paper);color:#0d0d14;cursor:pointer;letter-spacing:.1em;border:none;padding:14px 36px;font-family:DotGothic16,monospace;font-size:14px;transition:all .2s;position:relative;overflow:hidden}.btn-main:before{content:"";background:var(--accent);transition:transform .3s;position:absolute;inset:0;transform:translate(-100%)}.btn-main:hover:before{transform:translate(0)}.btn-main span{z-index:1;position:relative}.btn-sub{color:#f5f0e880;cursor:pointer;letter-spacing:.1em;background:0 0;border:1px solid #ffffff26;padding:14px 36px;font-family:DotGothic16,monospace;font-size:14px;transition:all .2s}.btn-sub:hover{border-color:var(--paper);color:var(--paper)}.s1-scroll-hint{letter-spacing:.2em;color:#f5f0e833;font-family:Space Mono,monospace;font-size:9px;animation:2s ease-in-out infinite blink;position:absolute;bottom:32px}@keyframes blink{0%,to{opacity:.2}50%{opacity:.7}}.float-room{pointer-events:none;border:1px solid #f5f0e814;animation:linear infinite floatAnim;position:absolute}@keyframes floatAnim{0%{opacity:.06;transform:translateY(0)rotate(0)}50%{opacity:.12}to{opacity:.06;transform:translateY(-30px)rotate(2deg)}}#s2{background:#0d0d14;justify-content:center;align-items:center;overflow:hidden}.s2-bg{background:radial-gradient(50% 50%,#2a2435cc 0%,#0000 70%);position:absolute;inset:0}.modal{z-index:2;background:#120f1af5;border:1px solid #ffffff1a;width:min(540px,92vw);padding:40px;position:relative;box-shadow:0 40px 120px #000c,inset 0 1px #ffffff0f}.modal-tag{letter-spacing:.3em;color:var(--accent);margin-bottom:16px;font-family:Space Mono,monospace;font-size:9px}.modal-title{color:var(--paper);letter-spacing:.05em;margin-bottom:8px;font-family:DotGothic16,monospace;font-size:18px;line-height:1.5}.modal-sub{color:#f5f0e859;letter-spacing:.05em;margin-bottom:32px;font-size:11px;line-height:1.6}.objects-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:28px;display:grid}.obj-card{aspect-ratio:1;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;transition:all .25s;display:flex;position:relative;overflow:hidden}.obj-card:before{content:"";opacity:0;transition:opacity .3s;position:absolute;inset:0}.obj-card:hover{border-color:#ffffff40;transform:translateY(-2px)}.obj-card:hover:before{opacity:1}.obj-card.plant:before{background:radial-gradient(circle at 50% 100%,#7cb97e33 0%,#0000 70%)}.obj-card.lamp:before{background:radial-gradient(circle at 50% 100%,#f5a62333 0%,#0000 70%)}.obj-card.bag:before{background:radial-gradient(circle at 50% 100%,#c9a84c33 0%,#0000 70%)}.obj-card.mirror:before{background:radial-gradient(circle at 50% 100%,#a0a0a026 0%,#0000 70%)}.obj-card.mobile:before{background:radial-gradient(circle at 50% 100%,#b8c6db33 0%,#0000 70%)}.obj-card.selected{background:#c9a84c14;border-color:var(--accent)!important}.obj-card.selected:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.obj-pixel{image-rendering:pixelated;filter:drop-shadow(0 2px 8px);font-size:26px;transition:transform .2s}.obj-card:hover .obj-pixel{transform:scale(1.15)}.obj-name{color:#f5f0e899;text-align:center;letter-spacing:.05em;font-family:DotGothic16,monospace;font-size:9px;line-height:1.3}.obj-desc-area{background:#ffffff05;border:1px solid #ffffff0f;min-height:44px;margin-bottom:20px;padding:12px 16px;transition:all .3s}.obj-desc-text{color:#f5f0e880;letter-spacing:.04em;font-size:12px;font-style:italic;line-height:1.6}.obj-emotion-tag{letter-spacing:.15em;color:var(--accent);opacity:.8;margin-top:6px;font-family:Space Mono,monospace;font-size:9px;display:inline-block}.btn-confirm{background:var(--paper);color:#0d0d14;letter-spacing:.1em;cursor:pointer;border:none;width:100%;padding:14px;font-family:DotGothic16,monospace;font-size:14px;transition:all .2s}.btn-confirm:hover{background:var(--accent)}#s3{background:#080810;flex-direction:column;align-items:center;overflow:hidden}.world-header{z-index:10;background:#080810e6;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;display:flex}.world-title{letter-spacing:.1em;color:var(--paper);font-family:DotGothic16,monospace;font-size:16px}.world-stats{gap:20px;display:flex}.stat{flex-direction:column;align-items:flex-end;display:flex}.stat-val{color:var(--accent);font-family:Space Mono,monospace;font-size:14px;font-weight:700}.stat-label{color:#f5f0e84d;letter-spacing:.1em;margin-top:1px;font-size:9px}.world-actions{gap:8px;display:flex}.action-btn{color:#f5f0e880;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff1f;padding:6px 14px;font-family:Space Mono,monospace;font-size:9px;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#0d0d14;font-weight:700}.save-banner{z-index:9;background:#7b68ee1f;border-bottom:1px solid #7b68ee33;justify-content:space-between;align-items:center;width:100%;padding:10px 24px;display:flex}.save-banner-text{color:#f5f0e899;letter-spacing:.04em;font-size:11px}.save-banner-text span{color:var(--glow)}.save-btn{background:var(--glow);color:#fff;letter-spacing:.1em;cursor:pointer;border:none;padding:5px 16px;font-family:Space Mono,monospace;font-size:9px}.building-viewport{flex:1;justify-content:center;align-items:flex-end;width:100%;padding:40px 24px 0;display:flex;position:relative;overflow:hidden}.building-wrap{flex-direction:column-reverse;align-items:center;gap:3px;display:flex;position:relative}.building-floor{align-items:flex-end;gap:3px;display:flex}.room-cell{cursor:pointer;border:1px solid #ffffff1f;width:88px;height:66px;transition:all .25s;position:relative;overflow:hidden}.room-cell:hover{z-index:10;border-color:#ffffff80;transform:translateY(-2px)}.room-cell:hover .room-tooltip{opacity:1}.room-plant{background:linear-gradient(160deg,#1a2a1a 0%,#0f1a0f 100%)}.room-plant .room-accent{background:#7cb97e4d}.room-lamp{background:linear-gradient(160deg,#1a1208 0%,#0d0d14 100%)}.room-lamp .room-accent{background:#f5a62340}.room-bag{background:linear-gradient(160deg,#2a1f10 0%,#1a1208 100%)}.room-bag .room-accent{background:#c9a84c33}.room-mirror{background:linear-gradient(160deg,#1a1a1a 0%,#0d0d0d 100%)}.room-mirror .room-accent{background:#a0a0a026}.room-mobile{background:linear-gradient(160deg,#0f0c29 0%,#080810 100%)}.room-mobile .room-accent{background:#b8c6db33}.room-mine{border-color:var(--accent)!important}.room-mine:before{content:"MY";color:var(--accent);letter-spacing:.1em;z-index:2;font-family:Space Mono,monospace;font-size:7px;position:absolute;top:4px;right:4px}.room-accent{opacity:.6;height:40%;position:absolute;bottom:0;left:0;right:0}.room-window{border:1px solid #fff3;width:20px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.room-window:before,.room-window:after{content:"";background:#ffffff1a;position:absolute}.room-window:before{width:1px;top:0;bottom:0;left:50%;transform:translate(-50%)}.room-window:after{height:1px;top:50%;left:0;right:0;transform:translateY(-50%)}.room-window.lit{background:#f5a6231f;border-color:#f5a62399}.room-window.lit-green{background:#7cb97e1a;border-color:#7cb97e99}.room-window.lit-blue{background:#b8c6db1a;border-color:#b8c6db99}.room-obj{font-size:14px;line-height:1;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.room-tooltip{white-space:nowrap;color:#f5f0e8b3;pointer-events:none;opacity:0;z-index:20;background:#120f1afa;border:1px solid #ffffff1f;padding:8px 12px;font-size:10px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.room-tooltip strong{color:var(--paper);margin-bottom:2px;font-family:DotGothic16,monospace;font-size:11px;display:block}.room-tooltip .tt-emotion{color:var(--accent);letter-spacing:.1em;font-family:Space Mono,monospace;font-size:8px}.connector-v{background:#ffffff14;width:1px;height:3px;margin:0 auto}.floor-label{color:#ffffff26;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:8px;position:absolute;top:50%;left:-40px;transform:translateY(-50%)}.star{background:#fff;border-radius:50%;width:1px;height:1px;animation:linear infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.6}}#s4{background:#060610;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.s4-bg{background:radial-gradient(50% 60% at 30% 40%,#c9a84c0f 0%,#0000 70%),radial-gradient(40% 50% at 70% 60%,#7b68ee14 0%,#0000 70%);position:absolute;inset:0}.invite-card{z-index:2;background:#0c0a14f5;border:1px solid #ffffff14;width:min(480px,92vw);position:relative;overflow:hidden;box-shadow:0 60px 140px #000000e6}.invite-preview{background:#0a0814;border-bottom:1px solid #ffffff0f;justify-content:center;align-items:flex-end;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.preview-blur{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:2;background:linear-gradient(#0000 40%,#0a0814b3 100%);position:absolute;inset:0}.preview-glow{z-index:1;background:radial-gradient(#c9a84c33 0%,#0000 70%);width:200px;height:80px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mini-building{z-index:3;flex-direction:column-reverse;align-items:center;gap:2px;margin-bottom:20px;display:flex;position:relative}.mini-floor{gap:2px;display:flex}.mini-room{border:1px solid #ffffff26;width:36px;height:28px;position:relative;overflow:hidden}.mini-room.lit-y{background:#f5a62326;border-color:#f5a6234d}.mini-room.lit-g{background:#7cb97e26;border-color:#7cb97e4d}.mini-room.lit-b{background:#b8c6db1a;border-color:#b8c6db33}.mini-room-w{border:1px solid #ffffff26;width:10px;height:12px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.invite-from-link{z-index:4;color:#f5f0e880;letter-spacing:.1em;background:#00000080;border:1px solid #ffffff14;padding:6px 12px;font-family:Space Mono,monospace;font-size:9px;position:absolute;top:12px;left:12px}.room-count-badge{z-index:4;color:var(--accent);letter-spacing:.1em;background:#c9a84c26;border:1px solid #c9a84c4d;padding:4px 10px;font-family:Space Mono,monospace;font-size:9px;position:absolute;bottom:12px;right:12px}.invite-body{padding:32px}.invite-from-name{letter-spacing:.2em;color:var(--accent);align-items:center;gap:8px;margin-bottom:12px;font-family:Space Mono,monospace;font-size:10px;display:flex}.invite-from-name:before{content:"";background:var(--accent);opacity:.5;width:20px;height:1px}.invite-title{color:var(--paper);letter-spacing:.03em;margin-bottom:8px;font-family:DotGothic16,monospace;font-size:20px;line-height:1.5}.invite-desc{color:#f5f0e859;letter-spacing:.04em;margin-bottom:28px;font-size:12px;line-height:1.8}.invite-btns{flex-direction:column;gap:8px;display:flex}.btn-enter{background:var(--paper);color:#0d0d14;letter-spacing:.1em;cursor:pointer;text-align:center;border:none;padding:14px;font-family:DotGothic16,monospace;font-size:14px;transition:all .2s}.btn-enter:hover{background:var(--accent)}.btn-login-small{color:#f5f0e84d;letter-spacing:.12em;cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff14;padding:11px;font-family:Space Mono,monospace;font-size:10px;transition:all .2s}.btn-login-small:hover{color:#f5f0e899;border-color:#fff3}.invite-footer{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:8px;padding:12px 32px;display:flex}.invite-footer-text{color:#f5f0e833;letter-spacing:.15em;font-family:Space Mono,monospace;font-size:9px}.screen-label{color:#ffffff26;letter-spacing:.2em;pointer-events:none;font-family:Space Mono,monospace;font-size:9px;position:absolute;top:80px;left:20px}.logo-mini{transform-origin:50%;transform:scale(.6)}