/* Minute4Money Social panel: game-window visual system; no floating widget, no game logic. */
:root{--bg:#0b0c12;--panel:#20212c;--panel-2:#181922;--line:rgba(165,165,178,.24);--text:#f8f6ea;--muted:#a5a5b2;--gold:#f0b72c;--green:#62d9aa;--red:#ef7189;--shadow:0 24px 70px rgba(1,4,12,.42)}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 0,rgba(66,70,122,.34),transparent 28rem),radial-gradient(circle at 82% 12%,rgba(194,143,23,.11),transparent 25rem),var(--bg);color:var(--text);font:14px Manrope,Arial,sans-serif}body:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.17;background-image:linear-gradient(rgba(180,186,240,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(180,186,240,.14) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent 48%)}button,input{font:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}
.social-shell{position:relative;z-index:1;width:min(1216px,calc(100% - 32px));margin:0 auto;padding:24px 0 46px}.social-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);margin-bottom:34px}.social-brand{color:var(--gold);font:900 12px 'DM Mono',monospace;letter-spacing:.18em;text-decoration:none}.social-title{color:var(--muted);font:11px 'DM Mono',monospace;letter-spacing:.15em}.social-back{color:var(--muted);font-size:13px;text-decoration:none}.social-back:hover{color:var(--gold)}
.social-window{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(35,37,49,.96),rgba(24,25,34,.96));box-shadow:inset 0 1px rgba(255,255,255,.06),var(--shadow)}.window-bar{height:48px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(10,11,16,.24);color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.08em}.window-lights{display:flex;gap:5px}.window-lights i{display:block;width:7px;height:7px;border-radius:50%;background:var(--line)}.window-lights i:first-child{background:var(--gold)}.window-state{margin-left:auto;color:var(--green)}.social-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:560px}.social-sidebar{padding:24px 18px;border-right:1px solid var(--line);background:rgba(8,9,14,.14)}.social-main{min-width:0;padding:28px}.panel-label{display:block;color:var(--gold);font:10px 'DM Mono',monospace;letter-spacing:.16em}.invite-label{margin-top:28px}.player-list,.invite-list{display:grid;gap:8px;margin-top:12px}.empty{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.player-row,.invite-row{display:grid;gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(10,11,16,.22)}.player-id{display:flex;align-items:center;gap:8px;min-width:0}.player-id strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.online-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(98,217,170,.8)}.player-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.player-actions button,.invite-row button{min-height:27px;padding:0 5px;border:1px solid rgba(240,183,44,.38);border-radius:7px;background:rgba(240,183,44,.08);color:var(--gold);font:800 9px 'DM Mono',monospace}.player-actions button:hover,.invite-row button:hover{background:var(--gold);color:#27220f}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.invite-row>span{min-width:0}.invite-row b{color:var(--text)}.invite-row em{color:var(--muted);font:9px 'DM Mono',monospace;font-style:normal}.invite-row .danger{border-color:rgba(239,113,137,.45);color:var(--red)}
.room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.room-heading h1{margin:8px 0 0;font-size:clamp(23px,4vw,38px);letter-spacing:-.05em}.room-state{padding:7px 9px;border:1px solid rgba(98,217,170,.35);border-radius:999px;color:var(--green);font:10px 'DM Mono',monospace;white-space:nowrap}.room-empty{display:grid;place-items:center;min-height:390px;padding:30px;text-align:center;color:var(--muted)}.room-cross{display:grid;place-items:center;width:54px;height:54px;margin-bottom:17px;border:1px solid rgba(240,183,44,.32);border-radius:16px;color:var(--gold);font-size:30px;font-weight:300}.room-empty h2{margin:0;color:var(--text);font-size:18px}.room-empty p{max-width:340px;margin:9px 0 0;line-height:1.6}.room-content{padding-top:22px}.room-tabs{display:flex;gap:7px;margin-bottom:16px}.room-tab{padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.1em}.room-tab.active{border-color:rgba(240,183,44,.55);background:rgba(240,183,44,.1);color:var(--gold)}.messages{min-height:260px;max-height:340px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(10,11,16,.27)}.message{margin:0;padding:8px 0;border-bottom:1px solid rgba(165,165,178,.1);font-size:12px;line-height:1.5}.message:last-child{border-bottom:0}.message b{color:var(--gold)}.message-form{display:flex;gap:8px;margin-top:10px}.message-form input{min-width:0;flex:1;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#171822;color:var(--text);outline:none}.message-form input:focus{border-color:rgba(240,183,44,.65)}.message-form button,.primary-action,.secondary-action{min-height:40px;padding:0 16px;border:1px solid rgba(240,183,44,.45);border-radius:9px;background:rgba(240,183,44,.1);color:var(--gold);font:800 10px 'DM Mono',monospace}.message-form button:hover,.primary-action:hover{background:var(--gold);color:#27220f}.secondary-action{border-color:var(--line);background:transparent;color:var(--muted)}.voice-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(10,11,16,.2)}.voice-orb{color:var(--green);font:18px 'DM Mono',monospace}.voice-card h2{margin:0;font-size:16px}.voice-card p{margin:5px 0 0;color:var(--muted);font-size:12px}.voice-audio-wrap{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0a0b10}.voice-audio-wrap audio{width:100%}.social-note{margin:15px 0 0;color:var(--muted);font:11px 'DM Mono',monospace}.social-notice{position:fixed;right:18px;bottom:18px;z-index:50;max-width:min(360px,calc(100% - 36px));padding:12px 14px;border:1px solid rgba(240,183,44,.42);border-radius:10px;background:#20212c;color:var(--text);box-shadow:var(--shadow);font-size:12px}.social-notice.error{border-color:rgba(239,113,137,.55);color:#ffd5dc}
@media(max-width:760px){.social-shell{width:min(100% - 20px,620px);padding-top:12px}.social-topbar{margin-bottom:20px}.social-title{display:none}.social-layout{grid-template-columns:1fr}.social-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:18px}.social-main{padding:20px}.player-list{grid-template-columns:1fr 1fr}.invite-label{margin-top:20px}.room-empty{min-height:280px}}@media(max-width:460px){.player-list{grid-template-columns:1fr}.social-window{border-radius:20px}.window-bar{padding:0 12px;font-size:9px}.social-main{padding:16px}.room-heading{display:block}.room-state{display:inline-block;margin-top:12px}.message-form{display:grid}.message-form button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}