:root{color-scheme:dark;--bg:#0d0d12;--surface:#16161e;--line:#2b2a36;--muted:#92909f;--text:#f1eff8;--accent:#c3a8ff}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}[hidden]{display:none!important}::selection{background:#c3a8ff;color:#171020}.shell{max-width:1220px;margin:auto;padding:0 38px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-1px}.wordmark img{width:30px;height:30px}.topbar nav{display:flex;align-items:center;gap:25px;font-size:13px}.badge{display:inline-flex;padding:5px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:11px;gap:7px;align-items:center}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}.btn{border:1px solid var(--line);padding:11px 18px;border-radius:10px;background:var(--surface);color:var(--text);font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s}.btn:hover{background:#24232e;transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#21172f;border-color:var(--accent);font-weight:650}.btn.primary:hover{background:#d6c4ff}.btn.danger{color:#ffa6ae}.quiet{color:var(--muted)}.kicker{text-transform:uppercase;font-size:10px;letter-spacing:3px;color:var(--accent);margin-bottom:20px}.hero-home{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:95px 0 85px}.hero-home h1{font-size:clamp(42px,6vw,78px);line-height:1.08;letter-spacing:-4px;font-weight:650;margin:0 0 25px}.hero-home h1 em{font-style:normal;color:var(--accent)}.hero-home p{color:var(--muted);max-width:420px;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.demo-world{padding:60px 25px;background:radial-gradient(circle at 50% 30%,#584d883b,transparent 70%);position:relative}.demo-card{margin:auto;max-width:310px;padding:35px;border-radius:24px;background:linear-gradient(140deg,#272330c9,#18171f);border:1px solid #4b425f;box-shadow:0 35px 80px #0005;transform:rotate(-4deg);text-align:center}.demo-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(140deg,#e1bdff,#8cafff);display:grid;place-items:center;font:30px Georgia,serif;color:#251936;margin:0 auto 15px}.demo-card h2{font-size:23px;margin:0}.demo-card p{font-size:12px;margin:9px auto 22px}.demo-link{border:1px solid #ffffff1a;border-radius:10px;padding:9px;margin:7px 0;font-size:12px}.demo-caption{text-align:center;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:30px}.floating-tag{position:absolute;right:4px;top:55px;background:#d9eccc;color:#273322;padding:9px 15px;border-radius:30px;font-size:11px;transform:rotate(7deg)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 25px}.section-line h2{font-weight:550;font-size:24px;letter-spacing:-.5px;margin:0}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.room-tile{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:28px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.room-tile:hover{transform:translateY(-5px);border-color:var(--accent)}.tile-avatar{width:48px;height:48px;border-radius:14px;background:#292432;color:var(--accent);display:grid;place-items:center;object-fit:cover;margin-bottom:22px}.room-tile h3{font-size:19px;margin:0}.room-tile p{font-size:12px;color:var(--muted);white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px}.room-tile small{color:var(--accent)}.empty-room{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;color:var(--muted);max-width:700px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:65px 0}.features span{font:12px monospace;color:var(--accent)}.features h3{font-size:16px;font-weight:550}.features p{color:var(--muted);font-size:13px}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:30px;color:var(--muted);font-size:11px}.auth-wrap{max-width:420px;margin:65px auto 100px}.auth-wrap h1{font-size:36px;letter-spacing:-1px;font-weight:600;margin:8px 0}.auth-wrap p{color:var(--muted);font-size:13px}.field{display:block;margin:18px 0;color:#c8c4d4;font-size:12px}.field>input,.field>textarea,.field>select{display:block;width:100%;margin-top:8px;background:#111117;color:var(--text);border:1px solid #33313f;border-radius:8px;padding:11px 12px}.field textarea{resize:vertical;min-height:84px}.field input[type=color]{padding:4px;height:42px;cursor:pointer}.field input[type=range]{padding:0;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:9px;font-size:12px;margin:14px 0}.check input{accent-color:var(--accent)}.status-message{font-size:12px;color:var(--accent);white-space:pre-wrap;overflow-wrap:anywhere;min-height:20px}.status-message.error{color:#ff9ea6}.editor-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:35px 0 28px}.editor-heading h1{font-size:32px;font-weight:550;letter-spacing:-1px;margin:0}.editor-heading p{font-size:12px;color:var(--muted);margin:5px 0}.editor-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.95fr);gap:30px;align-items:start}.editor-pane{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:25px}.tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.tabs button{border:0;color:var(--muted);background:none;border-radius:7px;padding:8px 12px;font-size:12px}.tabs button.active{background:#292432;color:var(--accent)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.two-fields .field{margin:8px 0}.upload-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.upload-line .btn{padding:7px 12px;font-size:11px}.editor-preview{position:sticky;top:25px}.preview-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:12px}.preview-frame{width:100%;height:660px;background:#101017;border:1px solid var(--line);border-radius:20px}.preview-note{font-size:11px;color:var(--muted);margin-top:12px}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.link-edit{border:1px solid var(--line);padding:15px;border-radius:10px;margin:12px 0}.link-edit .field{margin:8px 0}.mini-buttons{display:flex;gap:6px}.mini-buttons button{padding:5px 10px;font-size:11px}.asset-row,.admin-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.asset-row span,.admin-row span{overflow-wrap:anywhere}.admin-section{margin:25px 0;border-top:1px solid var(--line);padding-top:20px}.admin-section h3{font-size:16px}.invite-result{border:1px dashed var(--accent);padding:16px;margin:16px 0;font-size:12px;overflow-wrap:anywhere}.profile-page{background:var(--pbg,#101017);color:var(--ptext,#f5f2ff)}.profile-scene{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:55px 24px;position:relative;overflow:hidden;isolation:isolate}.profile-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.profile-shade{position:fixed;inset:0;background:linear-gradient(#0003,#0008);z-index:-2;pointer-events:none}.profile-card{position:relative;width:min(470px,100%);padding:38px 35px;border:1px solid #ffffff25;border-radius:var(--pradius,26px);background:rgb(20 19 28 / var(--popacity,.75));backdrop-filter:blur(var(--pblur,16px));text-align:center;box-shadow:0 25px 100px #0003;animation:profile-in .7s both}.profile-avatar{display:flex;align-items:center;justify-content:center;width:88px;height:88px;object-fit:cover;border-radius:50%;background:var(--paccent);color:#1d152a;font-size:34px;font-weight:600;margin:0 auto 20px}.profile-name{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 14px;overflow-wrap:anywhere}.profile-bio{font-size:13px;opacity:.75;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 25px}.profile-links{display:grid;gap:10px}.profile-link{display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffff26;border-radius:12px;padding:13px 16px;font-size:13px;transition:background .2s,transform .2s;overflow-wrap:anywhere;text-align:left;gap:14px}.profile-link:hover{background:#ffffff10;transform:translateY(-2px)}.profile-link span:last-child{color:var(--paccent)}.presence{padding:14px;border:1px solid #ffffff1c;border-radius:12px;margin-bottom:22px;font-size:11px;text-align:left;overflow-wrap:anywhere}.presence-game{margin-top:9px;display:flex;align-items:center;gap:10px}.presence-game img{width:42px;height:42px;object-fit:cover;border-radius:6px}.audio-box{display:flex;flex-direction:column;gap:8px;padding-top:20px}.audio-box audio{width:100%;height:36px}.audio-box small{font-size:10px;opacity:.6}.profile-signature{margin-top:25px;font-size:10px;opacity:.45;letter-spacing:2px}.profile-home{position:fixed;bottom:16px;left:20px;font-size:11px;opacity:.7;z-index:1}.profile-theme-prescript .profile-card{border-radius:0;border-color:var(--paccent);font-family:monospace;background:rgb(5 10 16 / var(--popacity))}.profile-theme-prescript .profile-avatar{border-radius:0;border:1px solid var(--paccent)}.profile-theme-prescript .profile-link,.profile-theme-prescript .presence{border-radius:0;border-color:#50708b55}.profile-theme-prescript .profile-name{text-transform:lowercase;letter-spacing:3px}.profile-theme-minimal .profile-card{border:0;background:transparent;backdrop-filter:none;box-shadow:none;padding:25px 15px}.profile-theme-minimal .profile-link{border-width:0 0 1px;border-radius:0;padding:16px 3px}.profile-glow .profile-name{text-shadow:0 0 25px var(--paccent)}.enter-screen{position:fixed;inset:0;background:#08080bdc;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;z-index:4}.enter-screen button{color:var(--paccent);background:transparent;border:1px solid var(--paccent);padding:16px 25px;border-radius:12px;font:inherit;cursor:pointer}.enter-screen span{font-size:11px;opacity:.5}.particle{position:fixed;top:-20px;z-index:-1;pointer-events:none;color:white;animation:particle-fall linear infinite;opacity:.5}.particle.stars{animation:particle-twinkle 3s ease-in-out infinite;top:auto}.particle.rain{width:1px;height:18px;background:#ffffff65}.particle.snow{width:4px;height:4px;border-radius:50%;background:white}.profile-empty{max-width:440px;text-align:center;padding:40px}.profile-empty a{color:var(--accent)}@keyframes profile-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes particle-fall{to{transform:translateY(110vh) translateX(35px)}}@keyframes particle-twinkle{50%{opacity:.1;transform:scale(.8)}}@media(max-width:900px){.hero-home{gap:20px}.editor-layout{grid-template-columns:1fr}.editor-preview{position:relative;top:0}.preview-frame{height:580px}.room-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.shell{padding:0 20px}.topbar{height:78px}.topbar nav{gap:12px}.topbar .badge{display:none}.wordmark{font-size:21px}.hero-home{grid-template-columns:1fr;padding:55px 0 40px}.hero-home h1{letter-spacing:-2px}.demo-world{padding:35px 10px}.demo-card{max-width:290px}.floating-tag{right:15px;top:20px}.room-grid,.features{grid-template-columns:1fr}.features{gap:15px;padding:35px 0}.editor-heading{align-items:flex-start;flex-direction:column}.editor-pane{padding:18px}.two-fields{grid-template-columns:1fr}.auth-wrap{margin:40px auto}.profile-card{padding:30px 22px}.profile-scene{padding:48px 18px}.profile-name{font-size:29px}.admin-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.particle{display:none}}
.odd-home{--accent:#dfef80;--bg:#181917;--surface:#21231e;--line:#3b3e34;--muted:#a3a697;--text:#ececdf;overflow-x:clip}.odd-home .shell{max-width:1440px;padding:0 5vw}.odd-home .topbar{height:90px;border-color:#424638}.odd-home .wordmark{font-weight:850;letter-spacing:-1.5px;font-size:28px}.odd-home .wordmark img{filter:grayscale(1);border-radius:0}.odd-home .btn{border-radius:0}.odd-home .badge{border:0;font-family:monospace;text-transform:uppercase;letter-spacing:1px}.odd-hero{min-height:770px;height:calc(100svh - 90px);max-height:1050px;position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;padding:85px 0 95px;isolation:isolate}.hero-grid{position:absolute;inset:0 -5vw;z-index:-1;background-image:linear-gradient(#a3af7520 1px,transparent 1px),linear-gradient(90deg,#a3af7520 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#0005,transparent);transform:translateY(calc(var(--scroll,0)*-35px));pointer-events:none}.room-coordinate{position:absolute;top:27px;left:0;right:0;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:var(--muted)}.odd-title{z-index:2;transform:translateY(calc(var(--scroll,0)*-45px))}.odd-title h1{font-size:clamp(58px,6.8vw,104px);font-weight:850;line-height:.96;letter-spacing:-6px;margin:0 0 32px}.odd-title h1 em{color:var(--accent);font:italic 1.04em/.95 Georgia,serif;letter-spacing:-5px}.odd-title p{color:var(--muted);font-size:16px;line-height:1.8}.odd-cta{display:inline-flex;gap:45px;border-bottom:1px solid var(--accent);padding:15px 0;margin-top:15px;font-size:14px;color:var(--accent)}.odd-cta span{font-size:27px;transition:transform .25s}.odd-cta:hover span{transform:translate(5px,-5px)}.odd-art{height:520px;position:relative;perspective:1200px;transform:translateY(calc(var(--scroll,0)*55px))}.odd-door{position:absolute;inset:65px 22% 50px;transform:rotateX(var(--mx,0deg)) rotateY(var(--my,0deg)) rotate(-9deg);transform-style:preserve-3d}.door-frame{display:block;position:relative;width:100%;height:100%;border:10px solid #acae92;background:#d9e99d;box-shadow:18px 24px 0 #05070566,inset 0 0 30px #718240;transform-style:preserve-3d}.door-interior{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;background:radial-gradient(ellipse at 50% 60%,#f9ffe4,#d0e571 40%,#819440);color:#343e20;font-size:100px;overflow:hidden}.door-interior small{font:9px monospace;letter-spacing:2px}.door-leaf{position:absolute;inset:0;background:#34392d;border:1px solid #92997a;transform-origin:left center;transform:rotateY(-12deg);transition:transform .7s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden;box-shadow:inset 0 0 0 12px #2a2f24}.odd-door:hover .door-leaf,.odd-door:focus-visible .door-leaf{transform:rotateY(-68deg)}.door-number{position:absolute;top:35px;left:25px;font:12px/1.5 monospace;letter-spacing:3px;color:#c6cead}.door-handle{position:absolute;right:16px;top:54%;height:8px;width:29px;background:#e1eda9;box-shadow:0 3px 5px #0006}.door-label{position:absolute;bottom:30px;left:25px;color:#dde6bd;font:italic 24px Georgia,serif}.door-shadow{position:absolute;bottom:22px;left:15%;right:10%;height:35px;background:#0005;filter:blur(20px);border-radius:50%}.orbit{position:absolute;inset:20px 0;border:1px solid #c5d48f38;border-radius:50%;pointer-events:none}.orbit-one{transform:rotate(-25deg) scaleY(.75)}.orbit-two{transform:rotate(40deg) scaleX(.6)}.art-sticker{position:absolute;padding:16px 19px;font:12px/1.5 monospace;z-index:2;box-shadow:6px 7px 0 #0004;transform:translateY(var(--drift,0px)) rotate(var(--tilt,0deg));pointer-events:none}.sticker-a{--tilt:9deg;top:45px;right:0;background:#ddea7c;color:#343a1b}.sticker-a b{font-weight:400}.sticker-b{--tilt:-12deg;bottom:58px;left:0;background:#b6acd1;color:#292035}.art-spark{position:absolute;left:15px;top:65px;font-size:78px;color:#dfef80;transform:translateY(var(--drift,0px)) rotate(calc(var(--scroll,0)*80deg));pointer-events:none}.art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font:9px monospace;letter-spacing:2px;color:var(--muted)}.scroll-note{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:var(--muted)}.scroll-note span{font-size:28px;color:var(--accent)}.odd-ticker{margin:0 -5vw;background:var(--accent);color:#21251a;padding:20px 0;overflow:hidden;transform:rotate(-2deg);width:calc(100% + 10vw)}.odd-ticker div{font-size:clamp(24px,4vw,55px);font-weight:850;letter-spacing:-2px;line-height:1.2;white-space:nowrap;width:max-content;will-change:transform}.chapter{display:block;font:10px monospace;letter-spacing:2px;color:var(--muted);margin-bottom:25px}.odd-manifesto{padding:150px 0 100px}.odd-manifesto h2{font-size:clamp(44px,6vw,80px);line-height:1.05;letter-spacing:-4px;font-weight:750;margin:0 0 65px}.odd-manifesto h2>span{font-family:Georgia,serif;font-style:italic;color:var(--accent);font-weight:400}.odd-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.odd-note{padding:32px;min-height:340px;color:#21251b;background:#cbd4b3;position:relative;overflow:hidden;transform:rotate(-2deg);transition:transform .4s,background .4s}.odd-note:nth-child(2){background:#b8adcd;transform:rotate(2deg)}.odd-note:nth-child(3){background:#dcd7bd;transform:rotate(-1deg)}.odd-note>span{font:10px monospace;letter-spacing:1px}.odd-note h3{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:35px 0 22px;position:relative;z-index:1}.odd-note p{font-size:13px;line-height:1.8;max-width:250px;position:relative;z-index:1}.odd-note:hover,.odd-note:focus-visible{transform:translateY(-12px) rotate(0deg)}.note-surprise{position:absolute;right:8px;bottom:-35px;font:130px Georgia,serif;opacity:0;transform:rotate(-40deg) scale(.6);transition:opacity .4s,transform .5s;pointer-events:none;color:#343b2250}.odd-note:hover .note-surprise,.odd-note:focus-visible .note-surprise{opacity:1;transform:rotate(10deg) scale(1)}.odd-rooms{padding:50px 0 90px}.odd-rooms .section-line h2{font-size:clamp(36px,5vw,65px);font-weight:750;letter-spacing:-2px}.odd-rooms .empty-room{max-width:none;border:1px dashed #596047;padding:45px;color:var(--muted);font-size:14px}.odd-home .room-tile{border-radius:0;background:transparent;border-color:#535b43;transition:background .3s,transform .3s}.odd-home .room-tile:hover{background:#2b3022;transform:translateY(-7px) rotate(-1deg)}.odd-ending{padding:90px 0;border-top:1px solid var(--line)}.odd-ending>a{font-size:clamp(45px,7vw,100px);font-weight:800;letter-spacing:-4px;line-height:1.05;display:block;position:relative}.odd-ending>a span{position:absolute;right:15px;top:0;font-weight:400;color:var(--accent);transition:transform .4s}.odd-ending>a:hover span{transform:rotate(45deg)}.odd-ending p{margin-top:30px;font-size:13px;color:var(--muted)}.will-reveal{opacity:0;transform:translateY(50px);transition:opacity .9s,transform .9s}.will-reveal.revealed{opacity:1;transform:translateY(0)}@media(max-width:850px){.odd-title h1{letter-spacing:-3px}.odd-title h1 em{letter-spacing:-3px}.odd-hero{min-height:680px}.odd-art{height:430px}.odd-door{inset:60px 18% 50px}.art-sticker{font-size:9px;padding:12px}.sticker-a{right:-10px}.art-spark{font-size:50px}.odd-notes{gap:12px}.odd-note{padding:23px}.odd-note h3{font-size:23px}}@media(max-width:620px){.odd-home .topbar{height:75px}.odd-hero{height:auto;max-height:none;min-height:0;grid-template-columns:1fr;padding:85px 0 75px}.room-coordinate{font-size:8px;letter-spacing:1px}.odd-title h1{font-size:60px}.odd-title p{font-size:14px}.odd-art{width:min(400px,100%);margin:0 auto;height:405px}.odd-door{inset:45px 25% 50px}.sticker-a{right:0;top:50px}.sticker-b{left:10px;bottom:70px}.art-spark{left:15px;top:35px}.odd-manifesto{padding:85px 0 40px}.odd-manifesto h2{letter-spacing:-2px;margin-bottom:35px}.odd-notes{grid-template-columns:1fr;gap:22px}.odd-note{min-height:265px;padding:28px}.odd-note h3{margin:22px 0 15px;font-size:30px}.odd-note p{max-width:100%}.odd-rooms{padding:50px 0}.odd-rooms .empty-room{padding:25px}.odd-ending{padding:60px 0}.odd-ending>a{font-size:47px;letter-spacing:-2px;padding-right:35px}.odd-ending>a span{right:0}.scroll-note{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.odd-title,.odd-art,.hero-grid,.odd-ticker div,.art-sticker,.art-spark{transform:none!important}.will-reveal{opacity:1;transform:none}.odd-door{transform:rotate(-9deg)!important}}
.odd-home main{overflow-x:clip}@media(max-width:620px){.odd-home .wordmark{font-size:23px}.odd-home .topbar nav{font-size:11px;gap:10px}.odd-home .topbar .btn{padding:9px 12px}.odd-home .topbar{gap:12px}}
.odd-ui{--accent:#dfef80;--bg:#181917;--surface:#25291f;--line:#4b5140;--muted:#a3a697;--text:#ececdf;overflow-x:clip}.odd-ui ::selection{background:#dfef80;color:#25291f}.odd-ui .shell{max-width:1440px;padding:0 5vw}.odd-ui .topbar{height:90px;border-color:#424638}.odd-ui .wordmark{font-weight:850;letter-spacing:-1.5px;font-size:28px}.odd-ui .wordmark img{filter:none;border-radius:0}.odd-ui .badge{border:0;font-family:monospace;text-transform:uppercase;letter-spacing:1px}.odd-ui .btn{border-radius:0;background:#25291f;border-color:#50573f;transition:background .2s,transform .2s,box-shadow .2s}.odd-ui .btn:hover{background:#343c28;transform:translateY(-2px);box-shadow:3px 3px 0 #0a0d08}.odd-ui .btn.primary{background:#dfef80;color:#272f1c;border-color:#dfef80}.odd-ui .btn.primary:hover{background:#eef9b1}.odd-ui .btn.danger{color:#ffc0a5}.odd-ui .kicker{font-family:monospace;color:var(--accent);letter-spacing:2px}.odd-ui .footer{font-family:monospace;letter-spacing:1px}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;max-width:1100px;margin:75px auto 95px;align-items:center}.auth-story{position:relative;min-height:570px}.auth-story h2{font-size:clamp(44px,5vw,70px);line-height:1;letter-spacing:-3px;margin:25px 0;position:relative;z-index:1}.auth-story h2 em,.odd-dashboard h1 em,.pane-heading h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--accent)}.auth-story>p{font:12px/1.8 monospace;color:var(--muted);position:absolute;bottom:0;left:0}.auth-door{position:absolute;width:165px;height:270px;right:65px;bottom:30px;border:7px solid #a3ad80;background:#c7dc74;transform:rotate(-11deg);perspective:700px;box-shadow:15px 17px 0 #0709055c}.auth-door-light{position:absolute;inset:0;display:grid;place-items:center;font-size:70px;color:#414d25;background:radial-gradient(#f0ffc2,#92a653)}.auth-door-face{position:absolute;inset:0;background:#333a29;border:1px solid #778460;transform-origin:left;transform:rotateY(-25deg);transition:transform .7s ease}.auth-story:hover .auth-door-face{transform:rotateY(-60deg)}.auth-door-face small{position:absolute;top:20px;left:18px;font:10px/1.6 monospace;letter-spacing:2px}.auth-door-face i{position:absolute;right:10px;top:55%;width:22px;height:5px;background:#d6e79d}.auth-door-face b{position:absolute;bottom:22px;left:17px;font:italic 19px Georgia,serif;font-weight:400}.auth-sticker{position:absolute;right:0;bottom:255px;background:#b8adcd;color:#292334;padding:17px 22px;transform:rotate(7deg);font:11px/1.7 monospace;box-shadow:5px 5px 0 #0004;z-index:2}.odd-ui .auth-wrap{width:100%;max-width:480px;margin:0;padding:42px;border:1px solid #68734e;background:#252b20;box-shadow:9px 10px 0 #0b0e08;position:relative}.paper-corner{position:absolute;right:22px;top:15px;color:#dfef80;font-size:32px}.odd-ui .auth-wrap h1{font-size:46px;font-weight:750;letter-spacing:-2px;line-height:1.1;margin:25px 0 15px}.odd-ui .auth-wrap>p{font-size:13px}.odd-ui .auth-wrap .kicker{padding-right:30px;font-size:9px}.odd-ui .field{color:#d4dac4}.odd-ui .field>input,.odd-ui .field>textarea,.odd-ui .field>select{border-radius:0;border-color:#626d4c;background:#181e14;color:#eff3df;padding:12px;transition:border-color .2s,background .2s}.odd-ui .field>input:hover,.odd-ui .field>textarea:hover,.odd-ui .field>select:hover{border-color:#b2c578}.odd-ui .field>input:focus,.odd-ui .field>textarea:focus,.odd-ui .field>select:focus{background:#202819;outline:2px solid #dfef80}.odd-ui input::placeholder,.odd-ui textarea::placeholder{color:#909b7d}.odd-ui .field input[type=color]{padding:4px}.odd-ui .field input[type=range]{padding:0;min-height:28px;background:transparent}.odd-ui .status-message.error{color:#ffc0a5}.odd-dashboard{padding-bottom:30px}.odd-dashboard .editor-heading{margin:55px 0 35px;align-items:end}.odd-dashboard .editor-heading h1{font-size:clamp(40px,4.5vw,64px);line-height:1.1;font-weight:750;letter-spacing:-3px;margin:15px 0}.odd-dashboard .editor-heading p{font-family:monospace;color:#c1c8af;font-size:12px}.room-key{color:var(--accent);font-size:22px}.odd-dashboard .editor-layout{gap:40px;grid-template-columns:minmax(360px,1.04fr) minmax(320px,.96fr)}.odd-dashboard .editor-pane{background:#252b20;border:1px solid #68734e;border-radius:0;padding:0 30px 20px;box-shadow:8px 8px 0 #0c1008;position:relative}.workbench-label{display:flex;justify-content:space-between;align-items:center;margin:0 -30px;padding:14px 25px;background:#d7dfbb;color:#2a3320;font:9px monospace;letter-spacing:2px;border-bottom:1px solid #68734e}.workbench-label span:last-child{font-size:22px;line-height:1}.odd-dashboard .tabs{padding:20px 0 18px;gap:5px;margin:0 0 25px;position:relative}.odd-dashboard .tabs button{border-radius:0;border:1px solid transparent;font:11px monospace;padding:8px 11px;transition:background .2s,color .2s,transform .2s;color:#bbc5a5}.odd-dashboard .tabs button:hover{background:#39462a;color:#ecf4d6;transform:translateY(-2px)}.odd-dashboard .tabs button.active{background:#dfef80;color:#29331c;border-color:#dfef80;box-shadow:3px 3px 0 #0c1008}.pane-heading{margin-bottom:25px}.pane-heading>span{font:9px monospace;letter-spacing:2px;color:#a8b68d}.pane-heading h2{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin:12px 0}.odd-dashboard .preview-top{padding:15px 18px;background:#d7dfbb;color:#2a3320;margin:0;font:9px monospace;letter-spacing:1px;border:1px solid #68734e;border-bottom:0;gap:12px}.odd-dashboard .preview-frame{display:block;border-radius:0;border:1px solid #68734e;height:670px;box-shadow:8px 8px 0 #0c1008}.odd-dashboard .preview-note{border-left:2px solid #73834e;padding-left:15px;margin-top:24px;line-height:1.8}.odd-dashboard .editor-actions{border-top-style:dashed;flex-wrap:wrap;gap:10px;margin-top:30px}.odd-dashboard .editor-actions .check{font-size:11px}.odd-dashboard .link-edit{border:1px dashed #78835f;background:#1c2317;border-radius:0;padding:20px}.odd-dashboard .link-edit:focus-within{border-color:#dfef80}.odd-dashboard .admin-section{border-top-style:dashed}.odd-dashboard .admin-section h3{font-family:Georgia,serif;font-size:24px;font-weight:400;color:#d7dfbb}.odd-dashboard .asset-row,.odd-dashboard .admin-row{border-color:#4f5b3d;font-size:12px;padding:18px 0}.odd-dashboard .invite-result{border:1px dashed #dfef80;background:#1b2314;padding:20px;border-radius:0}.odd-ui .check input{width:16px;height:16px;flex-shrink:0}.odd-ui .auth-wrap .field{margin:25px 0}.odd-ui #auth-submit{min-height:48px;margin-top:15px}.odd-ui .status-message:empty{min-height:0;margin:0}.odd-dashboard #message:not(:empty){padding:13px 0;border-top:1px dashed #667550}.odd-ui .upload-line .btn{position:relative;cursor:pointer}.odd-ui .upload-line input[type=file]{display:block!important;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.odd-ui .upload-line .btn:focus-within{outline:2px solid #dfef80;outline-offset:3px}@media(max-width:1000px){.auth-layout{gap:45px}.auth-story h2{font-size:55px}.odd-dashboard .editor-layout{grid-template-columns:1fr;gap:35px}.odd-dashboard .editor-preview{position:relative;top:0}.odd-dashboard .preview-frame{height:580px}}@media(max-width:700px){.auth-layout{grid-template-columns:1fr;gap:28px;margin:40px auto 60px;max-width:480px}.auth-story{min-height:0}.auth-story .chapter{font-size:8px;margin:0}.auth-story h2{font-size:43px;margin:20px 0;letter-spacing:-2px}.auth-story .auth-door,.auth-story .auth-sticker,.auth-story>p{display:none}.odd-ui .auth-wrap{padding:30px 24px;max-width:none}.odd-ui .auth-wrap h1{font-size:38px}.odd-dashboard .editor-heading{margin-top:35px;align-items:flex-start;flex-direction:column}.odd-dashboard .editor-heading h1{font-size:43px;letter-spacing:-2px}.odd-dashboard .editor-pane{padding:0 20px 20px}.workbench-label{margin:0 -20px;padding:13px 20px;letter-spacing:1px}.odd-dashboard .tabs button{padding:8px 10px}.odd-dashboard .pane-heading h2{font-size:28px}.odd-dashboard .preview-top{font-size:8px;padding:14px 12px}.odd-dashboard .preview-frame{height:560px}.odd-dashboard .two-fields{grid-template-columns:1fr 1fr}.odd-ui .footer{font-size:9px;gap:20px}.odd-dashboard .editor-actions .btn{margin-left:auto}.odd-ui .topbar{height:75px;gap:12px}.odd-ui .wordmark{font-size:23px}.odd-ui .topbar nav{font-size:11px;gap:10px}.odd-ui .topbar .btn{padding:9px 12px}.odd-ui .topbar .badge{display:none}.odd-dashboard .asset-row{align-items:flex-start}.odd-dashboard .asset-row>span{min-width:0}.odd-dashboard .admin-row .mini-buttons{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.auth-door-face{transition:none}.auth-story:hover .auth-door-face{transform:rotateY(-25deg)}}
.profile-theme-oddroom .profile-card{border-radius:0;border-color:var(--paccent);box-shadow:9px 9px 0 #0006;text-align:left;background:rgb(28 34 22 / var(--popacity,.9))}.profile-theme-oddroom .profile-avatar{margin-left:0;border-radius:0;box-shadow:5px 5px 0 #0005}.profile-theme-oddroom .profile-name{font-weight:750;letter-spacing:-1.5px}.profile-theme-oddroom .profile-link,.profile-theme-oddroom .presence{border-radius:0;border-color:var(--paccent)}.profile-theme-oddroom .profile-link:hover{background:color-mix(in srgb,var(--paccent) 12%,transparent);transform:translateX(4px)}.profile-theme-oddroom .profile-signature{font-family:monospace;border-top:1px dashed var(--paccent);padding-top:18px}.profile-theme-oddroom .profile-card:before{content:"YOUR ROOM / YOUR RULES";display:block;margin:-38px -35px 28px;padding:12px 20px;background:var(--paccent);color:var(--pbg);font:9px monospace;letter-spacing:2px}@media(max-width:620px){.profile-theme-oddroom .profile-card:before{margin:-30px -22px 25px}}
/* Compact layouts use a readable ribbon instead of a cropped desktop marquee. */
@media(max-width:700px){
 .odd-ui .shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 .odd-ui main,.odd-ui section,.odd-ui aside,.odd-ui .editor-layout>*{min-width:0}
 .odd-ticker{width:100%;margin:0;padding:18px 12px;transform:none}
 .odd-ticker [data-ticker]{display:none}
 .odd-ticker:after{content:"YOUR ROOM  ✳  YOUR RULES";display:block;text-align:center;font-size:clamp(13px,4.3vw,24px);font-weight:800;line-height:1.4;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
 .odd-title,.odd-art,.hero-grid{transform:none!important}
 .art-sticker{transform:rotate(var(--tilt,0deg))!important}
 .art-spark{transform:none!important}
 .odd-title h1{font-size:clamp(43px,12.5vw,68px);letter-spacing:-2px;overflow-wrap:break-word}
 .odd-title h1 em{letter-spacing:-2px}
 .odd-title p{font-size:15px}
 .odd-hero{padding-top:70px;padding-bottom:75px;gap:30px}
 .room-coordinate{font-size:8px;letter-spacing:.7px;gap:15px;align-items:start}
 .room-coordinate span{white-space:nowrap}
 .odd-art{height:370px;max-width:370px}
 .odd-door{inset:45px 25% 50px}
 .door-frame{border-width:7px}
 .door-number{font-size:10px;left:16px;top:25px}
 .door-label{font-size:21px;left:16px}
 .door-interior{font-size:64px;gap:18px}
 .door-interior small{font-size:7px;letter-spacing:1px}
 .art-caption{font-size:8px;letter-spacing:1px}
 .art-sticker{font-size:9px;padding:12px}
 .sticker-a{right:4px;top:40px}
 .sticker-b{left:5px;bottom:65px}
 .odd-manifesto{padding:65px 0 30px}
 .odd-manifesto h2{font-size:clamp(36px,10vw,52px);letter-spacing:-1.5px}
 .odd-notes{padding:4px;gap:22px}
 .odd-note{transform:none!important;min-height:0;padding:25px}
 .odd-note h3{font-size:clamp(24px,7vw,32px)}
 .odd-note p{font-size:14px}
 .note-surprise{opacity:.3;transform:rotate(10deg) scale(1)}
 .chapter{font-size:9px;line-height:1.7;letter-spacing:1px;overflow-wrap:anywhere}
 .odd-rooms .section-line{align-items:start;gap:12px;flex-wrap:wrap}
 .odd-rooms .section-line h2{font-size:clamp(32px,9vw,46px)}
 .odd-rooms .empty-room{padding:24px;font-size:14px}
 .odd-ending>a{font-size:clamp(35px,10vw,54px);letter-spacing:-1.5px;padding-right:34px;overflow-wrap:break-word}
 .odd-ending>a span{font-size:35px}
 .odd-ui .topbar{min-height:76px;height:auto;padding:15px 0;gap:10px;flex-wrap:wrap}
 .odd-ui .topbar nav{gap:8px;font-size:12px}
 .odd-ui .wordmark{font-size:22px;gap:8px;white-space:nowrap}
 .odd-ui .wordmark img{width:26px;height:26px}
 .odd-ui .topbar .btn{min-height:44px;padding:9px 12px}
 .odd-ui .topbar nav>a{min-height:44px;display:flex;align-items:center}
 .odd-ui .btn{min-height:44px}
 .odd-ui .field{font-size:13px}
 .odd-ui .field>input,.odd-ui .field>textarea,.odd-ui .field>select{font-size:16px;min-height:48px;max-width:100%}
 .odd-ui .field>textarea{min-height:110px}
 .odd-ui .field input[type=color]{min-height:44px}
 .odd-ui .field input[type=range]{min-height:44px}
 .odd-ui .auth-wrap{padding:28px 22px;box-shadow:4px 5px 0 #0b0e08}
 .odd-ui .auth-wrap h1{font-size:clamp(30px,9vw,40px);overflow-wrap:break-word}
 .auth-story h2{font-size:clamp(34px,10vw,46px)}
 .odd-dashboard .editor-heading h1{font-size:clamp(34px,10vw,47px)}
 .odd-dashboard .editor-heading p{overflow-wrap:anywhere}
 .odd-dashboard .editor-pane{padding:0 18px 18px;box-shadow:4px 5px 0 #0c1008}
 .workbench-label{margin:0 -18px;padding:13px 18px;font-size:8px;letter-spacing:.8px;gap:12px}
 .odd-dashboard .tabs{gap:6px;flex-wrap:wrap;padding:15px 0}
 .odd-dashboard .tabs button{font-size:12px;min-height:44px;padding:9px 12px}
 .odd-dashboard .two-fields{grid-template-columns:1fr}
 .odd-dashboard .pane-heading h2{font-size:clamp(24px,7vw,31px)}
 .odd-dashboard .editor-actions{align-items:stretch;flex-direction:column}
 .odd-dashboard .editor-actions .btn{width:100%;margin:0;min-height:48px}
 .odd-dashboard .check{min-height:44px;line-height:1.5}
 .odd-ui .check input{width:20px;height:20px}
 .odd-dashboard .preview-top{flex-wrap:wrap;line-height:1.6;letter-spacing:.5px}
 .odd-dashboard .preview-frame{height:580px;height:clamp(440px,75svh,620px);box-shadow:4px 5px 0 #0c1008}
 .odd-dashboard .preview-note{font-size:12px}
 .odd-dashboard .link-edit{padding:15px}
 .odd-dashboard .mini-buttons{flex-wrap:wrap;gap:8px}
 .odd-dashboard .mini-buttons button{min-width:44px;min-height:44px;font-size:12px}
 .odd-dashboard .asset-row,.odd-dashboard .admin-row{flex-direction:column;align-items:stretch;gap:14px}
 .odd-dashboard .asset-row>button{align-self:start}
 .odd-ui .upload-line{gap:10px;line-height:1.6;font-size:11px}
 .odd-ui .upload-line .btn{font-size:12px;min-height:44px;padding:10px 14px}
 .odd-dashboard .invite-result{padding:16px}
 .odd-dashboard .invite-result input{font-size:16px;min-height:48px}
 .odd-ui .footer{flex-wrap:wrap;font-size:10px;gap:12px;line-height:1.7;padding-bottom:max(25px,env(safe-area-inset-bottom))}
 .room-grid{grid-template-columns:1fr}
 .room-tile{padding:24px;min-width:0}
 .room-tile h3,.room-tile small{overflow-wrap:anywhere}
 .profile-scene{padding:32px 18px 72px;min-height:100svh;align-items:center}
 .profile-card{min-width:0;max-width:100%;padding:28px 20px}
 .profile-name{font-size:clamp(24px,7vw,32px);line-height:1.2}
 .profile-bio{font-size:14px;line-height:1.7}
 .profile-link{min-height:48px;font-size:14px}
 .presence-game>span{min-width:0;overflow-wrap:anywhere}
 .audio-box audio{max-width:100%;min-width:0}
 .profile-home{bottom:max(16px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));font-size:12px;min-height:40px;display:flex;align-items:center}
 .profile-theme-oddroom .profile-card:before{margin:-28px -20px 24px;font-size:8px;letter-spacing:1px}
 .enter-screen{padding:24px;text-align:center}
 .enter-screen button{max-width:100%;min-height:48px;overflow-wrap:anywhere}
}
@media(hover:none){.odd-door:hover .door-leaf{transform:rotateY(-12deg)}.odd-door:focus-visible .door-leaf{transform:rotateY(-35deg)}}
.art-spark{font-size:0!important;width:58px;height:58px;background:var(--accent);clip-path:polygon(47% 0,53% 0,53% 40%,82% 11%,89% 18%,60% 47%,100% 47%,100% 53%,60% 53%,89% 82%,82% 89%,53% 60%,53% 100%,47% 100%,47% 60%,18% 89%,11% 82%,40% 53%,0 53%,0 47%,40% 47%,11% 18%,18% 11%,47% 40%)}@media(max-width:700px){.art-spark{width:42px;height:42px}.odd-ticker:after{content:"YOUR ROOM / YOUR RULES"}.art-caption{font-size:0}.art-caption:after{content:"ТВОЯ КОМНАТА НАЧИНАЕТСЯ ЗДЕСЬ";font:8px monospace;letter-spacing:1px}}
.layout-split .profile-card{width:min(700px,100%);text-align:left;padding-left:160px;min-height:240px}.layout-split .profile-avatar{position:absolute;left:35px;top:85px;margin:0}.layout-split .profile-card:before{margin-left:-160px}.layout-poster .profile-card{width:min(800px,100%)}.layout-poster .profile-name{font-size:clamp(40px,7vw,80px);line-height:1;letter-spacing:-3px}.layout-poster .profile-links{grid-template-columns:repeat(2,minmax(0,1fr))}.links-note .profile-link{border:0;border-radius:0;background:#e4dfc9;color:#272b20;box-shadow:3px 4px 0 #0004;transform:rotate(-1deg)}.links-note .profile-link:nth-child(even){background:#c9bddc;transform:rotate(1deg)}.links-note .profile-link:hover{transform:translateY(-4px) rotate(0);background:#f1ecd7}.links-note .profile-link span:last-child{color:#343e20}.links-cassette .profile-link{border:2px solid var(--paccent);border-radius:5px;background:#131612;position:relative;padding-left:68px}.links-cassette .profile-link:before{content:'';position:absolute;left:14px;width:36px;height:16px;border:3px solid var(--paccent);border-radius:12px;background:radial-gradient(circle at 8px 50%,var(--paccent) 3px,transparent 4px),radial-gradient(circle at 22px 50%,var(--paccent) 3px,transparent 4px)}.mood-choices{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.mood-choices button,.secret-button{font:11px inherit;color:var(--ptext);border:1px solid var(--paccent);background:transparent;min-height:36px;padding:8px 12px;cursor:pointer}.mood-choices button[aria-pressed=true]{background:var(--paccent);color:#1b2313}.secret-button{margin-top:20px;border-radius:50%;width:38px;padding:0;font-size:18px}.secret-note{border:1px dashed var(--paccent);padding:16px;margin-top:15px;background:#0003;text-align:left;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.secret-note p{margin:0}.sticker-stage{position:absolute;inset:30px;pointer-events:none;z-index:2}.profile-sticker{pointer-events:auto;position:absolute;left:clamp(0px,var(--sx),calc(100% - var(--ss)));top:clamp(0px,var(--sy),calc(100% - 180px));width:var(--ss);transform:rotate(var(--sa));transition:transform .3s;overflow-wrap:anywhere;text-align:center;font:12px/1.5 monospace}.profile-sticker[href]:hover,.profile-sticker[href]:focus-visible{transform:rotate(0) scale(1.06);outline:2px solid var(--paccent);outline-offset:4px}.sticker-note{padding:18px;background:#e0e7b5;color:#263019;box-shadow:5px 5px 0 #0005}.sticker-tape{padding:16px 10px;background:#252831;border:2px solid #b9c59b;border-radius:5px;color:#e1e6d2}.sticker-reels{display:block;height:30px;margin:0 0 12px;border:2px solid #c8cfb6;border-radius:25px;background:radial-gradient(circle at 25% 50%,#c8cfb6 7px,transparent 8px),radial-gradient(circle at 75% 50%,#c8cfb6 7px,transparent 8px)}.sticker-image img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}.sticker-star{display:block;width:70%;aspect-ratio:1;margin:0 auto 10px;background:var(--paccent);clip-path:polygon(50% 0,61% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,39% 35%)}.cursor-star{position:fixed;pointer-events:none;z-index:5;width:14px;height:14px;background:var(--paccent);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);animation:cursor-fade .7s both}.reaction-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s}.reaction-spotlight{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),color-mix(in srgb,var(--paccent) 22%,transparent),transparent 65%),rgb(20 25 17 / var(--popacity,.8))}.entrance-none{animation:none}.entrance-door{transform-origin:left;animation:door-enter .85s both}.entrance-photo{animation:photo-enter .8s both}.entrance-assemble{animation:none}.entrance-assemble>*{animation:assemble-enter .7s both}.entrance-assemble>:nth-child(2){animation-delay:.08s}.entrance-assemble>:nth-child(3){animation-delay:.16s}.entrance-assemble>:nth-child(n+4){animation-delay:.24s}.entrance-type{animation:profile-in .5s both}@keyframes door-enter{from{opacity:0;transform:perspective(900px) rotateY(-70deg)}to{opacity:1;transform:perspective(900px) rotateY(0)}}@keyframes photo-enter{from{opacity:0;filter:blur(8px) grayscale(1);transform:rotate(-6deg) scale(.9)}to{opacity:1;filter:none;transform:none}}@keyframes assemble-enter{from{opacity:0;transform:translateY(25px) rotate(-3deg)}to{opacity:1;transform:none}}@keyframes cursor-fade{to{opacity:0;transform:translateY(25px) scale(0)}}@media(max-width:700px){.profile-scene{flex-direction:column;gap:25px}.sticker-stage{position:relative;inset:auto;width:100%;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;padding:15px 8px}.profile-sticker{position:relative;left:auto;top:auto;width:min(var(--ss),180px);max-width:100%}.layout-split .profile-card{padding:28px 20px}.layout-split .profile-avatar{position:static;margin:0 0 20px}.layout-split .profile-card:before{margin-left:-20px}.layout-poster .profile-name{font-size:clamp(35px,11vw,60px)}.layout-poster .profile-links{grid-template-columns:1fr}.mood-choices button,.secret-button{min-height:44px}.secret-button{width:44px}.reaction-tilt{transform:none}}@media(prefers-reduced-motion:reduce){.profile-card,.profile-card>*{animation:none!important}.reaction-tilt{transform:none}.cursor-star{display:none}}
.mood-choices button,.secret-button{font-family:inherit}.sticker-text{display:block}.sticker-editor,.mood-editor{margin:20px 0}.profile-sticker{max-width:100%}
.activity-info{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.activity-info strong{font-weight:600}.activity-info>span,.activity-custom{opacity:.8;white-space:pre-wrap}.activity-time{opacity:.55;font:10px monospace}.presence-game{align-items:flex-start}.presence-game img{flex-shrink:0;width:54px;height:54px}.presence{line-height:1.6}