.room-builder-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11101be8;display:grid;place-items:center;padding:12px}.room-builder{background:#242237;color:#eee9f5;border:1px solid #7b648f;border-radius:16px;width:min(1300px,100%);height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:16px;overflow:hidden}.room-builder header,.room-builder footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.room-builder h2{font-size:22px}.room-builder p{font-size:12px}.room-builder-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;flex:1;min-height:0;margin:12px 0}.room-builder-controls{overflow:auto;padding-right:8px}.room-builder label{display:block;font-size:12px;margin:10px 0}.room-number-row,.room-attach{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-plan-area{display:flex;flex-direction:column;min-height:0;min-width:0}.floor-plan{width:100%;flex:1;min-height:200px;background:#1c192c;border:1px solid #665078;border-radius:10px;touch-action:none;-webkit-user-select:none;user-select:none}.room-door-list{max-height:140px;overflow:auto}.room-builder footer p{max-height:50px;overflow:auto;color:#f6c9a6}.room-builder footer button{flex-shrink:0}.room-asset-workspace{flex:1;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 270px;gap:12px}.room-asset-workspace>section{overflow:auto;min-height:0;min-width:0;padding:12px;background:#29253b;border-radius:12px}.room-asset-workspace .room-asset-center{display:flex;flex-direction:column}.room-asset-canvas{flex:1;min-height:240px;width:100%;touch-action:none}.room-asset-plan{width:100%;height:220px;background:#191629;touch-action:none}.room-asset-workspace label{display:block}.room-asset-workspace .button-row button{font-size:11px;padding:7px}.room-asset-workspace .room-asset-library button{display:block;width:100%;margin:8px 0}@media(max-width:800px){.room-builder-grid{grid-template-columns:1fr;overflow:auto}.room-builder-controls{overflow:visible}.room-plan-area{min-height:460px}.room-builder header h2{font-size:17px}.room-builder{padding:10px}.room-asset-workspace{display:flex;flex-direction:column;overflow:auto}.room-asset-workspace>section{overflow:visible;flex-shrink:0}.room-asset-workspace .room-asset-center{min-height:550px;order:-1}}.room-asset-workspace textarea{width:100%;min-height:70px;resize:vertical;background:#202236;color:#eee9f5;border:1px solid #65517d;border-radius:8px;padding:8px;font:inherit}.room-asset-workspace{position:relative;grid-template-columns:0 minmax(0,1fr) 0;grid-template-rows:auto minmax(0,1fr);gap:0;row-gap:8px}.room-asset-workspace.room-tools-open{grid-template-columns:280px minmax(0,1fr) 0;column-gap:12px}.room-asset-workspace.room-library-open{grid-template-columns:0 minmax(0,1fr) 270px;column-gap:12px}.room-asset-workspace.room-tools-open.room-library-open{grid-template-columns:280px minmax(0,1fr) 270px}.room-asset-controls{grid-column:1/-1;grid-row:1}.room-asset-tools{grid-column:1;grid-row:2}.room-asset-center{grid-column:2;grid-row:2}.room-asset-library{grid-column:3;grid-row:2}.room-asset-workspace [hidden]{display:none!important}@media(max-width:900px){.room-asset-workspace,.room-asset-workspace.room-tools-open,.room-asset-workspace.room-library-open,.room-asset-workspace.room-tools-open.room-library-open{display:grid;grid-template-columns:0 minmax(0,1fr) 0;gap:0;row-gap:8px;overflow:hidden}.room-asset-workspace .room-asset-tools,.room-asset-workspace .room-asset-library{position:absolute;top:42px;bottom:0;width:min(300px,calc(100% - 20px));z-index:5;overflow:auto;box-shadow:0 8px 30px #0009}.room-asset-tools{left:0}.room-asset-library{right:0}.room-asset-workspace .room-asset-center{min-height:0;overflow:auto;order:initial}.room-asset-workspace .room-asset-plan{min-height:180px}.room-asset-workspace .room-asset-controls button{font-size:10px}}.password-field{margin:16px 0}.password-field>label{display:block;margin:0 0 6px}.password-control{display:flex;align-items:stretch;gap:6px}.password-control input{min-width:0;flex:1;margin:0!important;width:100%}.password-control button{flex:0 0 auto;min-width:65px;margin:0!important;align-self:stretch}.password-field small{display:block;margin-top:6px;color:#f4cba7}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dmsans.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/spacegrotesk.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#eee9e4;background:#202237;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label.file-button{-webkit-tap-highlight-color:transparent}button,.file-button{cursor:pointer;border:1px solid #ffffff19;border-radius:9px;background:#ffffff08;color:inherit;padding:10px 13px;transition:background .15s,transform .15s}button:hover,.file-button:hover{background:#ffffff14}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #efd2a6;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{font-size:25px;letter-spacing:-.9px;margin-top:8px}h2{font-size:25px;line-height:1.22;letter-spacing:-.7px}h3{font-size:14px;margin:20px 0 12px}p{line-height:1.7;color:#b7b4c7}.app-shell{display:flex;min-height:100vh}.rail{width:104px;background:#1a1c2e;border-right:1px solid #ffffff08;display:flex;align-items:center;flex-direction:column;padding:30px 10px;position:fixed;inset:0 auto 0 0}.brand{font:700 38px Space Grotesk,sans-serif;text-decoration:none;color:#eee1cb;letter-spacing:-5px;position:relative}.brand span{font-size:20px;color:#c8b6ec;position:absolute;top:-8px;right:-18px;letter-spacing:0}.rail nav{margin-top:57px;display:grid;gap:13px;width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;font-size:11px;color:#9694ae;padding:14px 5px}.nav-item>span{font-size:25px;line-height:1}.nav-item.active{background:#bfa5e321;color:#dec9f6}.rail-bottom{margin-top:auto;font-size:8px;line-height:2.1;color:#777890;letter-spacing:1px;text-align:center}.mini-dot,.live-dot{display:inline-block;width:6px;height:6px;background:#a5c4ac;border-radius:50%;margin-right:8px}.workspace{margin-left:104px;flex:1;min-width:0;padding:34px 38px 16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:12px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#a7a3ba;font-weight:700}.room-tag{display:inline-block;font:8px DM Sans,sans-serif;letter-spacing:1px;border:1px solid #c5b29250;border-radius:4px;color:#d0bd9a;vertical-align:middle;padding:5px 7px;margin-left:15px}.identity{display:flex;align-items:center;gap:11px;font-size:12px}.identity small{display:block;color:#9996ae;font-size:10px;margin-top:4px}.portrait{width:43px;height:43px;background:#474156;border-radius:9px;flex-shrink:0}.identity .portrait{border:1px solid #ffffff20}main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:27px}.main-column{min-width:0}.room-toolbar{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a7a4bb;padding:0 2px 13px}.room-toolbar>div{color:#c8c7d1}.stage{height:min(51vw,535px);min-height:380px;position:relative;border-radius:14px;overflow:hidden;background:#25273c;border:1px solid #ffffff0c}.room-canvas{width:100%;height:100%;position:relative}.room-canvas canvas{width:100%;height:100%;display:block;touch-action:none;image-rendering:auto;outline:0}.room-label{position:absolute;top:24px;left:24px;pointer-events:none}.room-label span{font-size:8px;letter-spacing:1.7px;color:#b7b0c5}.room-label strong{display:block;font:18px Space Grotesk,sans-serif;margin-top:7px;color:#e6dddc}.stage-badge{position:absolute;bottom:21px;left:22px;font-size:9px;background:#24253bdd;border:1px solid #ffffff15;padding:7px 10px;border-radius:20px;color:#cabcd9;pointer-events:none}.scene-hint{position:absolute;bottom:18px;right:18px;font-size:8px;color:#c3b9c9;max-width:210px;text-align:right}.reset-view{position:absolute;right:15px;top:15px;font-size:9px;background:#24253baa}.view-actions{position:absolute;right:15px;top:15px;display:flex;gap:6px;align-items:center}.view-actions .reset-view{position:static}.view-actions button{font-size:9px;background:#24253baa}.view-actions button[aria-pressed=true]{border-color:#e0a8eb}.scene-error{position:absolute;top:30%;right:30%;bottom:30%;left:30%;background:#322d46;padding:20px}.movie-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:#171827;display:flex;align-items:center;justify-content:center}.movie-surface video{width:100%;height:100%;object-fit:contain}.mini-video{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;inset:auto 0 0 auto}.movie-placeholder{position:absolute;text-align:center}.movie-placeholder>span{font-size:45px;color:#e5bd92}.movie-placeholder h2{font-size:36px;margin:17px 0}.movie-placeholder p{font-size:12px}.mode-theater .room-label,.mode-heads .room-label,.mode-theater .stage-badge,.mode-heads .stage-badge{display:none}.talking-heads{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.head-card{text-align:center;background:#27283cce;border:1px solid #ffffff24;border-radius:12px;padding:5px 8px 7px;min-width:72px}.head-card .portrait{height:70px;width:70px;background:transparent}.head-card span{display:block;font-size:9px}.head-card.speaking{border-color:#b3d2b1;box-shadow:0 0 18px #9cc79630}.talking{animation:bob .3s steps(2) infinite}.talking .mouth{transform:scaleY(1.13);transform-origin:center}@keyframes bob{50%{transform:translateY(-3px)}}.watch-panel{padding:23px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-title h2{font-size:21px;margin-top:5px}.subtle{font-size:10px;color:#9390a8;line-height:1.7}.view-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mode{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:15px 12px;background:#26283e}.mode>span{font-size:10px;color:#827b99;padding-top:2px}.mode strong{display:block;font-size:11px;font-weight:500}.mode small{display:block;font-size:9px;line-height:1.5;margin-top:5px;color:#9691ab}.mode.active{background:#b29ad71a;border-color:#a78dc36b}.mode.active strong,.mode.active>span{color:#d8c1ed}.player-controls{display:flex;align-items:center;gap:8px;margin-top:16px}.player-controls button,.file-button{font-size:10px;white-space:nowrap}.primary{background:#c3b0e2;color:#292238;border-color:transparent;font-weight:700}.primary:hover{background:#d2c0ef}.file-button input{display:none}.media-name{font-size:9px;color:#918ca6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.notice{color:#b9b0c8;font-size:10px;line-height:1.6;padding:17px 0}.detail-panel{background:#28293f;border:1px solid #ffffff0b;border-radius:14px;padding:25px 21px;align-self:start;min-height:680px}.detail-panel>h2{margin:11px 0 13px}.detail-panel>p{font-size:11px}.room-card{margin:23px 0 13px;border:1px solid #ffffff12;border-radius:10px;overflow:hidden}.card-art{height:104px;background:repeating-linear-gradient(0deg,transparent,transparent 13px,#ffffff03 14px),repeating-linear-gradient(90deg,#444052,#444052 13px,#ffffff08 14px);display:flex;align-items:center;justify-content:space-evenly;color:#e9c29d}.pixel-house{font:85px monospace;color:#d3bddc;text-shadow:6px 6px #302e44}.card-art>span:last-child{align-self:flex-start;margin-top:20px}.room-card>div:last-child{padding:13px}.room-card strong{font-size:11px}.room-card small{display:block;color:#918ba7;font-size:9px;margin-top:5px}.wide{width:100%;font-size:11px}.divider{height:1px;background:#ffffff0c;margin-top:25px}.activity{display:flex;align-items:center;width:100%;text-align:left;border:0;padding:12px 0;background:none;font-size:11px;gap:12px}.activity>span{width:32px;height:32px;border-radius:9px;background:#39374d;color:#d0bcdf;display:grid;place-items:center;font-size:20px}.activity small{display:block;font-size:9px;color:#918ba4;margin-top:5px}.activity b{margin-left:auto;color:#a298b2}.note-card{margin:22px 0;background:#c5ae8420;border:1px solid #c6a97820;border-radius:8px;padding:14px;color:#ceb99b;font-size:8px;letter-spacing:1.3px;line-height:1.8}.note-card span{font-size:10px;letter-spacing:0;color:#a99d98}.mic-footer{border-top:1px solid #ffffff0c;margin-top:22px;padding-top:17px}.mic{font-size:10px;width:100%;color:#b7b1c6}.mic.on{color:#bad7b8;border-color:#84a684}.mic-footer small{display:block;font-size:8px;text-align:center;margin-top:8px;color:#8f89a2}footer{display:flex;justify-content:space-between;font-size:8px;color:#77758f;padding-top:20px;gap:15px;letter-spacing:.3px}footer b{color:#b5a1c9;margin:0 9px}label{display:block;font-size:11px;color:#c1b8d0;margin:15px 0 8px}input,select{width:100%;display:block;margin-top:7px;background:#202236;border:1px solid #ffffff1a;border-radius:7px;padding:10px;color:#ede6f1;font-size:12px}select{color-scheme:dark}.color-label{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize}.color-label input{width:43px;height:30px;padding:3px;margin:0}.button-row{display:flex;gap:7px;margin-top:13px}.button-row button{flex:1;font-size:10px}.card-game-picker{padding:10px;margin-bottom:10px;border:1px solid #6f5a8655;border-radius:8px;background:#24253b88}.card-game-picker p{margin:0 0 8px;font-size:11px;color:#d8cfe6}.card-game-picker .button-row{display:flex;flex-wrap:wrap;gap:6px}.card-game-picker button{font-size:10px;padding:7px 9px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog button{text-align:left;font-size:10px;padding:9px}.catalog button>span{display:grid;place-items:center;width:100%;height:38px;margin-bottom:8px;border-radius:5px;color:#42394b;font-size:25px}.catalog small{display:block;font-size:8px;color:#9d93ae;margin-top:5px}.selection{padding:0 12px 12px;background:#ffffff05;border-radius:8px}.selection h3{padding-top:12px}.nudge{display:flex;gap:6px;margin-top:8px}.nudge button{flex:1;padding:7px}.avatar-preview{height:190px;display:grid;place-items:center;background:radial-gradient(#61516e,#302d45);border-radius:10px;margin:20px 0}.avatar-preview .portrait{width:150px;height:150px;background:transparent}.people>div{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:12px}.people small{margin-left:auto;color:#ada1bd;font-size:9px}.chat-log{height:180px;overflow-y:auto;border:1px solid #ffffff12;padding:10px;border-radius:8px;margin:17px 0;font-size:11px;overflow-wrap:anywhere}.chat-log p{margin-bottom:8px}.chat-log strong{color:#d8c1ed}form{display:flex;gap:5px}form input{margin:0;min-width:0}form button{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1600px){.workspace{max-width:1700px;margin-right:auto;margin-left:auto;padding-left:140px}main{grid-template-columns:minmax(0,1fr) 310px}.stage{height:620px}.detail-panel{min-height:760px}}@media(max-width:1150px){.workspace{padding:25px 22px;margin-left:84px}.rail{width:84px}main{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.detail-panel{padding:22px 16px}.mode{gap:7px;padding:12px 8px}.mode small{font-size:8px}h1{font-size:21px}.room-tag{display:none}.stage{min-height:360px}.scene-hint{max-width:140px;bottom:14px}.stage-badge{left:14px;font-size:8px}}@media(max-width:900px){main{grid-template-columns:1fr}.detail-panel{min-height:0}.stage{height:56vw;min-height:360px}.detail-panel{display:block}.room-card{max-width:350px}.catalog{grid-template-columns:repeat(4,1fr)}.identity small,.rail-bottom{display:none}footer span:last-child{display:none}}@media(max-width:550px){.rail{inset:auto 0 0;width:100%;height:65px;flex-direction:row;z-index:10;padding:0 10px;border-top:1px solid #ffffff15}.brand{display:none}.rail nav{display:flex;justify-content:space-around;margin:0;gap:0}.nav-item{font-size:9px;padding:8px 16px;gap:4px}.nav-item>span{font-size:21px}.workspace{margin:0;padding:20px 14px 85px}header{margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.6px}h1{font-size:19px}.identity>span{display:none}.identity .portrait{width:34px;height:34px}.stage{min-height:330px}.view-modes{gap:5px}.mode{display:block}.mode>span{display:none}.mode small{font-size:8px}.mode strong{font-size:10px}.section-title .subtle{font-size:8px}.scene-hint{display:none}.room-label{top:18px;left:18px}.room-label strong{font-size:14px}.room-toolbar{font-size:8px}.catalog{grid-template-columns:repeat(2,1fr)}.media-name{display:none}.player-controls{flex-wrap:wrap}.head-card .portrait{width:52px;height:52px}.movie-placeholder h2{font-size:27px}.movie-placeholder p{padding:0 25px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.stage{background:linear-gradient(145deg,#343249,#23273d);box-shadow:0 14px 50px #0e0e2528;border-color:#d9b5cd25}.room-canvas canvas:focus-visible{outline:2px solid #e6c09f;outline-offset:-3px}.walk-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff10}.walk-controls output{font-size:10px;color:#c8b6d9;flex:1;min-width:150px}.walk-controls label{font-size:9px;margin:0;color:#a99bb8}.walk-controls select{font-size:10px;margin-top:4px;padding:6px 24px 6px 8px;width:auto}.walk-controls button{font-size:10px;color:#e9c6a2;border-color:#edc59c40}.view-modes{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-couch .room-label,.mode-couch .stage-badge{display:none}.mode-couch .movie-surface{background:radial-gradient(ellipse at 50% 40%,#64506a,#171626 75%)}.mode-couch .movie-surface video{position:absolute;inset:3% 3% auto;width:94%;height:86%;filter:drop-shadow(0 0 28px #bba2e52a)}.couch-overlay{position:absolute;bottom:-7%;left:0;right:0;height:48%;pointer-events:none;background:linear-gradient(transparent 60%,#17162670)}.couch-overlay canvas{width:100%;height:100%;display:block}.couch-overlay p{text-align:center;font-size:12px;padding:25px;background:#242337d9}.mode.active{background:linear-gradient(135deg,#b29ad730,#dba79015);border-color:#c3a2db85}.detail-panel{background:linear-gradient(155deg,#343047,#28293f 50%)}.primary{background:linear-gradient(115deg,#d4b5e9,#b3bce9)}@media(max-width:1100px){.view-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.walk-controls{gap:8px}.walk-controls output{flex-basis:100%}.walk-controls label{flex:1}.walk-controls select,.walk-controls button{width:100%}.couch-overlay{height:43%;bottom:-5%}}.couch-overlay{height:55%;bottom:-8%}.expand-movie{position:absolute;right:14px;top:14px;z-index:3;font-size:10px;background:#262237b8}.stage:fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0;border:0}@media(max-width:550px){.couch-overlay{height:39%;bottom:-4%}}.placement-bar{position:absolute;bottom:14px;left:14px;right:14px;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 12px;background:#242037f2;border:1px solid #9aefbb70;border-radius:10px;box-shadow:0 10px 30px #0005}.placement-bar span{flex:1;min-width:200px;font-size:10px;color:#bcf5ca}.placement-bar.invalid{border-color:#ff667f}.placement-bar.invalid span{color:#ff9aab}.placement-bar button{font-size:10px;padding:8px 12px}.stage:has(.placement-bar) .stage-badge,.stage:has(.placement-bar) .scene-hint{display:none}[hidden]{display:none!important}.palette-button{color:#e6b4ed;background:linear-gradient(115deg,#b171c235,#e59caa18);border-color:#ce9cdb55}.quiet-room .rail,.quiet-room header,.quiet-room .detail-panel,.quiet-room .room-toolbar,.quiet-room .walk-controls,.quiet-room .watch-panel,.quiet-room .notice,.quiet-room .room-label,.quiet-room .stage-badge{display:none}.quiet-room .workspace{margin:0;padding:0}.quiet-room main{display:block}.quiet-room .stage{height:100dvh;min-height:0;border:0;border-radius:0}.restore-controls{position:fixed;top:12px;left:12px;z-index:20;background:#252137dc}.couch-size{position:absolute;z-index:4;left:14px;top:14px;display:flex;align-items:center;gap:8px;font-size:11px;padding:8px;border-radius:8px;background:#262237c9}.couch-size input{width:85px}.quiet-room .couch-size{top:60px}.mode-couch .movie-surface video{height:94%}.game-dialog{width:min(420px,94vw);border:1px solid #ba8fe5;border-radius:18px;background:#29243e;color:#f6eafa;padding:24px;max-height:90dvh;overflow:auto}.game-dialog::backdrop{background:#10101aba}.dialog-close{display:block;margin-left:auto;margin-bottom:16px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.game-grid button{aspect-ratio:1;font-size:36px;color:#f1b3db}.game-grid button:disabled{opacity:.8}.quiet-room footer,.quiet-room .scene-hint,.quiet-room .reset-view{display:none}.room-toolbar{flex-wrap:wrap;align-items:center}.edit-camera-tools{position:absolute;top:12px;left:12px;right:100px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.edit-camera-tools button{font-size:11px;padding:8px;background:#262237dd}.edit-camera-tools span{font-size:10px;background:#262237dd;padding:6px;border-radius:6px}.edit-camera-tools button[aria-pressed=true]{border-color:#e0a8eb}.stage.is-decorating .room-label{display:none}.scene-hint{background:#24253bdd;padding:6px 8px;border-radius:6px}.pool-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#15141f;color:#f6eafa;overflow:hidden}.pool-view canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.pool-view-head{position:absolute;top:18px;left:18px;max-width:min(430px,66vw);padding:14px 16px;border-radius:14px;background:#1d1c2ce8;border:1px solid #6f5a8655}.pool-view-head .eyebrow{font-size:10px;letter-spacing:.16em;color:#c8a8e8}.pool-view-head h2{margin:4px 0 6px;font-size:20px}.pool-view-head p{margin:0;font-size:12px;line-height:1.55;color:#c9c2d8}.pool-back{position:absolute;top:18px;right:18px;background:#2c2740}@media(max-width:720px){.pool-view-head{max-width:none;right:18px;padding:11px 13px}.pool-view-head p{display:none}.pool-back{top:auto;bottom:18px;right:18px}}.console-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;grid-template-columns:1fr minmax(320px,420px);background:#14131f;color:#f6eafa}.console-view canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.console-panel{display:flex;flex-direction:column;gap:10px;padding:22px;background:#1b1929;border-left:1px solid #6f5a8655;overflow:auto}.console-panel h2{margin:0;font-size:20px}.console-panel h3{margin:10px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#c8a8e8}.console-hint{margin:0;font-size:12.5px;line-height:1.5;color:#c9c2d8}.console-power{align-self:flex-start;background:#2f2a44}.console-games{list-style:none;margin:0;padding:0;display:grid;gap:8px}.console-game{width:100%;display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px;background:#241f36;border:1px solid #3b3352;border-radius:10px;color:inherit}.console-game:hover{border-color:#8f7ab0}.console-game.is-active{border-color:#a9ecc9;background:#26303a}.console-game .cart{width:22px;height:28px;border-radius:3px;display:block;box-shadow:inset 0 -6px #1b1929aa}.console-game strong{display:block;font-size:13px}.console-game small{display:block;font-size:11px;color:#b7b2c4;line-height:1.4}.console-game em{font-style:normal;font-size:11px;color:#a9ecc9}.console-note{font-size:11px;color:#9b91b2;line-height:1.5;margin:4px 0 0}.console-screen{display:grid;gap:5px;font-size:11.5px;color:#b7b2c4}.console-screen select{font:inherit;color:inherit;background:#241f36;border:1px solid #3b3352;border-radius:8px;padding:7px}.console-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#14111f}.console-play{position:relative;display:grid;grid-template-rows:1fr auto;min-height:0}.console-play .console-surface{position:static;width:100%;height:100%}.console-play-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;font-size:11.5px;color:#b7b2c4;background:#1b1929;border-top:1px solid #3b3352}.console-play-bar button{font-size:11.5px;padding:6px 10px}.console-play-actions{display:flex;gap:6px}.console-toast{position:absolute;left:50%;bottom:52px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:1px solid #6f5a86;background:#14111ff2;color:#f2e7d5;font-size:12px;white-space:nowrap;z-index:4}.console-toast button{font-size:11.5px;padding:4px 10px}@media(max-width:820px){.console-view{grid-template-columns:1fr;grid-template-rows:42vh 1fr}.console-panel{border-left:0;border-top:1px solid #6f5a8655;padding:16px}}.decorate-panel{position:sticky;top:12px;align-self:start;min-height:0;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-gutter:stable}.selected-item-tools{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #bda5d54d}.selected-item-tools .selection{margin-top:10px}.decorating-layout .room-toolbar{position:sticky;top:0;z-index:25;background:#222238;padding:12px;border-radius:12px;border:1px solid #bda5d54d}.finish-decorating{min-height:48px;padding:12px 22px;font-size:15px;font-weight:800;border:2px solid #f2ddff;box-shadow:0 0 0 3px #c59bea25}.finish-decorating:disabled{opacity:.65}@media(max-width:900px){.decorate-panel{position:static;max-height:none}.decorating-layout .room-toolbar{flex-wrap:wrap;gap:8px}.finish-decorating{flex:1}.selected-item-tools{grid-column:1 / -1}}:root{--mr-plum:#332540;--mr-lavender:#b8a0da;--mr-pink:#e5a2c0;--mr-cream:#fff0d4}body{background:#211c30;color:#fff8ef}.rail{background:#281f35}.brand{display:flex;justify-content:center;padding:0}.brand img{display:block;width:76px;height:76px;object-fit:contain}.myroomies-wordmark{display:block;width:250px;max-width:100%;height:auto;margin-bottom:8px}.detail-panel{background:#30283f;border-color:#695574}button.primary,.primary,.finish-decorating{background:#b8a0da;color:#332540}button.primary:hover:not(:disabled),.finish-decorating:hover:not(:disabled){background:#d0baec}.nav-item.active{background:#493653;color:#fff0d4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff0d4;outline-offset:3px}@media(max-width:900px){.brand img{width:54px;height:54px}.myroomies-wordmark{width:210px}}@media(max-width:550px){.myroomies-wordmark{width:175px}}.shared-stream-tools{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#2c2238;padding:14px;border:1px solid #786087;border-radius:12px;margin:12px 0}.shared-stream-tools>span,.shared-stream-tools>small{flex-basis:100%}.shared-stream-tools button{min-height:44px}.shared-stream-tools small{color:#d5c5de;line-height:1.5}.stream-sound-overlay{position:absolute;z-index:15;bottom:12px;right:12px;min-height:44px;background:#30263f;color:#fff;border:1px solid #d1b4e8;border-radius:10px;padding:10px}.studio-shell{max-width:1800px;margin:auto;padding:24px;color:#eee9f5}.studio-shell header{margin-bottom:12px}.studio-shell h2{font-size:20px}.studio-shell h3{margin:18px 0 10px}.studio-header-actions,.button-row{display:flex;gap:7px;flex-wrap:wrap}.studio-grid{display:grid;grid-template-columns:245px minmax(360px,1fr) 270px;gap:16px;align-items:start}.studio-tools,.studio-library,.studio-login{background:#29253b;border:1px solid #65517d;padding:16px;border-radius:14px;min-width:0}.studio-login{display:block!important;max-width:460px;margin:40px auto;padding:28px}.studio-login h2{margin-bottom:12px}.studio-login button{width:100%;margin-top:12px;padding:12px}.studio-shell label{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:12px}.studio-shell input,.studio-shell select{width:100%;min-width:0;flex:initial}.studio-shell input[type=color]{height:38px;padding:4px;cursor:pointer}.studio-shell input[type=range]{padding:4px 0;accent-color:#c693ec}.studio-shell fieldset{display:flex;gap:6px;border:1px solid #51445e;border-radius:8px;margin:10px 0;padding:8px;min-width:0}.studio-shell fieldset legend{font-size:11px;color:#c3accf}.studio-shell fieldset label{flex:1;min-width:0;margin:0;font-size:11px}.studio-shell fieldset input{padding:8px 4px}.studio-tools button{font-size:12px}.studio-wide{width:100%}.studio-view{min-width:0}.studio-canvas-wrap{position:relative}.studio-view canvas{width:100%;height:560px;touch-action:none;border-radius:12px;border:1px solid #544064;display:block;outline:none}.studio-view canvas:focus-visible{border-color:#dbb3fc}.studio-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#242033;padding:8px;border-radius:12px}.studio-toolbar button{padding:9px 4px;font-size:12px}.studio-toolbar button[aria-pressed=true]{background:#a982cc;color:#17101e;border-color:#e4c0ff}.studio-viewbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.studio-viewbar label{flex:1}.studio-viewbar strong{font-size:11px;color:#bcb0ca}.studio-library>button,.studio-library>.file-button{display:block;width:100%;margin:10px 0}.studio-check{flex-direction:row!important;align-items:center}.studio-check input{width:18px;height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:#c693ec}.studio-status{min-height:25px;margin-bottom:16px;font-size:12px}.studio-error{color:#ffbbc5;background:#562d3a;padding:10px;border-radius:8px;margin:8px 0}.studio-help{font-size:11px;color:#bcb1ca;line-height:1.6;margin:8px 0}.brush-settings{background:#29253b;border:1px solid #51445e;border-radius:12px;padding:12px;margin-top:12px}.brush-settings h3{margin-top:0}.brush-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.piece-list{display:flex;flex-direction:column;gap:4px;max-height:230px;overflow:auto;margin:12px 0}.piece-list button{display:flex;align-items:center;gap:6px;text-align:left;font-size:11px;padding:8px}.piece-list button[aria-pressed=true]{background:#8a65ae55;border-color:#bd8fe3}.piece-list button span{width:12px;height:12px;flex-shrink:0;border-radius:3px}.piece-list small{margin-left:auto;color:#bdb0ca;font-size:9px}.library-entry{border:1px solid #59436b;border-radius:9px;padding:10px;margin:8px 0}.library-entry strong{font-size:12px}.library-entry .button-row{margin-top:8px}.library-entry button{flex:1;font-size:11px;padding:7px}@media(min-width:1400px){.studio-view canvas{height:620px}.studio-toolbar{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:1100px){.studio-grid{grid-template-columns:220px minmax(0,1fr)}.studio-library{grid-column:1/-1}.studio-view canvas{height:480px}}@media(max-width:650px){.studio-shell{padding:12px}.studio-grid{display:flex;flex-direction:column}.studio-grid>section{width:100%}.studio-view{order:-1}.studio-view canvas{height:380px}.brush-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell header{align-items:start}.studio-header-actions{max-width:180px;justify-content:end}.studio-header-actions button{font-size:10px;padding:6px}.studio-login{padding:20px}}.studio-shell.studio-editing{max-width:none;width:100%;height:100dvh;padding:12px;display:flex;flex-direction:column;overflow:hidden}.studio-editing header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.studio-editing h1{margin-top:0;font-size:22px}.studio-editing .studio-status{margin-bottom:8px;min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.studio-editing .studio-grid{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:0 minmax(0,1fr) 0;gap:0;align-items:stretch}.studio-editing .studio-grid.left-open{grid-template-columns:260px minmax(0,1fr) 0;column-gap:10px}.studio-editing .studio-grid.right-open{grid-template-columns:0 minmax(0,1fr) 280px;column-gap:10px}.studio-editing .studio-grid.left-open.right-open{grid-template-columns:260px minmax(0,1fr) 280px}.studio-editing .studio-tools{grid-column:1;grid-row:1}.studio-editing .studio-library{grid-column:3;grid-row:1}.studio-editing .studio-tools,.studio-editing .studio-library{overflow-y:auto;overscroll-behavior:contain;max-height:100%;padding:12px}.studio-editing [hidden]{display:none!important}.studio-editing .studio-view{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-height:0;width:100%}.studio-editing .studio-canvas-wrap{flex:1;min-height:120px}.studio-editing .studio-view canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.studio-editing .studio-toolbar{grid-template-columns:repeat(8,minmax(0,1fr));flex-shrink:0;padding:4px}.studio-editing .studio-viewbar{gap:10px;flex-shrink:0}.studio-editing .studio-viewbar label{flex:0 1 160px;margin:4px 0;flex-direction:row;align-items:center}.studio-editing .studio-viewbar select{margin:0;padding:6px}.studio-editing .studio-help{margin:4px 0}.studio-editing .studio-error{max-height:48px;overflow:auto;font-size:11px;margin:4px 0;padding:5px}.studio-editing .brush-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-editing .brush-settings{margin:8px 0 16px;padding:8px}.panel-close{width:100%}.canvas-navigation{position:absolute;z-index:2;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:4px;pointer-events:none}.canvas-navigation button{pointer-events:auto;padding:6px 8px;font-size:11px;background:#29253bea}@media(max-width:1100px){.studio-editing .studio-grid.left-open,.studio-editing .studio-grid.right-open,.studio-editing .studio-grid.left-open.right-open{grid-template-columns:0 minmax(0,1fr) 0;gap:0}.studio-editing .studio-tools,.studio-editing .studio-library{position:absolute;z-index:5;top:0;bottom:0;width:min(300px,calc(100% - 24px));box-shadow:0 10px 35px #0009}.studio-editing .studio-tools{left:0}.studio-editing .studio-library{right:0}}@media(max-width:650px){.studio-shell.studio-editing{padding:6px}.studio-editing .studio-header-actions{max-width:none;justify-content:start;gap:4px}.studio-editing .studio-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-editing .studio-toolbar button{padding:6px}.studio-editing .eyebrow{display:none}.studio-editing .studio-viewbar label{flex:1}.studio-editing .studio-viewbar strong{font-size:9px}.canvas-navigation button{font-size:10px;padding:5px}}
