.social-panel{width:min(640px,calc(100vw - 32px));padding:42px;background:linear-gradient(145deg,#122532,#0d1c28);border:1px solid #e7c78b38;color:#eee4d0}.social-panel h2{font-size:clamp(32px,5vw,48px);line-height:1.07;margin:12px 0 18px}.social-panel h3{font:500 21px Georgia,serif;margin:28px 0 14px}.social-panel p{color:#bdc7c9;line-height:1.6}.social-panel .primary{width:100%;justify-content:center;min-height:52px}.social-panel .text-button{font-size:13px}.field-label{display:block;font-size:12px;letter-spacing:.07em;color:#c2d1d2;margin:22px 0 9px}.social-panel input:not([type=range]),.social-panel select{width:100%;background:#07141d;border:1px solid #a2b6bb42;border-radius:9px;padding:14px;color:#f3e8d3;font:inherit;box-sizing:border-box}.social-panel select{font-size:13px}.social-panel input:focus,.social-panel select:focus{outline:2px solid #e6bc7d;outline-offset:3px}.identity-preview{float:right;width:80px;height:88px;background:#f4daac15;border-radius:20px;margin-left:20px}.identity-preview svg{height:100%;width:100%}#guest-name{width:calc(100% - 104px)}.avatar-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.avatar-choice{padding:10px 6px 12px;background:#162c37;border:1px solid #adc6ca25;border-radius:12px;color:#c9d1d0;font:inherit;font-size:11px;cursor:pointer}.avatar-choice svg{display:block;height:70px;margin:auto}.avatar-choice[aria-pressed=true]{background:#30414a;border-color:#e6bc7d;color:#ffe3b5}.color-options{display:flex;justify-content:center;gap:14px;margin:18px 0}.color-choice{width:25px;height:25px;background:var(--swatch);border:3px solid #10212c;border-radius:50%;outline:1px solid transparent;cursor:pointer}.color-choice[aria-pressed=true]{outline-color:#e6dac5;transform:scale(1.15)}.social-footnote{display:block;font-size:11px!important;line-height:1.65;color:#8ca1a8!important;margin-top:20px}.inline-error{color:#f2b49e!important;font-size:13px;min-height:18px;margin:12px 0}.party-pill{position:fixed;z-index:22;bottom:32px;left:32px;display:flex;align-items:center;gap:10px;padding:13px 17px;color:#eee4cd;background:#10232dde;border:1px solid #a6c3c53d;backdrop-filter:blur(18px);border-radius:30px;font:500 12px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 5px 30px #0002}.party-pill i{width:6px;height:6px;border-radius:50%;background:#c4af84}.party-pill.connected i{background:#93d9b5;box-shadow:0 0 12px #8dedbf88}#party-count{background:#ece3c818;border-radius:14px;padding:3px 7px;font-size:11px}.quick-reactions{position:fixed;left:32px;bottom:93px;display:flex;gap:6px;z-index:20}.quick-reaction{width:33px;height:33px;border:1px solid #a6c3c520;background:#10232dbb;color:#e6d4ad;border-radius:50%;cursor:pointer;font-size:16px}.quick-reaction:hover{transform:translateY(-3px);background:#2b4854}.quiet .party-pill,.quiet .quick-reactions,.quiet .social-feed{display:none}.room-chip{font-size:10px;letter-spacing:.15em;color:#e6bc7d}.invite-row{display:flex;align-items:center;gap:20px}.invite-row button{font-size:12px}.people-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.person{display:flex;align-items:center;gap:12px;background:#e8dabb06;border:1px solid #b1c8cc21;padding:10px;border-radius:10px;text-align:left;color:#eadfc9;cursor:pointer}.person-avatar{width:36px;flex-shrink:0}.person-avatar svg{display:block;width:100%}.person-name{font-size:12px;overflow-wrap:anywhere}.person-name small{display:block;color:#8fa6ad;font-size:10px;margin-top:4px}.emote-options{display:flex;flex-wrap:wrap;gap:8px}.emote-button{background:#adcac90a;color:#cbd8d4;border:1px solid #b3caca26;border-radius:20px;padding:8px 12px;font:inherit;font-size:11px;cursor:pointer}.emote-button:hover{background:#adcac927}.game-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.game-choice{background:linear-gradient(140deg,#ffffff06,#ffffff00);padding:20px 13px;text-align:left;border:1px solid #b3caca26;border-radius:12px;cursor:pointer}.game-choice:hover{border-color:var(--game-color);background:#adcac90a}.game-icon{display:block;font-size:32px;color:var(--game-color);margin-bottom:18px}.game-choice strong{display:block;color:#eee1c7;font:500 18px Georgia;line-height:1.1}.game-choice small{display:block;color:#98adb2;font-size:10px;line-height:1.5;margin-top:10px}.score-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:10px 0;border-bottom:1px solid #a6c3c51c}.score-row strong{font-weight:500;color:#d9bd85}.social-feed{position:fixed;top:98px;left:50%;transform:translate(-50%,-10px);opacity:0;pointer-events:none;z-index:24;transition:.3s;background:#10232de8;border:1px solid #a6c3c530;backdrop-filter:blur(12px);padding:13px 22px;border-radius:12px;max-width:calc(100vw - 50px);text-align:center;font-size:12px}.social-feed.show{opacity:1;transform:translate(-50%,0)}.social-feed strong{color:#e8c58a;margin-right:12px;font-weight:500}.social-feed span{color:#d5dfdc}.game-panel{width:min(750px,calc(100vw - 32px))}.game-panel h2{font-size:40px}.game-panel #game-heading p{font-size:13px;max-width:520px}.game-splash{text-align:center;color:var(--game-color);font-size:90px;margin:20px}.game-invitation{text-align:center;font-size:14px;max-width:440px;margin:20px auto 28px}.game-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 14px;font-size:12px;color:#a8bfc5}.game-status strong{color:var(--game-color);font-weight:500}.pairs-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pair-card{position:relative;aspect-ratio:1.18;border-radius:9px;border:1px solid #abc5c63b;background:radial-gradient(ellipse at 40% 20%,#254655,#0d1c29);overflow:hidden;color:#a8d7ce;cursor:pointer;transition:transform .2s,border-color .2s;min-width:0}.pair-card:hover:not(:disabled){transform:translateY(-3px);border-color:#e6bc7d}.pair-card span{font-size:32px}.pair-card small{position:absolute;bottom:10px;left:12px;font-size:9px;letter-spacing:.1em;color:#78929e}.pair-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.pair-card.matched{border:2px solid #99d0b2;box-shadow:0 0 15px #99d0b216}.pair-card.matched:after{content:'✓';position:absolute;right:6px;bottom:4px;border-radius:50%;background:#163e30;color:#cff5df;padding:1px 5px;font-size:12px}.game-hint{display:block;font-size:11px!important;color:#8da8af!important;line-height:1.5;margin:15px 0;text-align:center}.game-footer{display:flex;justify-content:space-between;gap:15px;margin-top:28px;padding-top:18px;border-top:1px solid #a6c3c526}.game-footer button{font-size:11px!important}.game-win{text-align:center;color:#d6c091!important;font-size:28px!important}.quiz-photo{display:block;width:100%;height:min(32vh,270px);object-fit:contain;background:#030910;border:1px solid #abc5c61a;border-radius:10px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.quiz-answer{padding:14px 10px;background:#15303d;border:1px solid #abc5c636;color:#e8ddc5;border-radius:8px;cursor:pointer;font:inherit;font-size:13px}.quiz-answer.selected{border-color:#e9be79;background:#54462d}.quiz-answer.correct{border-color:#91d6b0;background:#274b3d}.quiz-answer.incorrect{background:#593b3b;border-color:#dba391}.quiz-countdown{color:#e6bc7d;font-size:20px;min-width:35px}.wish-orbit{width:160px;height:160px;border:1px solid #bcabdd55;border-radius:50%;margin:25px auto;display:grid;place-items:center;font-size:65px;color:#d8c5fb;box-shadow:0 0 90px #bba6e918,inset 0 0 40px #bba6e90d}.wish-title{text-align:center;font-size:29px!important}.visitor-panel{width:min(440px,calc(100vw - 32px));text-align:center}.visitor-portrait{width:100px;margin:10px auto 20px}.visitor-panel .emote-options{justify-content:center}.visitor-panel h2{overflow-wrap:anywhere}.brand small{letter-spacing:.19em!important}.intro-social-note{display:flex;align-items:center;gap:9px;font-size:11px;color:#c7d6d1;margin-top:20px}.intro-social-note i{width:5px;height:5px;border-radius:50%;background:#91cbb4}.garden-owner-note{font-size:12px!important;color:#adbec2!important;border-left:2px solid #bda878;padding-left:16px;margin:24px 0!important}.social-panel button:focus-visible,.party-pill:focus-visible,.quick-reaction:focus-visible{outline:2px solid #e8c68e;outline-offset:3px}.social-panel button:disabled{cursor:default}.social-panel [hidden],#party-pill[hidden],#quick-reactions[hidden]{display:none!important}
@media(max-width:1050px){.party-pill{bottom:106px;left:22px}.quick-reactions{bottom:161px;left:23px}.social-feed{top:88px}}@media(max-width:650px){.social-panel{padding:30px 23px}.social-panel h2{font-size:36px}.identity-preview{width:60px;height:70px;}#guest-name{width:calc(100% - 84px)}.avatar-choice{font-size:9px}.avatar-choice svg{height:53px}.color-options{gap:13px}.game-choices{grid-template-columns:1fr}.game-choice{display:grid;grid-template-columns:40px 1fr;padding:14px;column-gap:13px}.game-icon{grid-row:span 2;margin:0;font-size:28px}.game-choice strong{font-size:19px}.game-choice small{margin-top:5px}.people-list{grid-template-columns:1fr 1fr}.person{padding:8px;gap:7px}.person-name{font-size:11px}.person-name small{font-size:9px}.party-pill{left:16px;bottom:98px;padding:9px 12px;font-size:10px}.quick-reactions{left:16px;bottom:146px;gap:4px}.quick-reaction{width:29px;height:29px;font-size:14px}.pairs-board{gap:7px}.pair-card{aspect-ratio:1}.quiz-photo{height:24vh}.quiz-options{gap:8px}.quiz-answer{font-size:11px;padding:12px 6px}.game-footer{gap:10px}.game-footer button{max-width:50%;line-height:1.5;text-align:left}.social-feed{top:84px;font-size:11px;width:max-content;padding:11px 16px}.game-status{font-size:11px}.game-panel h2{font-size:33px}.social-footnote{font-size:10px!important}.invite-row{gap:12px}.social-panel select{font-size:11px}body[data-mode=cinema] .party-pill{bottom:175px}body[data-mode=cinema] .quick-reactions{bottom:222px}}@media(prefers-reduced-motion:reduce){.pair-card,.social-feed{transition:none}}

.color-choice,.quick-reaction{min-height:0}.pair-card:disabled,.quiz-answer:disabled{opacity:1}.quiz-answer:disabled:not(.selected):not(.correct):not(.incorrect){color:#94aab1}.color-choice:hover{filter:brightness(1.15)}

@media(max-width:1050px){.party-pill{top:103px;right:24px;left:auto;bottom:auto}.quick-reactions{top:158px;right:24px;left:auto;bottom:auto}}
@media(max-width:650px){.party-pill,body[data-mode=cinema] .party-pill{top:94px;right:16px;left:auto;bottom:auto;min-height:40px}.quick-reactions,body[data-mode=cinema] .quick-reactions{display:none}#location{max-width:calc(100vw - 188px)}.social-feed{top:158px}}

.quiz-capture{font:italic 15px Georgia,serif!important;line-height:1.5!important;border-left:2px solid #c4ac7755;padding-left:16px;margin:20px 0}.quiz-capture small{display:block;font:10px Arial,sans-serif;color:#92aab2;margin-top:8px}.wish-countdown{font-size:12px!important;color:#c3aaed!important;text-align:center}

.arcade-panel{width:min(760px,calc(100vw - 24px))}.arcade-panel h2{margin-bottom:8px}.arcade-panel .quiz-photo{max-height:38vh;object-fit:contain}#arcade-status{display:flex;justify-content:space-between;padding:12px 0;color:#bfdbb4;font-size:15px}#arcade-error{color:#f0b4a5;font-size:13px;min-height:20px}.arcade-footnote{display:block;font-size:12px;line-height:1.5;color:#9bacb5;margin-top:22px}#arcade-scores[hidden]{display:none}#arcade-scores{border-top:1px solid #ffffff24;margin-top:16px}.arcade-panel .pair-card{min-height:75px}.arcade-panel .quiz-answer{min-height:46px}.arcade-panel .quiz-answer.correct{border-color:#bbdc9c;background:#23452c}.arcade-panel .quiz-answer.incorrect{border-color:#a46767;background:#482b2b}
.arcade-panel{padding:30px 36px;background:radial-gradient(ellipse at top right,#27324655,transparent 58%),#0b1823}.arcade-panel h2{font-size:36px}.arcade-panel #arcade-intro{margin:8px 0;font-size:14px}.arcade-panel #pairs-progress{font-size:14px;margin:0 0 10px}.arcade-panel .pairs-board{gap:9px}.arcade-panel .pair-card{aspect-ratio:.94;perspective:650px;padding:0;border-color:#9fbed43a;background:#10212f;transition:border-color .15s,box-shadow .15s;overflow:visible}.arcade-panel .pair-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .18s ease-out}.arcade-panel .pair-card.revealed .pair-inner{transform:rotateY(180deg)}.arcade-panel .pair-back,.arcade-panel .pair-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;overflow:hidden}.arcade-panel .pair-back{display:grid;place-items:center;background:radial-gradient(ellipse at 30% 15%,#2b4b60,#111f32 75%);font-size:35px;color:#bad4df}.arcade-panel .pair-face{transform:rotateY(180deg);background:#0d1a27;display:flex;flex-direction:column}.arcade-panel .pair-face img{position:static;inset:auto;width:100%;height:calc(100% - 36px);object-fit:cover;flex:1;min-height:0}.arcade-panel .pair-name{display:flex;align-items:center;justify-content:center;padding:3px 4px;min-height:36px;font-size:14px;line-height:1.1;color:#f0ece0;flex-shrink:0;text-align:center}.arcade-panel .pair-card.waiting{border-color:#f3d195;box-shadow:0 0 0 2px #f3d19536}.arcade-panel .pair-card.waiting .pair-inner{transform:rotateY(28deg)}.arcade-panel .pair-card.matched{border-color:#a5dbb9;box-shadow:0 0 18px #94dcaa24}.arcade-panel .pair-card.matched:after{top:5px;bottom:auto;right:5px;font-size:13px}.arcade-time{height:3px;background:#ffffff10;margin-bottom:14px;border-radius:3px;overflow:hidden}.arcade-time span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8dcbb8,#dfbf81);transition:width .1s linear}.arcade-cast{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.arcade-cast figure{margin:0}.arcade-cast img{display:block;aspect-ratio:1;width:100%;border-radius:9px;object-fit:cover}.arcade-cast figcaption{text-align:center;padding-top:7px;font-size:14px;color:#deded6}.arcade-result{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:24px}.arcade-result strong{font:60px Georgia;color:#efd297}.arcade-result span{color:#b9cacb}.arcade-footnote{margin-top:12px}.arcade-panel #arcade-error{margin:8px 0;min-height:16px}.arcade-panel .text-button{font-size:14px}.arcade-panel .pair-card:focus-visible{outline:2px solid #f3d195;outline-offset:3px}
@media(max-width:600px){.arcade-panel{padding:24px 16px}.arcade-panel h2{font-size:30px}.arcade-panel .pairs-board{gap:6px;grid-template-columns:repeat(3,1fr)}.arcade-panel .pair-card{aspect-ratio:1.08}.arcade-panel .pair-name{font-size:12px;min-height:29px}.arcade-panel .pair-face img{height:calc(100% - 29px)}.arcade-cast{gap:8px}.arcade-cast figcaption{font-size:12px}}@media(prefers-reduced-motion:reduce){.arcade-panel .pair-inner,.arcade-time span{transition:none}}

.visitor-icon{display:inline-flex;width:100%;height:100%;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--visitor-color) 25%,transparent),transparent 72%);border-bottom:3px solid var(--visitor-color)}
.visitor-icon img{width:100%;height:100%;object-fit:contain}.avatar-choice .visitor-icon{height:110px}.identity-preview .visitor-icon{max-height:180px}.person-avatar .visitor-icon{border-radius:50%}.visitor-portrait .visitor-icon{height:160px}

/* Full-body preview, using one small canvas only while it is visible. */
.identity-preview{height:210px;display:flex;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#30465788,transparent 65%)}
.identity-preview canvas,.wardrobe-preview canvas{width:100%;height:100%;display:block}
.wardrobe-panel{width:min(880px,calc(100vw - 28px));max-width:880px;padding:32px}
.wardrobe-panel h2{font-size:38px;line-height:1.15;margin:10px 0 20px}
.wardrobe-stage{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:24px;align-items:center}
.wardrobe-preview{height:360px;width:100%;background:radial-gradient(ellipse at 50% 80%,#36526170,transparent 65%)}
.explorer-preview-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.explorer-preview-controls button,.explorer-preview-controls select{font-size:14px;padding:9px 12px;min-height:40px}
.explorer-preview-controls [aria-pressed=true]{border-color:#c3cfb4;background:#c3cfb420}
.wardrobe-panel .avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 14px}
.wardrobe-panel .avatar-choice{padding:6px;font-size:10px}
.wardrobe-panel .visitor-icon{height:59px}
.wardrobe-panel .emote-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.wardrobe-panel .emote-button{min-height:40px;padding:7px;font-size:11px}
#wear-explorer{margin-top:18px}#wardrobe-status{font-size:12px;min-height:18px;margin-bottom:0}
@media(max-width:700px){.wardrobe-panel{padding:24px 18px}.wardrobe-panel h2{font-size:30px;margin-bottom:8px}.wardrobe-stage{display:block}.wardrobe-preview{height:185px}.wardrobe-controls{max-height:34vh;overflow:auto;padding:5px 2px}.wardrobe-panel .visitor-icon{height:48px}.wardrobe-panel .emote-options{grid-template-columns:repeat(3,minmax(0,1fr))}#wear-explorer{margin-top:12px}}
.emote-mirror{position:fixed;right:24px;bottom:105px;z-index:18;width:145px;text-align:center;pointer-events:none;background:linear-gradient(0deg,#102530d9,transparent 65%);border-radius:22px}
.emote-mirror[hidden]{display:none}.emote-mirror>div{height:205px}.emote-mirror canvas{width:100%;height:100%;display:block}.emote-mirror>span{display:block;padding:0 7px 13px;font-size:12px;color:#e9e5d7}
@media(max-width:600px){.wardrobe-panel .avatar-options{grid-template-columns:repeat(3,minmax(0,1fr))}.identity-preview{height:175px}.emote-mirror{right:8px;bottom:120px;width:110px}.emote-mirror>div{height:155px}}

@media(max-height:550px){.wardrobe-preview{height:clamp(155px,47dvh,240px)}}
@media(max-width:760px),(max-height:550px){
 .wardrobe-panel>.close{position:sticky;float:right;top:0;right:auto;z-index:10;width:44px;height:44px;min-height:44px;margin:0 0 -44px 12px;background:#13242fee;border:1px solid #becdc54d;border-radius:9px}
 .wardrobe-panel h2{padding-right:44px}
}