:root{--bg:#0b0c16;--panel:#121320;--ink:#f3f0ed;--muted:#9699ae;--line:rgba(255,255,255,.12);--gold:#e5bd7b;--mint:#77e7d7;--violet:#aa92fc;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;user-select:none}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round;flex:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 43%,rgba(3,4,12,.54) 100%)}
.menu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,19,.97),rgba(8,9,19,.87) 32%,rgba(8,9,19,.32) 72%,rgba(8,9,19,.68));overflow:hidden}.menu:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 73% 40%,rgba(124,90,179,.18),transparent 54%);pointer-events:none}.menu-top{position:absolute;top:35px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:2}.wordmark{font-size:34px;letter-spacing:-3px;font-weight:900;line-height:.8}.wordmark>span{display:block;font-size:7px;letter-spacing:3px;margin-top:10px;font-weight:500}.edition,.build{font-size:10px;letter-spacing:2.1px;color:#c5c3cf}.edition b{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:10px;box-shadow:0 0 15px var(--mint)}.build{color:#858598}.menu-copy{position:absolute;left:8%;top:20%;z-index:3;max-width:490px}.eyebrow{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:2.5px}.menu h1{font-size:clamp(68px,7.6vw,116px);line-height:.92;letter-spacing:-5px;margin:20px 0 22px;font-weight:800}.menu h1 em{font-weight:400;font-family:Georgia,'Times New Roman',serif;letter-spacing:-4px;color:var(--gold)}.menu-tag{font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.5px;margin:16px 0}.menu-desc{font-size:13px;line-height:1.8;max-width:337px;color:#a5a4b4}.menu-actions{display:flex;align-items:center;gap:15px;margin-top:26px}.primary{padding:18px 22px;background:var(--gold);color:#15121a;font-size:11px;font-weight:800;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:23px;min-height:52px;border:1px solid var(--gold);transition:background .18s,transform .18s,box-shadow .18s}.primary:hover{background:#f8d899;box-shadow:0 6px 35px #e5bd7b30;transform:translateY(-2px)}.secondary{padding:17px 21px;background:transparent;border:1px solid var(--line);color:#ddd;font-size:12px;transition:.2s}.secondary:hover{border-color:var(--gold);background:#ffffff08}.load-state{margin-top:13px;color:#787b90;font-size:10px;letter-spacing:.6px;min-height:14px}.hero-art{position:absolute;inset:12% 2% 17% 48%;pointer-events:none}.hero-art>img{position:absolute;bottom:3%;height:94%;max-width:80%;object-fit:contain;left:50%;transform:translateX(-50%);filter:drop-shadow(12px 15px 28px #000a);z-index:2}.hero-ring{position:absolute;border:1px solid #e1ca9e18;border-radius:50%;width:450px;height:450px;left:50%;top:45%;transform:translate(-50%,-50%)}.ring-b{width:510px;height:510px;border-color:#ece0dd08}.ring-a:after{content:"";position:absolute;inset:30px;border:1px dashed #ecddb014;border-radius:50%}.hero-pedestal{position:absolute;bottom:-2%;left:50%;width:420px;height:120px;transform:translateX(-50%);border:1px solid #e5bd7b29;border-radius:50%;background:radial-gradient(ellipse,#c09bff25,transparent 67%);box-shadow:0 0 60px #7b5cd51a}.hero-caption{position:absolute;z-index:3;bottom:12%;right:2%;border-left:1px solid var(--gold);padding:13px 0 10px 15px;max-width:210px;text-shadow:0 2px 12px #000}.hero-caption>span{color:var(--gold);letter-spacing:2px;font-size:8px;display:block}.hero-caption>b{font-size:25px;letter-spacing:2px;display:block;margin-top:9px}.hero-caption>p{font-size:10px;line-height:1.5;color:#b3b1c0}.character-dock{position:absolute;left:8%;bottom:12%;display:flex;align-items:center;gap:24px;z-index:4}.dock-label{font-size:8px;line-height:1.7;letter-spacing:1.6px;color:#8c8ca3}.character-select{display:flex;gap:8px}.char-choice{width:59px;height:73px;background:#161722c9;position:relative;border:1px solid var(--line);overflow:hidden;transition:.25s}.char-choice img{height:158px;position:absolute;top:7px;left:50%;transform:translateX(-50%);filter:saturate(.6);pointer-events:none}.char-choice span{position:absolute;bottom:0;left:0;right:0;z-index:1;background:linear-gradient(transparent,#0a0b14 30%);padding:9px 1px 5px;font-size:8px;color:#c6c5d4}.char-choice.selected{border-color:var(--gold);background:#e5bd7b16;transform:translateY(-5px)}.char-choice.selected img{filter:none}.char-choice.selected:after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:2px;background:var(--gold)}.char-choice:hover{border-color:var(--gold)}.menu-footer{position:absolute;left:4.5%;right:4.5%;bottom:28px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#8d8c9d}.menu-footer>span:first-child{font-weight:700;color:#b7b4c1}.menu-footer i{font-style:normal;color:var(--gold);padding:0 10px}.menu-footer button{background:none;color:#d2cfda;font-size:10px}.menu-footer button span{margin-left:14px;color:var(--gold)}
#game-ui{position:absolute;inset:0;pointer-events:none}.topbar{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:14px;pointer-events:none}.top-brand{display:flex;gap:13px;align-items:center;padding:10px 16px 10px 10px;background:linear-gradient(90deg,#0b0d19ef,#0b0d1970);border:1px solid #ffffff09;border-radius:6px;min-width:230px}.brand-square{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border:1px solid #e5bd7b49;background:#e5bd7b09;color:var(--gold);font-size:25px;font-weight:bold;letter-spacing:-4px;padding-right:4px}.brand-square>span{font-size:12px;letter-spacing:-1.5px;margin-top:9px}.micro{display:block;color:#9794a9;font-size:8px;letter-spacing:1.8px}.top-brand b{display:block;font-size:14px;letter-spacing:.4px;margin:4px 0}.live-location{font-size:7px;letter-spacing:1.2px;color:#aeb8bb;display:flex;gap:6px;align-items:center}.live-location i{width:4px;height:4px;border-radius:50%;background:var(--mint)}.top-center{text-align:center;text-shadow:0 1px 10px #000}.top-center .micro{font-size:7px}.top-center #night-clock{font-size:19px;letter-spacing:2px;display:inline-block;margin-top:5px}.sound-bars{display:inline-flex;align-items:end;gap:2px;height:16px;margin-left:9px}.sound-bars i{height:10px;width:2px;background:var(--gold);animation:equalize 1.2s ease-in-out infinite}.sound-bars i:nth-child(2){animation-delay:-.3s}.sound-bars i:nth-child(3){animation-delay:-.6s}.sound-bars i:nth-child(4){animation-delay:-.9s}.sound-bars i:nth-child(5){animation-delay:-.1s}@keyframes equalize{0%,100%{height:3px}50%{height:14px}}.toolbar{display:flex;gap:5px;align-items:center;pointer-events:auto;padding:5px;background:#0c0e19ba;border:1px solid #ffffff09;border-radius:6px}.icon-btn{width:38px;height:38px;background:transparent;display:inline-flex;align-items:center;justify-content:center;transition:.2s;border-radius:4px;color:#bbb9cc}.icon-btn:hover{background:#ffffff12;color:var(--ink)}.icon-btn.muted{color:#615f74}.icon-btn.muted:after{content:"";position:absolute;width:25px;height:1px;background:#aaa;transform:rotate(-45deg)}.money-display{display:flex;gap:6px;align-items:center;padding:0 14px 0 7px;margin-right:6px;border-right:1px solid var(--line);font-size:12px}.money-display small{font-size:8px;letter-spacing:1px;color:#9d95a6}.credit-icon{color:var(--gold);border:1px solid #e5bd7b50;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px}.mission-panel{position:absolute;right:28px;top:111px;width:255px;padding:16px 17px;background:linear-gradient(135deg,#141321e8,#0c0c1cba);border:1px solid #c6b8e319;border-radius:6px;pointer-events:auto}.mission-heading{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;padding:0;text-align:left;font-size:8px;letter-spacing:1.3px;color:var(--gold)}.mission-heading>span:first-child{display:flex;align-items:center;gap:8px}.mission-heading i{width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--gold)}.mission-heading>span:last-child{color:#a598b4;font-size:9px;letter-spacing:0}#mission-current{font-size:13px;font-weight:700;margin:16px 0 7px}#mission-hint{color:#9591a8;font-size:10px;line-height:1.6;margin:0 0 17px}.progress-track{height:2px;background:#ffffff0b}.progress-track span{height:100%;display:block;background:var(--gold);transition:width .5s}#journal-btn{display:flex;width:100%;justify-content:space-between;background:none;font-size:9px;padding:12px 0 0;color:#aaa1b7}#journal-btn span{color:var(--gold)}.camera-tools{position:absolute;right:28px;bottom:135px;border:1px solid var(--line);border-radius:5px;background:#0b0d1cc2;display:flex;pointer-events:auto}.camera-tools button{width:33px;height:31px;background:none;color:#b5b1c8;font-size:17px}.camera-tools button:hover{color:white;background:#ffffff0b}.bottom-bar{position:absolute;bottom:39px;left:28px;right:28px;min-height:73px;background:linear-gradient(135deg,#10111eeb,#10101acb);border:1px solid #ffffff12;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:9px 15px;gap:20px;pointer-events:auto;backdrop-filter:blur(12px)}.player-card{display:flex;gap:12px;align-items:center;min-width:200px}.player-portrait{position:relative;width:47px;height:50px;overflow:hidden;background:radial-gradient(ellipse,#685138,#222030);border:1px solid #e5bd7b55;border-radius:4px}.player-portrait img{position:absolute;width:61px;top:0;left:50%;transform:translateX(-50%)}.player-card b{display:block;font-size:14px;letter-spacing:.2px;margin:3px 0}.player-mood{font-size:9px;color:var(--mint)}.needs{display:flex;gap:24px;flex:1;max-width:455px}.needs>div{display:flex;gap:8px;align-items:center;flex:1}.needs svg{width:17px;height:17px;color:#9d99b3}.needs span{flex:1}.needs small{font-size:7px;letter-spacing:1px;color:#9b98ad;display:block;margin-bottom:8px}.needs i{display:block;height:3px;min-width:60px;background:#ffffff12;border-radius:5px;overflow:hidden}.needs b{display:block;background:var(--mint);height:100%;transition:width .4s}#need-social{background:var(--violet)}#need-water{background:#84bce8}.action-dock{display:flex;gap:7px}.action-dock button{background:#ffffff03;border:1px solid #ffffff0b;display:flex;gap:7px;align-items:center;justify-content:center;padding:12px 10px;border-radius:4px;font-size:7px;letter-spacing:.7px;min-height:45px}.action-dock button:hover,.action-dock button.active{border-color:#e5bd7b8c;color:var(--gold);background:#e5bd7b0a}.action-dock svg{width:17px;height:17px}.action-dock kbd{font-family:inherit;border:1px solid #ffffff20;border-radius:2px;padding:2px 3px;margin-left:5px;color:#9691a4;font-size:7px}.desktop-help{position:absolute;bottom:17px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:1px;color:#afabbc}.desktop-help span{color:#726e86;margin-left:5px}.desktop-help i{margin:0 11px;color:#5b576c}.room-banner{position:absolute;top:31%;left:0;right:0;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s;pointer-events:none;text-shadow:0 5px 20px #000}.room-banner.show{opacity:1;transform:translateY(0)}.room-banner>span{display:block;color:var(--gold);font-size:10px;letter-spacing:6px}.room-banner>b{display:block;font-weight:400;font-size:45px;letter-spacing:8px;margin:13px 0}.room-banner>small{font-size:12px;letter-spacing:2px;color:#c5bed6}.toasts{position:absolute;left:28px;top:117px;display:flex;flex-direction:column;gap:8px;max-width:300px}.toast{font-size:11px;line-height:1.5;background:#131321ed;border:1px solid #bca9d82a;border-left:2px solid var(--gold);padding:12px 15px;border-radius:3px;animation:toast-in .3s ease-out;color:#dad4e4;box-shadow:0 8px 25px #0003}.toast b{color:var(--gold);font-weight:600}.toast.out{opacity:0;transform:translateX(-15px);transition:.35s}@keyframes toast-in{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.interact-hint{position:absolute;left:50%;transform:translateX(-50%);bottom:139px;display:flex;align-items:center;gap:13px;background:#111321ed;border:1px solid #e5bd7b70;box-shadow:0 10px 30px #0005;border-radius:5px;padding:11px 15px;min-width:225px;pointer-events:auto;cursor:pointer}.interact-hint kbd{font-family:inherit;color:#19151c;font-weight:bold;font-size:12px;background:var(--gold);padding:8px 10px;border-radius:3px}.interact-hint b{font-size:12px;display:block}.interact-hint span{font-size:9px;color:#a19aae;display:block;margin-top:4px}.interact-hint .interact-arrow{color:var(--gold);margin:0 0 0 auto;font-size:17px}#touch-controls{display:none}
.social-panel{position:absolute;right:23px;top:107px;bottom:127px;width:370px;z-index:5;padding:26px 23px 15px;border:1px solid #b5a0d040;border-radius:9px;background:linear-gradient(145deg,#202033f7,#0e1020fa);box-shadow:0 18px 80px #0008;backdrop-filter:blur(22px);display:flex;flex-direction:column;animation:panel-in .22s ease-out;pointer-events:auto}.close-panel{position:absolute;right:10px;top:10px;width:31px;height:31px;z-index:2}.close-panel svg{width:16px;height:16px}.social-header{display:flex;align-items:center;gap:17px;flex:none}.social-portrait{width:69px;height:87px;position:relative;overflow:hidden;border:1px solid #e5bd7b40;background:radial-gradient(ellipse at 50% 70%,#645061,#202137);border-radius:4px;flex:none}.social-portrait img{position:absolute;height:265px;top:3px;left:50%;transform:translateX(-50%)}.social-header .eyebrow{font-size:7px;letter-spacing:1.5px}.social-header h2{margin:7px 0;font-size:24px;letter-spacing:-.6px}.mood-chip{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:var(--mint);background:#77e7d70b;border:1px solid #77e7d722;padding:4px 6px;border-radius:3px}.social-bio{color:#a39cb5;font-size:10px;line-height:1.6;margin:14px 0 15px}.affinity-header{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#9f95b0}.affinity-header b{color:var(--mint);font-size:9px;letter-spacing:0}.affinity-track{height:3px;background:#ffffff0c;margin-top:7px;flex:none}.affinity-track span{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--mint));transition:width .4s}.chat-log{overflow-y:auto;flex:1;min-height:65px;padding:15px 0 4px;scrollbar-width:thin;scrollbar-color:#666078 transparent}.chat-bubble{font-size:12px;line-height:1.65;padding:12px 13px;background:#ffffff06;border:1px solid #ffffff09;border-radius:0 8px 8px 8px;margin:0 12px 10px 0}.chat-bubble.you{font-size:10px;color:#cabda7;margin:0 0 9px 30px;border:0;border-right:2px solid #e5bd7b44;background:#e5bd7b07;border-radius:5px 0 0 5px;padding:8px 10px}.chat-bubble.system{background:none;border:0;font-size:9px;color:var(--mint);text-align:center;font-style:italic}.social-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);flex:none}.social-choices button{background:#ffffff04;border:1px solid #ffffff10;border-radius:4px;font-size:10px;line-height:1.3;padding:11px 8px;min-height:39px;text-align:left;transition:.15s}.social-choices button:hover{background:#e5bd7b12;border-color:#e5bd7b70;color:var(--gold)}.social-choices button small{display:block;color:#8c859b;font-size:8px;margin-top:3px}.social-choices button.special{grid-column:1/-1;border-color:#e5bd7b55;color:var(--gold);text-align:center}.social-tip{font-size:8px;color:#726d83;line-height:1.5;margin-top:10px;text-align:center}.social-open .mission-panel{display:none}.social-open .interact-hint{display:none!important}@keyframes panel-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
.modal-backdrop{position:absolute;inset:0;z-index:20;background:#05060ed4;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:linear-gradient(135deg,#1e1c2c,#10131f);border:1px solid #b7a0ce3a;box-shadow:0 35px 100px #0009;width:min(790px,100%);max-height:88vh;overflow-y:auto;border-radius:10px;padding:38px;scrollbar-width:thin;scrollbar-color:#555166 transparent}.modal h2{font-weight:500;font-size:32px;letter-spacing:-1px;margin:9px 0 10px}.modal .intro{font-size:12px;line-height:1.7;color:#aaa3b9;max-width:580px;margin:0 0 24px}.modal h3{font-size:13px;font-weight:500}.modal .primary{margin-top:20px}.modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.modal-actions .primary{margin:0}.map-rooms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-card{text-align:left;background:#ffffff03;padding:19px;border:1px solid var(--line);border-radius:5px;min-height:125px;position:relative;transition:.2s}.room-card:hover{border-color:var(--gold);background:#e5bd7b07}.room-card.current{border-color:#77e7d755;background:#77e7d705}.room-card .room-number{font-family:Georgia,serif;font-size:29px;color:var(--gold);font-style:italic}.room-card strong{display:block;font-size:17px;margin-top:12px;font-weight:500}.room-card p{font-size:10px;color:#a39aaf;line-height:1.5;margin:7px 0}.room-card .room-status{position:absolute;top:22px;right:17px;font-size:7px;letter-spacing:1px;color:var(--mint)}.friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.friend-card{display:flex;gap:12px;align-items:center;padding:12px;background:#ffffff03;border:1px solid var(--line);border-radius:4px}.friend-face{width:41px;height:57px;overflow:hidden;position:relative;flex:none}.friend-face img{height:177px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.friend-info{flex:1}.friend-info b{display:block;font-size:12px}.friend-info small{font-size:8px;color:#9b90a8;display:block;margin-top:5px}.friend-info i{margin-top:9px;height:2px;background:#ffffff10;display:block}.friend-info i span{display:block;height:100%;background:var(--mint)}.friend-card em{font-size:10px;font-style:normal;color:var(--gold)}.goal-row{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.goal-index{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid #e5bd7b44;color:var(--gold);border-radius:50%;font-size:10px;flex:none}.goal-row.done .goal-index{background:#77e7d71a;border-color:#77e7d766;color:var(--mint)}.goal-row b{font-size:12px;font-weight:500;display:block}.goal-row small{font-size:10px;color:#9a8fa7;display:block;margin-top:5px;line-height:1.6}.goal-row .goal-progress{margin-left:auto;font-size:10px;color:var(--gold);flex:none}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden}.control-grid>div{padding:15px;background:#191926;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.control-grid kbd{color:var(--gold);font:10px Arial}.info-note{font-size:10px;color:#8c829b;line-height:1.8;margin-top:22px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;gap:20px}.settings-row input[type=range]{width:190px;accent-color:var(--gold)}.settings-row button{border:1px solid var(--line);background:#ffffff05;color:var(--gold);padding:8px 12px;font-size:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid>div{border:1px solid var(--line);background:#ffffff03;padding:22px 15px;text-align:center}.stats-grid b{font-size:28px;color:var(--gold);font-weight:400;display:block}.stats-grid span{font-size:8px;letter-spacing:1px;color:#a397b1;display:block;margin-top:12px}.pause-note{color:var(--mint);font-size:10px;line-height:1.8}
.dj-overlay{position:absolute;inset:0;z-index:25;background:radial-gradient(ellipse at 50% 50%,#352155ed,#070913f7);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:20px}.dj-inner{width:600px;max-width:100%}.dj-inner header{display:flex;justify-content:space-between;align-items:center}.dj-inner h2{font-size:38px;letter-spacing:-1px;margin:10px 0}.dj-inner p{font-size:11px;color:#b8a9c6;line-height:1.6}.dj-stats{display:flex;align-items:center;justify-content:space-between;margin:23px 0 14px;font-size:12px;color:var(--gold)}#dj-score{font-size:28px;font-variant-numeric:tabular-nums}#dj-combo{font-size:10px;letter-spacing:2px;color:var(--mint)}#dj-time{font-size:9px;letter-spacing:1px}#dj-canvas{width:100%;height:280px;display:block;background:linear-gradient(#13112233,#32234188);border:1px solid #ca9ce53b;border-bottom:none}.dj-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.dj-pads button{border:1px solid #d9a8fd55;background:#251c3c;color:var(--gold);font-size:23px;padding:17px 10px;touch-action:none}.dj-pads button small{font-size:8px;letter-spacing:2px;color:#9884b0;display:block;margin-top:5px}.dj-pads button.hit{background:#765589;color:#fff;box-shadow:0 0 25px #bb85ee6b}.dj-caption{text-align:center;font-size:9px!important;letter-spacing:2px;margin-top:20px}.dj-result{padding:30px 0}.dj-result .result-title{font-size:25px;color:var(--gold);margin-bottom:15px}
#transition{position:absolute;inset:0;background:#0a0b15;z-index:50;opacity:0;pointer-events:none;transition:opacity .35s;display:flex;align-items:center;justify-content:center}#transition.active{opacity:1;pointer-events:auto}#transition>div{text-align:center}#transition small{display:block;margin-top:15px;font-size:8px;letter-spacing:4px;color:var(--gold)}
@media(min-width:1600px){.menu-copy{top:21%}.hero-art{inset:12% 7% 16% 46%}.menu h1{font-size:130px}.menu-desc{font-size:15px}.menu-tag{font-size:29px}.hero-caption{right:-1%;bottom:20%}.char-choice{width:66px;height:83px}.char-choice img{height:177px}}
@media(max-height:760px) and (min-width:850px){.menu-copy{top:18%}.menu h1{font-size:78px;margin:14px 0}.menu-tag{font-size:21px;margin:11px 0}.menu-desc{font-size:11px;max-width:320px;line-height:1.6}.menu-actions{margin-top:18px}.menu-footer{bottom:21px;padding-top:16px}.character-dock{bottom:11%}.char-choice{height:59px;width:49px}.char-choice img{height:133px}.hero-art{bottom:12%}.hero-caption{right:-2%;bottom:17%}.social-panel{top:96px;bottom:121px;padding:20px 18px 12px}.social-portrait{height:65px;width:54px}.social-portrait img{height:215px}.social-header h2{font-size:21px}.social-bio{font-size:9px;margin:9px 0}.social-choices{gap:4px;margin-top:7px;padding-top:7px}.social-choices button{min-height:32px;padding:8px;font-size:9px}.social-tip{font-size:7px;margin-top:6px}.chat-bubble{font-size:11px;padding:9px 10px}.chat-log{padding-top:9px}.social-header .mood-chip{font-size:7px}.social-panel .affinity-header{font-size:6px}}
@media(max-width:1100px){.topbar{left:17px;right:17px}.top-center{display:none}.top-brand{min-width:210px}.bottom-bar{left:17px;right:17px;gap:16px}.player-card{min-width:160px}.needs{gap:15px}.action-dock button{padding:10px 12px}.action-dock span{display:none}.action-dock kbd{display:none}.mission-panel{right:18px}.social-panel{right:18px}.hero-caption{right:-1%;max-width:156px}.hero-caption>b{font-size:19px}.hero-art{right:1%}.hero-ring{width:360px;height:360px}.ring-b{width:420px;height:420px}.menu-copy{left:7%}.character-dock{left:7%}.menu-footer>span:nth-child(2){display:none}}
@media(max-width:760px){.menu-top{top:25px;left:6%;right:6%}.wordmark{font-size:29px}.wordmark>span{font-size:5px;letter-spacing:2.8px}.edition{font-size:7px;letter-spacing:1.5px}.build{display:none}.menu{background:linear-gradient(90deg,#090b17f5,#090b17a0 55%,#090b1740),linear-gradient(0deg,#090b17 4%,transparent 65%)}.menu-copy{left:7%;top:20%;max-width:65%}.menu .eyebrow{font-size:6px;letter-spacing:1.3px;max-width:210px;line-height:1.7}.menu h1{font-size:clamp(57px,13.5vw,86px);letter-spacing:-3px;margin:18px 0}.menu h1 em{letter-spacing:-3px}.menu-tag{font-size:19px;margin:19px 0 15px}.menu-desc{font-size:11px;line-height:1.65;width:220px;max-width:100%;padding-right:10px}.menu-actions{flex-direction:column;align-items:flex-start;gap:6px;margin-top:22px}.menu-actions .primary{font-size:8px;padding:15px 14px;gap:12px;min-height:47px;letter-spacing:1px}.menu-actions .secondary{font-size:10px;padding:10px 14px}.load-state{max-width:180px;font-size:8px;line-height:1.5}.hero-art{inset:17% -9% 26% 43%;opacity:1}.hero-art>img{height:100%;max-width:120%}.hero-caption{display:none}.hero-ring{width:270px;height:270px;border-color:#e5bd7b19}.ring-b{width:310px;height:310px}.hero-pedestal{width:260px;height:80px;bottom:-2%}.character-dock{bottom:12%;left:7%;gap:12px;align-items:start;flex-direction:column}.dock-label{font-size:6px;letter-spacing:1.5px;line-height:1}.dock-label br{display:none}.char-choice{width:50px;height:61px}.char-choice img{height:140px}.char-choice span{font-size:7px}.character-select{gap:7px}.menu-footer{bottom:23px;left:6%;right:6%;padding-top:19px;font-size:7px}.menu-footer button{font-size:9px}.topbar{left:12px;right:12px;top:14px;gap:6px}.top-brand{min-width:0;gap:8px;padding:5px 8px 5px 5px;background:#0b0d19b5}.brand-square{width:30px;height:35px;font-size:20px}.brand-square>span{font-size:9px}.top-brand .micro{font-size:6px;letter-spacing:1px}.top-brand b{font-size:11px;margin:4px 0}.live-location{font-size:5px;letter-spacing:.5px}.toolbar{gap:1px;padding:4px 3px}.toolbar .icon-btn{width:29px;height:34px}.toolbar svg{width:16px;height:16px}.money-display{padding:0 7px 0 1px;margin:0 3px 0 0;gap:4px;font-size:10px}.money-display small{display:none}.credit-icon{width:14px;height:14px;font-size:8px}.mission-panel{top:83px;right:12px;left:12px;width:auto;padding:11px 13px;background:#101020ba}.mission-heading{font-size:7px;letter-spacing:1.1px}#mission-current{font-size:11px;margin:10px 0 0}#mission-hint{font-size:9px;margin:6px 0 10px}#journal-btn{display:none}.mission-panel.compact #mission-body{display:none}.progress-track{height:2px}.bottom-bar{bottom:calc(13px + var(--safe));left:12px;right:12px;min-height:57px;padding:8px 10px;gap:13px}.player-card{min-width:106px;gap:7px}.player-portrait{width:32px;height:36px}.player-portrait img{width:43px}.player-card .micro{font-size:5px;letter-spacing:1px}.player-card b{font-size:10px;margin:3px 0}.player-mood{font-size:7px}.needs{gap:10px;max-width:none}.needs>div{display:block}.needs svg{display:none}.needs small{font-size:5px;letter-spacing:.5px;margin-bottom:5px}.needs i{min-width:25px;height:2px}.action-dock{display:none}.desktop-help{display:none}.camera-tools{bottom:calc(242px + var(--safe));right:14px}.camera-tools button{width:28px;height:29px;font-size:16px}#touch-controls{display:block;position:absolute;bottom:calc(91px + var(--safe));left:0;right:0;height:126px;pointer-events:none}#joystick{position:absolute;left:25px;bottom:0;width:116px;height:116px;border:1px solid #e5d2ff33;border-radius:50%;background:radial-gradient(#ffffff07,#ffffff02);pointer-events:auto;touch-action:none;box-shadow:inset 0 0 25px #0003}#joystick>span{position:absolute;inset:19px;border:1px solid #e5d2ff13;border-radius:50%}#joystick-knob{position:absolute;top:37px;left:37px;width:40px;height:40px;border:1px solid #d9d1f170;background:linear-gradient(135deg,#777080b0,#393447cc);border-radius:50%;box-shadow:0 2px 12px #0003}.touch-actions{position:absolute;right:24px;bottom:5px;display:flex;align-items:end;gap:13px;pointer-events:auto}.touch-actions button{touch-action:none;display:flex;align-items:center;justify-content:center;flex-direction:column}.touch-actions svg{width:21px;height:21px}#touch-dance{width:45px;height:45px;border:1px solid #c0a5e65a;border-radius:50%;background:#1e192ed6;color:#ccc0e0}#touch-interact{ width:73px;height:73px;border:1px solid #e5bd7b88;border-radius:50%;background:radial-gradient(#7b6352b0,#292431e8);color:var(--gold);box-shadow:0 0 25px #e5bd7b11}#touch-interact span{font-size:7px;letter-spacing:1px;margin-top:6px}.interact-hint{bottom:calc(236px + var(--safe));padding:9px 12px;min-width:205px;max-width:calc(100% - 110px)}.interact-hint kbd{display:none}.interact-hint b{font-size:11px}.interact-hint span{font-size:8px}.toasts{top:157px;left:12px;max-width:calc(100% - 90px)}.toast{font-size:10px;padding:9px 12px}.room-banner{top:33%}.room-banner>b{font-size:28px;letter-spacing:5px}.room-banner>span{font-size:7px;letter-spacing:4px}.room-banner>small{font-size:9px;letter-spacing:1px}.social-panel{top:auto;right:9px;left:9px;bottom:calc(10px + var(--safe));height:min(74vh,650px);width:auto;padding:18px 17px 12px;border-radius:10px}.social-header{gap:13px}.social-portrait{height:64px;width:51px}.social-portrait img{height:205px}.social-header h2{font-size:22px}.social-header .eyebrow{font-size:7px}.social-bio{font-size:9px;margin:10px 0 12px}.social-choices{gap:5px;margin-top:9px}.social-choices button{font-size:10px;padding:11px 9px;min-height:36px}.social-tip{font-size:7px;margin-top:8px}.social-open #touch-controls,.social-open .bottom-bar,.social-open .camera-tools{display:none}.chat-bubble{font-size:12px;padding:10px 12px}.chat-log{padding:13px 0 2px}.modal-backdrop{padding:12px}.modal{padding:30px 21px;max-height:90dvh;border-radius:7px}.modal h2{font-size:27px}.modal .intro{font-size:11px;margin-bottom:20px}.map-rooms{gap:8px}.room-card{padding:13px;min-height:140px}.room-card strong{font-size:15px}.room-card p{font-size:9px}.room-card .room-number{font-size:22px}.room-card .room-status{top:18px;right:10px;font-size:6px;letter-spacing:.2px}.friend-grid{grid-template-columns:1fr}.goal-row{gap:12px}.goal-row b{font-size:11px}.goal-row small{font-size:9px}.control-grid{grid-template-columns:1fr}.settings-row{font-size:11px}.settings-row input[type=range]{width:130px}.dj-inner h2{font-size:28px}.dj-inner .eyebrow{font-size:8px;letter-spacing:2px}#dj-canvas{height:260px}.dj-pads button{padding:15px 10px}.dj-stats{margin:16px 0 10px}.dj-inner>p{font-size:10px}.stats-grid{gap:7px}.stats-grid>div{padding:18px 8px}.stats-grid b{font-size:25px}.stats-grid span{font-size:6px;line-height:1.6}}
@media(max-width:760px) and (max-height:730px){.menu-copy{top:17%}.menu h1{font-size:59px;margin:15px 0}.menu-tag{font-size:17px;margin:13px 0}.menu-desc{font-size:9px;max-width:173px}.menu-actions{margin-top:15px}.menu-actions .primary{font-size:7px;padding:13px 11px;min-height:41px}.character-dock{bottom:12%}.char-choice{width:43px;height:52px}.char-choice img{height:121px}.load-state{font-size:7px;max-width:175px}.hero-art{inset:19% -11% 25% 43%}.menu-footer{bottom:19px;padding-top:14px}.social-choices button{padding:8px;min-height:30px;font-size:9px}.social-portrait{height:48px;width:42px}.social-portrait img{height:161px}.social-header h2{font-size:19px}.social-bio{margin:7px 0;font-size:8px}.social-tip{display:none}.social-panel{height:76vh;padding-top:14px}.social-header .mood-chip{font-size:7px}.chat-bubble{font-size:11px}.social-choices{padding-top:8px}}
@media(hover:none) and (min-width:761px){.desktop-help{display:none}#touch-controls{display:block;position:absolute;inset:auto 0 125px;height:100px;pointer-events:none}#joystick{position:absolute;left:24px;bottom:0;width:100px;height:100px;border:1px solid #fff3;border-radius:50%;background:#0003;touch-action:none;pointer-events:auto}#joystick-knob{position:absolute;left:30px;top:30px;width:40px;height:40px;border-radius:50%;background:#aaa6;border:1px solid #fff5}.touch-actions{position:absolute;right:25px;bottom:0;display:flex;gap:12px;pointer-events:auto}.touch-actions button{background:#171624cf;border:1px solid #e5bd7b88;border-radius:50%;width:62px;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;touch-action:none}.touch-actions span{font-size:7px;margin-top:4px}.social-open #touch-controls{display:none}}
@media(max-height:500px) and (orientation:landscape){.menu-copy{top:23%;left:6%}.menu h1{font-size:53px;margin:9px 0}.menu .eyebrow{font-size:6px}.menu-tag{font-size:14px;margin:11px 0}.menu-desc{display:none}.menu-actions{margin-top:14px;flex-direction:row}.menu-actions .primary{font-size:7px;min-height:39px;padding:10px 14px}.load-state{font-size:7px}.menu-top{top:19px}.menu-footer{bottom:15px;padding-top:10px}.character-dock{left:auto;right:6%;bottom:16%;gap:10px}.dock-label{display:none}.hero-art{inset:15% 2% 20% 51%}.hero-caption{display:none}.hero-ring{width:220px;height:220px}.ring-b{width:260px;height:260px}.char-choice{width:43px;height:52px}.char-choice img{height:110px}.topbar{top:9px}.top-brand{padding:4px 7px}.top-brand b{font-size:10px}.live-location{display:none}.toolbar .icon-btn{height:28px;width:30px}.top-center{display:none}.mission-panel{left:auto;right:16px;top:68px;width:210px;padding:10px}.mission-panel #mission-body{display:none}.bottom-bar{bottom:8px;min-height:48px;padding:5px 10px}.needs small{font-size:6px}.player-portrait{width:31px;height:35px}.player-card b{font-size:11px}.desktop-help{display:none}.action-dock button{min-height:31px;padding:6px 10px}.camera-tools{bottom:73px}.interact-hint{bottom:74px;padding:7px 12px}.toasts{top:74px;left:16px;max-width:260px}.toast{font-size:9px;padding:8px 10px}.room-banner>b{font-size:30px}.social-panel{top:65px;bottom:66px;width:365px;left:auto;right:15px;height:auto;padding:13px 17px}.social-header{display:none}.social-bio{display:none}.social-choices{margin-top:7px;padding-top:7px;gap:4px;grid-template-columns:repeat(3,1fr)}.social-choices button{font-size:8px;padding:8px 6px;min-height:28px}.social-tip{display:none}.social-choices button.special{grid-column:auto}.chat-bubble{font-size:11px;padding:8px 10px}.chat-log{min-height:45px}.dj-inner{width:580px}.dj-inner h2{font-size:19px;margin:4px 0}.dj-inner .eyebrow{font-size:6px}.dj-inner>p{font-size:8px;margin:4px 0}.dj-stats{margin:6px 0}#dj-score{font-size:18px}#dj-canvas{height:130px}.dj-pads button{font-size:16px;padding:8px}.dj-pads button small{font-size:6px;margin-top:2px}.dj-caption{display:none}#touch-controls{bottom:75px;height:90px}#joystick{width:85px;height:85px;left:20px}#joystick-knob{width:34px;height:34px;left:25px;top:25px}.touch-actions{right:20px}.touch-actions #touch-interact{width:58px;height:58px}.social-open .bottom-bar{display:flex}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.sound-bars i{height:10px}}
/* V1.1 / Articulated-avatar workshop, complete casting and controls. */
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;filter:drop-shadow(8px 12px 24px #0008)}#hero-image{opacity:0}.hero-art .hero-caption{right:0;bottom:9%}.more-characters{display:flex;align-items:center;justify-content:center}.more-characters>b{font-size:21px;font-weight:400;color:var(--gold);margin-bottom:10px}.player-card{cursor:pointer}.player-card:hover b{color:var(--gold)}
.casting-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-top:10px}.casting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:570px;overflow-y:auto;padding:4px 4px 4px 0;scrollbar-width:thin;scrollbar-color:#665779 transparent}.casting-card{min-width:0;position:relative;background:#ffffff04;border:1px solid #ffffff10;border-radius:4px;padding:0 0 9px;overflow:hidden}.casting-card.chosen,.casting-card:hover{border-color:var(--gold);background:#e5bd7b0b}.casting-card>div{height:87px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 100%,#8c6c9730,transparent)}.casting-card img{height:191px;position:absolute;left:50%;transform:translateX(-50%);top:4px}.casting-card strong{display:block;font-size:10px;margin:8px 2px 3px}.casting-card small{display:block;font-size:5px;letter-spacing:.7px;color:#aca0b5}.casting-preview{position:relative;text-align:center;background:linear-gradient(#47314b1a,#0505100a);border:1px solid #c3acde14;border-radius:6px;padding:5px 14px 17px;display:flex;flex-direction:column;align-items:center}.casting-preview canvas{width:100%;height:315px;object-fit:contain;flex:none}.casting-preview h3{font-size:25px;margin:2px 0 8px}.casting-preview>p{font-size:9px;color:#aaa0b4;line-height:1.6;margin:0 0 12px}.preview-actions{display:flex;gap:3px;justify-content:center;margin:0 0 12px}.preview-actions button{font-size:8px;background:#ffffff05;border:1px solid #ffffff13;padding:8px 7px;border-radius:3px}.preview-actions button.active{border-color:var(--gold);color:var(--gold)}#rig-note{font-size:8px;min-height:41px;max-width:210px;margin:auto 0 15px}.casting-preview .primary{padding:14px 13px;min-height:42px;font-size:8px;gap:14px}.modal:has(.casting-layout){width:min(1000px,100%)}.story-more{background:#aa91d810;border:1px solid #baa1d033;color:#d9c7e7;padding:9px 12px;border-radius:5px;font-size:10px;margin:0 0 13px 20px}.friend-card{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #ffffff0f;border-radius:5px;background:#ffffff02}.friend-card>div:nth-child(2){flex:1;min-width:0}.friend-image{width:43px;height:60px;overflow:hidden;position:relative;background:#8a74a115;border-radius:3px;flex:none}.friend-image img{position:absolute;top:2px;height:183px;left:50%;transform:translateX(-50%)}.friend-card b{display:block;font-size:12px;margin-bottom:5px}.friend-card small{display:block;font-size:9px;color:#a599af}.friend-card span{font-size:7px;color:#8a859b}.friend-meter{height:2px;background:#ffffff10;margin:9px 0 6px}.friend-meter i{display:block;height:100%;background:var(--mint)}.friend-card button{align-self:center;background:none;padding:10px 2px;color:var(--gold);font-size:18px}.map-people{font-size:8px;color:#b3aabf;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.map-people i{font-size:17px;font-style:normal;color:var(--gold)}.panel-note{font-size:10px;color:#92899f;line-height:1.75;margin-top:20px}.goal-check{font-size:20px;color:#ad9fbb}.goal-row.complete .goal-check{color:var(--mint)}.goal-row>span:last-child{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--gold)}.bar-menu{display:flex;flex-direction:column;gap:10px}.bar-item{display:flex;align-items:center;gap:19px;border:1px solid #ffffff13;border-radius:5px;background:#ffffff03;padding:19px;text-align:left}.bar-item:hover{background:#e5bd7b0a;border-color:#e5bd7b60}.bar-item>span{font:italic 29px Georgia,serif;color:#927f98}.bar-item>div{flex:1}.bar-item b{display:block;font-size:14px;margin-bottom:7px}.bar-item small{display:block;font-size:10px;color:#9c92a9}.bar-item>strong{font-size:10px;white-space:nowrap;color:var(--gold)}#pool-canvas{width:100%;height:auto;display:block;touch-action:none;border-radius:8px}.settings-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold)}.toast.leave{opacity:0;transform:translateY(-8px)}.pause-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.pause-buttons .primary{font-size:9px}.mission-panel.compact #mission-body{display:none}.modal .control-grid div{line-height:1.6}.menu-actions .primary{white-space:nowrap}#transition.active{opacity:1;pointer-events:auto}.room-banner.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.toolbar #people-btn{display:none}.casting-layout{grid-template-columns:1fr;gap:13px}.casting-grid{grid-template-columns:repeat(5,1fr);max-height:230px}.casting-card>div{height:65px}.casting-card img{height:142px}.casting-card strong{font-size:8px}.casting-card small{font-size:4px;letter-spacing:.2px}.casting-preview{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto auto auto auto;column-gap:10px;padding:10px;text-align:left}.casting-preview canvas{grid-column:1;grid-row:1/6;height:197px;width:112px}.casting-preview h3{grid-column:2;font-size:23px;margin:0}.casting-preview>p{grid-column:2;font-size:8px;margin:4px 0}.preview-actions{grid-column:2;justify-content:start;margin:5px 0}.preview-actions button{font-size:7px;padding:7px 5px}#rig-note{grid-column:2;font-size:7px;min-height:0;margin:3px 0 8px}.casting-preview .primary{grid-column:2;justify-content:center;min-height:35px;font-size:7px;padding:10px}.modal:has(.casting-layout){padding:27px 17px 18px}.modal:has(.casting-layout) h2{font-size:24px;margin-top:14px}.modal:has(.casting-layout) .intro{font-size:10px;margin-bottom:14px}.hero-art .hero-caption{right:13%;bottom:4%;}.bar-item{padding:14px 11px;gap:12px}.bar-item b{font-size:12px}.bar-item small{font-size:9px}.bar-item>strong{font-size:8px}.bar-item>span{font-size:23px}.panel-note{font-size:9px}.character-select{gap:5px}.character-dock{max-width:calc(100vw - 32px)}.more-characters>b{font-size:18px}.pause-buttons .primary{font-size:8px;gap:12px}.pause-buttons .secondary{font-size:10px;padding:14px}.hero-art{pointer-events:none}}
@media(max-width:370px){.char-choice{width:42px}.character-select{gap:4px}.toolbar .icon-btn{width:25px}.top-brand{gap:4px}.top-brand b{font-size:10px}.brand-square{width:24px;font-size:18px}.toolbar{gap:0}.hero-caption{display:none}}
@media(max-height:500px) and (orientation:landscape){.casting-layout{grid-template-columns:1fr 210px}.casting-grid{grid-template-columns:repeat(5,1fr);max-height:220px}.casting-preview{display:flex;padding:5px}.casting-preview canvas{height:130px}.casting-preview h3{font-size:16px}.casting-preview>p{font-size:7px}.preview-actions{margin:3px 0}.casting-preview #rig-note{display:none}.casting-preview .primary{min-height:30px;padding:8px;font-size:7px}.modal:has(.casting-layout) h2{font-size:23px;margin:10px 0}.modal:has(.casting-layout) .intro{font-size:9px;margin:7px 0 13px}.casting-card>div{height:54px}.casting-card img{height:135px}.character-dock{right:3%}.char-choice{width:35px}}