:root{--ink:#2e3b32;--muted:#7d8379;--line:#e2e5dc;--paper:#f7f8f3;--green:#42604a;--accent:#d9e7ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Trebuchet MS',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{filter:brightness(.94)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a0b58f;outline-offset:2px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:#fafbf7}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:bold;font-size:25px;letter-spacing:-1px}.brand-icon{font-size:38px;color:#5b7452}.beta{font-size:8px;letter-spacing:1.4px;background:#ebeee5;border:1px solid var(--line);padding:6px;border-radius:5px;margin-left:5px}.nav{padding:14px 20px;color:var(--muted);font-size:13px}.nav.active{color:var(--ink);background:#e9eee3;border-radius:25px}.profile{display:flex;align-items:center;gap:10px}.dot,.live-dot{display:inline-block;width:6px;height:6px;background:#719563;border-radius:50%}.mini-avatar{border-radius:50%;background:#e9d5b8;font-size:23px;width:36px;height:36px;display:grid;place-items:center}main{display:grid;grid-template-columns:225px minmax(0,1fr) 260px;max-width:1800px;margin:auto;min-height:calc(100dvh - 88px)}.left{padding:30px 22px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.eyebrow,.section-label{font-size:9px;letter-spacing:1.8px;font-weight:bold;color:#8a9185}.left h1{font-family:Georgia,serif;font-size:23px;line-height:1.2;font-weight:normal;margin:12px 0 7px}.subtitle{font-size:12px;color:var(--muted);margin:0}.room-cover{height:98px;margin:23px 0;background:#dbe4cf;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;overflow:hidden;background-image:repeating-linear-gradient(35deg,transparent 0 25px,#c8d7b955 26px 27px)}.room-cover span{font-size:37px}.room-cover small{font-size:7px;letter-spacing:2px}.section-label{margin:12px 0}.section-label>span{float:right;background:#e4e8df;padding:2px 5px;border-radius:4px}.side{display:flex;gap:10px;align-items:center;padding:12px 10px;border-radius:6px;margin:2px 0;text-align:left}.side span{flex:1;font-size:12px}.side.active{background:#e7eddf}.side kbd{font-size:9px;color:#98a18f;border:1px solid #d6decd;border-radius:3px;padding:1px 4px}.separator{height:1px;background:var(--line);margin:23px 0 6px}.person{display:flex;align-items:center;width:100%;padding:8px 2px;gap:9px;text-align:left}.person .face{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ebe4f2;font-size:18px}.person strong{font-size:12px;font-weight:normal}.person small{font-size:9px;color:#92998c}.person .dot{margin-left:auto}.switchline{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:14px;color:var(--muted)}.badge{font-size:7px;letter-spacing:1px;background:#e7eadf;padding:3px;border-radius:3px}.aside-bottom{margin-top:auto;padding-top:35px;font-size:9px;color:var(--muted);display:flex;gap:5px;align-items:center}.aside-bottom button{margin-left:auto;border:1px solid var(--line);border-radius:50%;width:22px;height:22px}.workspace{padding:24px 25px 15px;min-width:0;display:flex;flex-direction:column}.room-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:11px}.room-bar strong{margin:0 8px;font-weight:normal}.tag{font-size:8px;color:#7f8977;border:1px solid #dce2d3;border-radius:4px;padding:4px 6px}.room-actions{display:flex;align-items:center;gap:7px;color:#7f8977;font-size:10px}.room-actions button{padding:6px}.scene-wrap{background:#e4e8dd;border-radius:12px;position:relative;overflow:hidden;flex:1;min-height:420px;max-height:740px;box-shadow:inset 0 0 0 1px #dce1d5}#world{display:block;width:100%;height:100%;position:absolute;touch-action:none;outline:none}.scene-note{position:absolute;top:18px;left:20px;color:#67745e;font-size:10px;pointer-events:none}.scene-note span{margin-right:5px}.hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fbfcf2dc;border:1px solid #dce3d2;padding:9px 13px;border-radius:20px;color:#78816f;font-size:9px;pointer-events:none}.composer{margin-top:16px;display:flex;align-items:center;border:1px solid #dbe1d2;background:#fffefa;border-radius:10px;padding:8px;gap:6px}.composer>button:first-child{font-size:21px;color:#8a947e}.composer select{border:0;background:#edf1e6;border-radius:5px;padding:7px;font-size:11px;max-width:90px;color:#59694f}.composer input{flex:1;min-width:0;border:0;background:transparent;padding:8px;font-size:12px;outline:none}.composer input::placeholder{color:#9b9e94}.send{background:#45604a;color:white;width:33px;height:33px;border-radius:7px;font-size:22px}.under-composer{display:flex;justify-content:space-between;font-size:9px;color:#919a87;padding:10px 2px}.right{padding:35px 24px;border-left:1px solid var(--line)}.right h2{font:normal 28px/1.2 Georgia,serif;margin:13px 0}.right p{color:#8a9082;font-size:12px;line-height:1.7}.mood-card{border:1px solid var(--line);border-radius:9px;padding:15px 12px;margin:26px 0 24px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;background:#f0f2e9}.record{height:42px;width:42px;border-radius:50%;background:repeating-radial-gradient(#354333 0 2px,#455441 3px 4px);display:grid;place-items:center;color:#e5d3aa}.record span{background:#b9a57d;border-radius:50%;padding:3px}.mood-card small{font-size:7px;letter-spacing:1px;color:#88907e}.mood-card strong{display:block;font-size:10px;font-weight:normal;margin:5px 0}.mood-card div>span{font-size:8px;color:#939985}.mood-card button{grid-column:1/-1;background:#e1e8d6;border-radius:5px;padding:6px;font-size:10px}.themes{display:flex;gap:10px}.theme{font-size:9px;padding:5px;flex:1}.theme i{display:block;height:29px;width:29px;border-radius:50%;margin:0 auto 7px;border:3px solid #f7f8f3;outline:1px solid transparent}.theme.chosen i{outline-color:#829775}.tip-card{border:1px dashed #ced8c3;border-radius:10px;padding:18px;margin-top:28px;background:#f0f3e9}.tip-card>span{font-size:26px;color:#80956f}.tip-card h3{font:normal 17px Georgia,serif;margin:8px 0}.tip-card p{font-size:11px;line-height:1.7}.tip-card button{font-size:10px;color:#5a734d;padding:0}.outline{border:1px solid #d5ddcd;border-radius:7px;padding:11px;font-size:11px}.full{width:100%;margin-top:24px}.tiny{font-size:9px!important;line-height:1.6!important}#context{position:absolute;background:#fffdf6;border:1px solid #dce2d0;border-radius:10px;padding:12px;box-shadow:0 8px 30px #26352622;min-width:160px;z-index:5}#context strong{display:block;margin-bottom:8px}#context button{display:block;padding:8px;width:100%;text-align:left;font-size:12px;border-radius:5px}#context button:hover{background:#edf0e5}#selectedTools{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);background:#fffdf4;border:1px solid var(--line);border-radius:8px;padding:8px;white-space:nowrap;font-size:10px}#selectedTools button{padding:5px;color:#657b56}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#334b3b;color:#fffdf5;padding:13px 22px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d7dfce;border-radius:18px;padding:26px;color:var(--ink);background:#f9faf4;width:min(760px,94vw);max-height:90dvh;box-shadow:0 30px 100px #243d3533}dialog::backdrop{background:#26392f66;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h2{font:normal 28px Georgia,serif;margin:7px 0}.modal-header button{font-size:20px}.field{display:block;font-size:11px;margin:14px 0;color:#6c7963}.field input:not([type=checkbox]),.field select{display:block;width:100%;padding:10px;margin-top:7px;border:1px solid #d9e0d1;background:#fffef9;border-radius:6px;color:#344431}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row>.field{flex:1;min-width:130px}.primary{background:#45644d;color:#fff;padding:11px 18px;border-radius:7px}.secondary{background:#e6ebdd;padding:11px 16px;border-radius:7px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item{padding:18px 8px;border:1px solid #d9e1ce;border-radius:10px;text-align:center;background:#eef2e7}.item span{font-size:32px;display:block;margin-bottom:10px}.item strong{font-size:12px}.item small{display:block;color:#86927c;font-size:9px;margin-top:6px}.studio{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.draw-wrap{background:repeating-conic-gradient(#e8eddf 0% 25%,#f5f7ee 0% 50%) 0 / 20px 20px;border-radius:10px;overflow:hidden;position:relative}#drawing{display:block;width:100%;touch-action:none}#avatarPreview{width:100%;height:120px;border:1px solid #dce2d5;border-radius:10px;margin-top:10px}.tools{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.tools button,.tools select{padding:7px;border:1px solid #d4ddc9;border-radius:5px;background:#f0f4e9;font-size:10px}.tools button.chosen{background:#d2e2bf}.tools input[type=color]{width:32px;height:30px;border:0;padding:0}.part-list{max-height:100px;overflow:auto;font-size:10px;color:#69805b}.explain{font-size:12px;color:#7b8671;line-height:1.7}.info{padding:12px;background:#eaf0e2;border-radius:8px;font-size:11px;line-height:1.6}.media-screen{width:100%;aspect-ratio:16/9;background:#222e28;border-radius:10px;overflow:hidden}.media-screen video,.media-screen iframe{width:100%;height:100%;border:0}.media-screen:empty{display:grid;place-items:center}.media-screen:empty:before{content:'Your room’s shared screen';color:#a9bca5}.discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.discover-card{background:#e8edde;padding:20px;border-radius:12px}.discover-card h3{font:22px Georgia,serif}.discover-card p{font-size:12px;line-height:1.6;color:#728267}.empty-note{font-size:12px;line-height:1.8;color:#718066}input[type=range]{accent-color:#638252}#audio:not([hidden]){width:100%;margin-top:15px}@media(min-width:1500px){.scene-wrap{min-height:650px}}@media(max-width:1150px){main{grid-template-columns:190px minmax(0,1fr)}.right{display:none}.left{padding:25px 16px}.workspace{padding:22px 20px}.beta{display:none}}@media(max-width:700px){header{height:64px;padding:0 16px}.brand{font-size:20px}.brand-icon{font-size:29px}.nav{padding:9px 10px;font-size:11px}.profile{display:none}main{display:block;min-height:calc(100dvh - 64px)}.left{padding:10px 12px;flex-direction:row;gap:5px;border:0;border-bottom:1px solid var(--line);overflow:auto}.left>*{display:none}.left>.side{display:flex;white-space:nowrap;margin:0;padding:9px 10px;gap:5px}.side kbd{display:none}.side span{font-size:10px}.workspace{padding:13px 12px}.room-bar{font-size:10px;margin-bottom:10px}.room-actions{gap:2px}.room-actions span:not(#zoomLabel),.tag{display:none}.scene-wrap{height:58dvh;min-height:350px;flex:none}.scene-note{font-size:8px;left:12px;top:12px}.hint{font-size:8px;padding:7px 10px}.composer{margin-top:10px}.composer input{font-size:11px}.under-composer{font-size:8px}.studio{grid-template-columns:1fr}.draw-wrap{max-width:320px;margin:auto}.catalog{grid-template-columns:repeat(2,1fr)}.discover-grid{grid-template-columns:1fr}dialog{padding:18px}.modal-header h2{font-size:24px}}
.account-pill{display:flex;align-items:center;gap:7px;background:#e6eddf;border:1px solid #d5dfcb;border-radius:22px;padding:10px 15px;font-size:11px;margin-left:auto;margin-right:20px}header nav{margin-left:auto;margin-right:auto}.signin-link{display:inline-block;text-decoration:none;margin:5px 0 12px}.account-hero{text-align:center;background:#e7edde;border-radius:14px;padding:22px;margin-bottom:20px}.account-hero>span{font-size:48px;color:#78926a}.account-hero h3{font:normal 28px/1.3 Georgia,serif;margin:8px}.account-summary{display:flex;align-items:center;gap:15px;padding:16px 0 25px}.account-summary h3{margin:0 0 8px;font:normal 24px Georgia,serif}.account-summary .mini-avatar{height:58px;width:58px}.list-title{font:normal 21px Georgia,serif;margin-top:28px}.friend-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.friend-row strong{font-size:13px;flex:1}.friend-icon{font-size:25px;background:#e5ecdd;padding:7px;border-radius:50%}.signout{display:inline-block;color:#738269;font-size:12px;margin-top:24px}.club-preview{background:linear-gradient(135deg,#332942,#403854);color:#f0deec;border:1px solid #695673}.club-preview p{color:#c0b1ce}.club-preview .primary{background:#b196c5;color:#271f32}.club-mode .scene-wrap{background:#dfd8e8!important}.club-mode .room-cover{background-color:#d9cde4}.club-mode .scene-note{color:#746481}.club-mode .mood-card{background:#e8e0ed}.club-mode .tip-card{background:#eee8f1;border-color:#d6c7df}#joinedRooms button{margin-right:8px;margin-bottom:8px}#inviteUrl{font-size:11px}.account-pill:hover{background:#dce7d1}@media(max-width:700px){.account-pill{display:flex;font-size:9px;padding:7px 10px;margin:0 0 0 5px}header nav{margin:0}.brand{font-size:17px;gap:5px}.brand-icon{font-size:25px}.left>#friendsBtn{display:flex}.profile{display:none}}
/* Drawing studio */
dialog.art-modal{width:min(1240px,96vw);max-width:1240px;padding:24px;max-height:94dvh}.art-topline,.art-history,.art-options,.art-viewbar,.art-selection,.art-refine,.art-filebar,.art-layer-heading,.art-layer-actions,.art-preview-head,.art-footer,.art-presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.art-topline,.art-viewbar,.art-layer-heading,.art-preview-head,.art-footer{justify-content:space-between}.art-topline{margin-bottom:16px}.art-pill{font-size:10px;letter-spacing:2px;color:#738363}.art-layout{display:grid;grid-template-columns:88px minmax(260px,1fr) 230px;gap:18px}.art-toolbox{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:start}.art-toolbox button{padding:8px 2px;border:1px solid #dce3d2;border-radius:9px;min-width:0;background:#f7f9f2}.art-toolbox button span{display:block;font-size:22px}.art-toolbox small{font-size:9px;line-height:1.2;display:block}.art-toolbox .chosen{background:#4d674f;color:#fff;border-color:#4d674f}.art-options{font-size:11px;margin-bottom:10px;gap:12px}.art-options label{display:flex;align-items:center;gap:5px}.art-options input[type=range]{width:70px}.art-options input[type=color]{width:30px;height:27px;padding:1px;border:0}.art-canvas-wrap{position:relative;border:1px solid #cbd5bd;border-radius:12px;overflow:hidden}.art-canvas-wrap canvas{display:block;width:100%;height:420px;touch-action:none}.art-canvas-badge{position:absolute;bottom:10px;left:12px;font-size:10px;background:#ffffffd9;padding:4px 8px;border-radius:5px;pointer-events:none}.art-viewbar{margin:8px 0 14px;min-height:36px;font-size:11px;color:#687760}.art-viewbar>span{flex:1;min-width:180px}.art-viewbar button,.art-history button,.art-refine button,.art-layer-actions button,.art-preview-head button{padding:6px 8px;font-size:11px}.art-viewbar output{font-size:10px;margin:0 5px}.art-selection{padding:12px;background:#edf2e6;border-radius:10px}.art-selection>div{flex:1}.art-selection strong{font-size:12px}.art-selection small{display:block;font-size:10px;margin-top:4px}.art-selection button{font-size:11px;padding:9px}.art-refine{font-size:10px;margin-top:10px}.art-refine label{display:flex;align-items:center;gap:4px}.art-refine input[type=range]{width:70px}.art-guidance{font-size:12px;line-height:1.6;color:#67765c;min-height:38px}.art-filebar{gap:7px}.art-filebar button,.art-filebar label{font-size:11px;padding:9px;cursor:pointer}.art-danger{color:#9b534b}.art-inspector{border-left:1px solid #dce3d2;padding-left:18px}.art-inspector .field{margin:0 0 12px;font-size:10px;gap:5px}.art-inspector .field input,.art-inspector .field select{min-width:0;width:100%;padding:8px;font-size:12px}.art-layer-heading,.art-preview-head{font-size:12px;margin:12px 0 8px}.art-layers{max-height:180px;overflow:auto;border:1px solid #dce3d2;border-radius:8px}.art-layer{display:flex;align-items:center;background:#fafcf5;border-bottom:1px solid #e5eada}.art-layer.selected{background:#dfe9d5}.art-layer button{border:0;background:transparent;padding:5px}.art-layer-pick{display:flex;align-items:center;gap:6px;flex:1;min-width:0;font-size:11px}.art-layer-pick span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-layer-pick small{font-size:9px;color:#78866b;margin-left:auto}.art-layer-pick canvas{flex:none;background:#fff;border-radius:4px}.art-layer-actions{margin:5px 0 12px;gap:3px}.art-inspector>canvas{width:100%;border-radius:9px;border:1px solid #d5ddca}.art-recommendations{margin-top:20px;border-top:1px solid #dce3d2;padding-top:15px}.art-recommendations summary{cursor:pointer;font-size:13px}.art-recommendations summary span{font-size:11px;color:#7b876d;margin-left:12px}.art-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:16px 0}.art-guide-grid b{display:block;font-size:12px;margin-bottom:6px}.art-guide-grid span{font-size:11px;color:#748269;line-height:1.7}.art-presets{font-size:12px}.art-presets select{margin:0 10px;padding:7px}.art-footer{margin-top:18px;padding-top:16px;border-top:1px solid #dce3d2;gap:12px}.art-footer>span{font-size:11px;color:#7b876d}.art-footer>div{display:flex;gap:8px}.art-modal button:disabled{opacity:.4;cursor:default}@media(max-width:850px){.art-layout{grid-template-columns:70px minmax(200px,1fr)}.art-inspector{grid-column:1/-1;border-left:0;padding:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.art-inspector .art-layers{grid-row:span 3}.art-guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){dialog.art-modal{padding:14px;width:98vw}.art-layout{display:block}.art-toolbox{display:flex;overflow-x:auto;margin-bottom:12px}.art-toolbox button{flex:0 0 53px}.art-canvas-wrap canvas{height:340px}.art-options{gap:6px}.art-footer>div{flex-wrap:wrap}.art-recommendations summary span{display:block;margin:8px 0}.art-inspector{display:grid}}
.art-pan-hint{font-size:11px;color:#607456;line-height:1.5;margin:8px 0}.art-part-type{font-size:11px;display:flex;align-items:center;gap:7px}.art-part-type select{padding:8px;min-width:95px;border:1px solid #bccbb0;border-radius:7px;background:#fff}.art-advanced{margin-top:12px;font-size:11px;color:#687760}.art-advanced summary{cursor:pointer;padding:6px 0}.art-extra-tools{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.art-extra-tools button{padding:7px;font-size:11px;border:1px solid #d2dcc7;border-radius:7px}.art-extra-tools .chosen{background:#4d674f;color:white}.art-selection{position:sticky;bottom:0;z-index:2;border:1px solid #cbd8bd;box-shadow:0 3px 12px #394b2910}
.ward-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.ward-hero p{font-size:13px;color:#75826a;line-height:1.6}.ward-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:15px 0}.ward-actions label{font-size:12px;margin-left:auto}.ward-status{font-size:12px;color:#718565;min-height:20px}.ward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:18px 0;max-height:52dvh;overflow:auto;padding:3px}.ward-card{border:1px solid #d8e1cd;border-radius:14px;padding:12px;background:#fafcf6;min-width:0}.ward-picture{height:150px;position:relative;border-radius:9px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e6eddc 0% 25%,#f2f6eb 0% 50%) 50%/22px 22px}.ward-picture img{max-width:90%;height:90%;object-fit:contain}.ward-picture>span:not(.ward-badge){font-size:75px}.ward-badge{position:absolute;left:8px;bottom:8px;background:#49664c;color:white;border-radius:20px;padding:4px 9px;font-size:10px}.ward-card h3{font-size:16px;margin:13px 0 5px;overflow-wrap:anywhere}.ward-card .tiny{margin:0 0 12px}.ward-card-actions{display:flex;flex-wrap:wrap;gap:6px}.ward-card-actions button{font-size:11px;padding:8px 10px}.ward-card-actions button:first-child{width:100%}.ward-card-actions button:disabled{opacity:.6;cursor:default}.ward-grid[aria-busy=true] button{pointer-events:none;opacity:.5}.ward-empty{grid-column:1/-1;padding:40px 20px;text-align:center;color:#7b886e;border:1px dashed #c8d5bd;border-radius:12px;font-size:13px}.ward-rename{display:flex;gap:7px;flex-wrap:wrap}.ward-rename input{width:100%;padding:8px;border:1px solid #c4d0ba;border-radius:6px}.ward-rename button{padding:8px;font-size:11px}.art-wear{display:flex;gap:7px;align-items:center;font-size:11px;margin:0 0 15px}@media(max-width:550px){.ward-hero{align-items:flex-start;flex-direction:column;gap:6px}.ward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ward-picture{height:120px}.ward-card{padding:9px}.ward-actions label{margin-left:0}.ward-card-actions button{padding:7px}}
.ward-card-actions[hidden]{display:none}.ward-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}@media(max-width:550px){.ward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.decor-filters{display:flex;gap:10px;margin-bottom:12px}.decor-filters input{flex:1;min-width:100px}.decor-filters input,.decor-filters select{padding:10px;border:1px solid #d4dec9;border-radius:8px;background:#fffef8;font:inherit;font-size:12px}.expanded-catalog{max-height:54dvh;overflow:auto;margin:12px 0}.expanded-catalog .item img{height:85px;width:100%;object-fit:contain}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:68dvh;overflow:auto}.starter-card{border:1px solid #d7dfcc;padding:14px;border-radius:14px;background:#f4f6ec}.starter-card.dusk{background:#eee9f2}.starter-card.club{background:#e4deec}.starter-card.peach{background:#f5e9dc}.starter-art{height:130px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:9px;background:#ffffff60}.starter-art img{width:100%;height:65px;object-fit:contain}.starter-card h3{font-size:17px;margin:12px 0 6px}.starter-card p{font-size:12px;line-height:1.5;min-height:36px;color:#728168}.starter-card small{font-size:10px;display:block;margin:8px 0}.starter-card button{width:100%;font-size:11px;padding:9px}#ownedRooms button,#joinedRooms button{margin:4px}@media(max-width:500px){.starter-grid{gap:9px}.starter-card{padding:10px}.decor-filters{flex-wrap:wrap}}
.left h1{margin-bottom:24px}.right>h2{font-size:23px;margin-bottom:24px}.editor-hint{font-size:11px;color:#718166;padding:9px 4px 0}.editor-hint[hidden]{display:none}

.auth-form .field{margin-bottom:14px}.auth-form small{font-size:12px;line-height:1.4;font-weight:400;color:#646b60}.auth-show{display:flex;gap:8px;align-items:center;font-size:13px}.auth-show input{width:auto}.auth-feedback{font-size:14px;line-height:1.5;color:#386044;min-height:20px}.auth-feedback.error{color:#a33630}.auth-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.legacy-login{border-top:1px solid #deded3;padding-top:16px;margin-top:18px}.legacy-login summary{cursor:pointer;font-size:13px}.auth-form input{font-size:16px}

.room-tv-player{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;border-radius:7px;background:#101010;z-index:2}.room-tv-player iframe{display:block;width:100%;height:100%;border:0}.tv-status{padding:16px;background:#e8edde;border-radius:10px;font-size:13px;line-height:1.6}#selectedTools{z-index:6}