body[data-skin=ocean]{--bg:#dff3f4;--accent:#007c83;--blue:#007786;--soft:#edfafa;--line:#c1dfe0;--hero:linear-gradient(110deg,#c8edef,#d8f6e5);background:linear-gradient(135deg,#f2fbfa,#c9ecef)}
body[data-skin=sunset]{--bg:#ffebe4;--accent:#bf4a45;--blue:#ab4942;--soft:#fff4ec;--line:#f3cec2;--hero:linear-gradient(115deg,#ffdfce,#fde3ee);background:linear-gradient(135deg,#fff5ea,#f7cccf)}
.profile-title,.profile-grid{display:flex;align-items:center;gap:16px}.profile-grid>*{flex:1}.profile-title h2{margin:0}.avatar{overflow:hidden}.avatar img,.avatar video{width:100%;height:100%;object-fit:cover}.portrait{width:76px;height:76px;display:inline-grid;place-items:center;border-radius:24px;font-size:24px}.profile-title small{letter-spacing:.16em;font-size:10px}.profile-grid{margin:20px 0}#preview{max-height:210px;max-width:100%;border-radius:12px}#socialLinks,#socialLogin{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}#socialLogin:empty{display:none}
#board{display:grid;max-width:360px;gap:8px;margin:auto}#board button{min-height:54px;font-size:22px;background:var(--soft);color:var(--ink)}#board button:disabled{opacity:.85}#playerOutput iframe,#portalSlot iframe{width:100%;aspect-ratio:16/10;border:0;margin-top:12px}#portalSlot iframe{height:min(65vh,560px)}.bubble audio,.bubble video,#playerOutput audio,#playerOutput video{width:min(100%,460px);max-height:310px}#peopleBtn{display:none}
@media(max-width:760px){header,.dark header{height:auto;min-height:58px;flex-wrap:wrap;gap:4px;padding:5px 8px}.header-right{flex-wrap:wrap;gap:4px}.header-right button{font-size:11px;padding:6px}.app{height:auto;min-height:78dvh;display:flex;flex-direction:column}.app main{height:73dvh;min-height:440px}.app aside{display:none}.people-open .app aside{display:flex;position:fixed;z-index:8;right:8px;top:100px;bottom:12px;width:min(88vw,340px);background:var(--panel);box-shadow:0 10px 50px #22163855}.app .rail{overflow-x:auto}.rail .rail-bottom{display:none}#peopleBtn{display:inline-block}.profile-grid{display:grid;grid-template-columns:1fr}.tools,.toolbar{flex-wrap:wrap}.header-right #connection{display:none}}

.arcade-link{align-self:center;color:var(--blue);font-weight:600;padding:8px}
.directory-profile{display:flex;align-items:center;gap:12px;margin:12px;padding:14px;text-align:left;background:var(--hero);color:var(--ink);border:1px solid var(--line)}.directory-profile .avatar{width:46px;height:46px;flex:none}.directory-name{flex:1;min-width:0}.directory-name b,.directory-user b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-name small,.directory-room small{display:block;color:var(--muted);font-size:11px;text-transform:capitalize}
.directory-body{display:flex;min-height:120px;flex:1;border-block:1px solid var(--line)}.directory-list{min-width:0;display:flex;flex:1;flex-direction:column}.directory-tabs{display:flex;flex:none;flex-direction:column;width:53px;background:var(--soft);border-left:1px solid var(--line);overflow:auto}.directory-tabs button{position:relative;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:10px;padding:9px 1px}.directory-tabs button span{display:block;font-size:18px}.directory-tabs button.active{box-shadow:inset 3px 0 var(--blue);background:var(--panel);color:var(--blue)}.directory-tabs b{font-size:9px}.directory-list #userList{padding:0}.directory-list .side-search{padding:8px}.directory-list .person{margin:0;padding:4px 7px;border:0;border-radius:0;box-shadow:none;gap:2px;background:var(--panel)}.directory-list .person:nth-child(odd){background:var(--soft)}.directory-user{min-width:0;width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;padding:5px 0}.directory-user .avatar{flex:none}.directory-user .person-info{min-width:0}.directory-room{display:block;text-align:left;width:100%;padding:11px;border-radius:0;border-width:0 0 1px;background:var(--panel)}.directory-room[aria-current=true]{background:var(--soft)}.gender{display:inline-block;margin-right:3px;font-family:Arial,sans-serif;font-weight:bold}.gender.male{color:#246dc5}.gender.female{color:#b03a79}.dark .gender.male{color:#82bcff}.dark .gender.female{color:#ff9fca}.profile-grid{flex-wrap:wrap}
@media(max-height:720px){aside .gift-promo{display:none}}
.gender-image{width:22px;height:26px;object-fit:scale-down;flex:none;vertical-align:middle}.directory-list .person>.gender-image{margin-left:auto;margin-right:3px}.staff-icon{display:inline-flex;align-items:center;vertical-align:middle;padding:1px 4px;margin-left:4px;border-radius:4px;font:700 9px/1.45 system-ui;letter-spacing:.02em;color:white}.staff-icon.owner{background:#815408}.staff-icon.admin{background:#3658a5}.staff-icon.mod{background:#116a58}.directory-user .person-info b,.directory-name b{white-space:normal;overflow-wrap:anywhere}.profile-coins{font-weight:650}.directory-name small{text-transform:none}.opt-tabs,.opt-footer{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.opt-tabs [aria-pressed=true]{border-color:var(--blue);color:var(--blue)}#panelContent .opt-toggle{display:flex;align-items:center;gap:8px;margin:9px 0}#panelContent .opt-toggle input{width:16px;height:16px;margin:0}body[data-timestamps=false] .message-meta time{display:none}body[data-giftsize=small] #celebration{font-size:32px}body[data-giftsize=medium] #celebration{font-size:56px}.chat-emote{display:inline-block}body[data-emotion=true] .chat-emote{animation:soman-wave .65s ease-in-out 2}@keyframes soman-wave{50%{transform:translateY(-2px) rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.chat-emote{animation:none!important}}

.message[data-gift-playback=still] .gift-art{animation:none}
.site-mark{display:block;max-width:96px;height:42px;object-fit:contain}.about-mark{margin-bottom:16px}.owner-emblem{width:17px;height:19px;vertical-align:middle;margin-left:4px}.gender-image{object-fit:contain}.composer{position:relative}#fontOptions{position:absolute;z-index:5;bottom:85%;left:6px;max-width:calc(100% - 12px);padding:0 8px 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #23223a33}#fontOptions header{position:static;height:auto;min-height:0;display:flex;justify-content:space-between;align-items:center;padding:3px 0;margin-bottom:5px}#fontOptions>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px}#fontOptions button,#fontOptions select{width:auto;padding:3px 7px}#fontOptions [aria-pressed=true]{background:var(--blue);color:white}#fontColor{width:28px;height:27px;padding:0}#writerAvatar{width:40px;height:40px;align-self:center;flex:none}#messageForm{display:flex}#messageInput{flex:1;min-width:0}#roomAd{padding:8px 15px;background:var(--soft);color:var(--ink);border-block:1px solid var(--line);overflow-wrap:anywhere}#roomAd a{color:var(--blue)}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:8px}.info-grid dd{margin:0}.inline-check{width:auto}#adRows fieldset{margin:10px 0;border:1px solid var(--line);border-radius:8px}
.staff-png{width:21px;height:21px;object-fit:contain;vertical-align:middle;margin-inline-start:3px}.roster-avatar{display:grid;position:relative;flex:none}.typing-pencil{position:absolute;bottom:-6px;left:7px;width:19px;border-radius:6px;color:var(--blue);background:var(--panel);font:700 14px/1 system-ui;animation:pencil-write .55s infinite alternate}@keyframes pencil-write{from{transform:translateX(-2px) rotate(-15deg)}to{transform:translateX(3px) rotate(4deg)}}.network-tip{position:fixed;z-index:20;border-radius:5px;padding:5px 9px;background:#fff7d1;color:#211d12;border:1px solid #cbb96e;font-size:12px;pointer-events:none}.user-menu{display:grid;gap:4px}.user-menu button{text-align:left}.user-menu button span{display:inline-block;width:30px}
main .room-header,body.dark main .room-header{min-height:0;padding:5px 14px;display:flex;align-items:center;gap:10px}main .room-header h1{font-size:19px;line-height:1.2;letter-spacing:0;margin:0}main .room-header .eyebrow,main .room-header:after{display:none}main .room-header p{margin:0;font-size:11px}main .room-icon{width:31px;height:31px;line-height:31px;font-size:21px}main .welcome,body.dark main .welcome{margin:3px 8px;padding:2px 8px;display:flex;gap:6px;border-radius:7px;min-height:0;font-size:11px}main .welcome>span{font-size:13px}main .welcome button{padding:1px 7px;font-size:11px;margin-left:auto}main .conversation-head{padding:3px 12px;min-height:0}main #messages,body.dark main #messages{padding:3px 9px}#messages .message{margin:0;align-items:flex-start;gap:6px;padding:2px 0;border-bottom:1px solid var(--line)}#messages .message>.avatar{width:25px;height:25px;min-width:25px;font-size:10px}#messages .message-content{display:block;max-width:calc(100% - 31px);line-height:1.4;overflow-wrap:anywhere}#messages .message-meta{display:inline-flex;align-items:center;gap:3px;margin:0 5px 0 0;vertical-align:middle}#messages .message-meta button{padding:0}#messages .message-meta img{max-width:18px;height:18px}#messages .bubble{display:inline-block;vertical-align:middle;max-width:100%;padding:1px 6px;border-radius:5px;line-height:1.35}.composer{padding:6px 10px}.composer #messageInput{box-sizing:border-box;height:48px;min-height:48px;max-height:48px;resize:none;font:normal 14px/1.4 system-ui;padding:8px}.composer #sendButton{min-height:0}.composer .tools button{padding:4px 6px}
body>header,.dark>header{background:linear-gradient(#f0f5fa,#cddde9);border-bottom:1px solid #93a9bd}#siteMark,#loginMark{width:180px;height:48px;display:flex;align-items:center}#siteMark .site-mark,#loginMark .site-mark{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:left center}
.header-right button,.dark .header-right button,#adminButton,#sendButton{font-weight:750;border:1px solid #0002}
.header-right #gamesBtn,.header-right #walletButton,.dark .header-right #walletButton{color:#67440b;background:linear-gradient(#ffefbd,#eec15e)}.header-right #profileBtn{color:#203f69;background:#c2d9f3}.header-right #settingsButton{color:#254e42;background:#c6e2d8}.header-right #aboutBtn{color:#493566;background:#dfd2ee}.header-right #logoutButton{color:#702e31;background:#f4d0cc}.header-right #peopleBtn{color:#244c57;background:#c5e1e6}
.composer #sendButton,.dark .composer #sendButton{background:linear-gradient(#79ceff,#43aeed);color:#103650;font-weight:800}.directory-user[data-role=owner] .person-info b,#myName[data-role=owner]{color:#b20966;font-weight:800}.directory-user[data-role=admin] .person-info b,#myName[data-role=admin]{color:#bb1523;font-weight:800}.directory-user[data-role=mod] .person-info b,#myName[data-role=mod]{color:#176637;font-weight:800}.dark :is(.directory-user[data-role=owner] .person-info b,#myName[data-role=owner]){color:#ffa6d7}.dark :is(.directory-user[data-role=admin] .person-info b,#myName[data-role=admin]){color:#ff9c9e}.dark :is(.directory-user[data-role=mod] .person-info b,#myName[data-role=mod]){color:#93d9a9}
#authDialog[open]{display:block;width:min(780px,95vw);max-height:92dvh;overflow:auto;padding:0;background:#f2f6fa;color:#22364a;border:1px solid #91a7ba;border-radius:12px}#authDialog .auth-head{display:flex;align-items:center;gap:16px;padding:12px 18px;background:linear-gradient(#dceaf4,#b7cbdc)}#authDialog .auth-head h2{font-size:20px;margin:0;color:#203950}#authDialog #loginMark{max-width:150px}#authError{margin:4px 16px}#authError:empty{display:none}.auth-columns{display:grid;grid-template-columns:1fr 1.14fr;gap:12px;padding:14px}.auth-columns form{padding:14px;border:1px solid #cad8e5;border-radius:8px;background:#fff}.auth-columns h3{margin:0 0 12px;color:#18496d}.auth-columns label{display:block;font-weight:600;margin-bottom:5px}.auth-columns input,.auth-columns select{display:block;margin:2px 0 6px;width:100%;padding:6px 8px;color:#243445;background:white}.login-mode{display:flex;gap:14px}.auth-columns .login-mode label,.auth-columns .login-check{display:flex;align-items:center;gap:5px}.auth-columns input:is([type=radio],[type=checkbox]){width:auto;margin:0}.auth-columns .primary{margin-top:8px;background:#1a648e;color:white}.auth-columns [hidden]{display:none!important}.avatar-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px}.avatar-gallery button{padding:3px;background:var(--soft)}.avatar-gallery img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.catalog-art{width:28px!important;height:28px!important;object-fit:contain;vertical-align:middle}.gift-grid .catalog-art,.gift-art .catalog-art{width:44px!important;height:44px!important}.catalog-list{padding:0;list-style:none}.catalog-list li{padding:5px;border-bottom:1px solid var(--line)}.studio-sections{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.studio-tabs button,#panelContent :is(#manageGifts,#manageEmoji,#manageToolbar,#siteStudioBtn,#hoverSetup){border:1px solid #0002;font-weight:750;color:#223448}#manageGifts,[data-studio=reports]{background:#f1cbd3}#manageEmoji,[data-studio=bans]{background:#f1d49e}#manageToolbar,[data-studio=people]{background:#bcd9ee}#siteStudioBtn,[data-studio=rooms]{background:#c1decd}#hoverSetup,[data-studio=audit]{background:#d9c8e9}.studio-tabs button.selected{box-shadow:inset 0 -3px #395370}body.no-gifts :is([data-gift-user],#giftAction,[data-choice=gift]){display:none!important}
@media(max-width:650px){.auth-columns{grid-template-columns:1fr}.auth-columns form{padding:10px}.brand #siteMark{width:102px;height:34px}#authDialog .auth-head{padding:6px 12px}}
body[data-skin=violet]{--bg:#e4edf5;--soft:#eff4f8;--line:#cbd9e5;--ink:#203449;--muted:#536a80;--blue:#236391;--accent:#356e99;--hero:linear-gradient(110deg,#dfebf5,#cddfeb);background:#e4edf5}
body[data-skin=violet]::before,body[data-skin=violet]::after{display:none}body[data-skin=violet] main #messages{background:#fff}body[data-skin=violet] #messages .message:nth-child(even){background:#f5f8fa}body[data-skin=violet] #messages .bubble{background:transparent;border:0;box-shadow:none;color:#26394b}body[data-skin=violet] main .welcome{background:#f1f5f8;border-color:var(--line)}
#messages .message-content{max-width:100%}#messages .message-meta{margin-right:2px}#messages .message-meta button{font-weight:750}#authDialog [hidden]{display:none!important}