@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f4f0fa;background:#100d18;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#100d18}button,input{font:inherit}button{cursor:pointer}.shell{position:relative;isolation:isolate;min-height:100dvh;max-width:540px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 22px max(26px,env(safe-area-inset-bottom));overflow:hidden}.centered{display:grid;place-items:center}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.28}.ambient-one{width:260px;height:260px;background:#8c4fe8;top:-110px;right:-110px}.ambient-two{width:220px;height:220px;background:#992d62;left:-160px;bottom:80px}.home-shell{display:flex;flex-direction:column;justify-content:center;gap:34px}.hero{text-align:center}.logo-mark{width:58px;height:58px;margin:0 auto 22px;display:grid;place-items:center;border:1px solid #8c6bb4;border-radius:18px;transform:rotate(45deg);background:linear-gradient(145deg,#312041,#17121f);box-shadow:0 12px 42px #0008}.logo-mark span{transform:rotate(-45deg);font-size:34px;color:#d6adff;line-height:1}.eyebrow{display:block;color:#a99db8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em}.hero h1{margin:10px 0 18px;font-family:Unbounded,sans-serif;font-size:clamp(42px,13vw,62px);line-height:.94;letter-spacing:-.06em;font-weight:600}.hero h1 em{font-style:normal;color:#bf8af4}.hero p{max-width:410px;margin:0 auto;color:#a99db8;line-height:1.6;font-size:14px}.card{border:1px solid #2d2737;border-radius:24px;background:linear-gradient(155deg,#1b1724ee,#15111cee);box-shadow:0 20px 70px #0006}.action-card{padding:22px}form{display:grid;gap:16px}label{display:grid;gap:8px;color:#b7adbf;font-size:12px;font-weight:600}input{width:100%;border:1px solid #373040;outline:none;border-radius:14px;background:#100d17;color:#fff;padding:15px 16px;transition:.2s}input:focus{border-color:#9a62d4;box-shadow:0 0 0 3px #9a62d422}input::placeholder{color:#62596b}.code-input{font-family:Unbounded,sans-serif;text-transform:uppercase;letter-spacing:.22em}.primary,.secondary{width:100%;border-radius:15px;padding:15px 18px;font-weight:700;transition:transform .15s,opacity .2s}.primary{border:0;color:#160c20;background:linear-gradient(135deg,#d0a4ff,#aa73e6);box-shadow:0 9px 30px #9b55dd33}.secondary{color:#d5c8df;border:1px solid #393140;background:transparent}.primary:active,.secondary:active{transform:scale(.98)}.primary:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:#5f5767;font-size:11px}.divider:before,.divider:after{content:"";height:1px;background:#2b2532;flex:1}.error{border-radius:12px;padding:11px 13px;color:#ffb9c5;background:#6b243b42;font-size:12px}footer{color:#61596b;text-align:center;font-size:11px}.install-button{align-self:center;border:1px solid #493b55;border-radius:99px;padding:9px 14px;color:#bfa8cf;background:#1b1521;font-size:10px}.lobby-shell{display:flex;flex-direction:column;gap:20px}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:5px 2px 8px}.room-code{display:block;border:0;padding:5px 0 0;color:#fff;background:none;font-family:Unbounded,sans-serif;font-size:23px;letter-spacing:.1em}.room-code span{color:#766783;font-family:sans-serif;font-size:16px}.online-pill{border:1px solid #324335;border-radius:99px;padding:7px 10px;color:#8ed39d;background:#21342655;font-size:10px;font-weight:700}.lobby-card{padding:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h1{margin:4px 0 0;font-family:Unbounded,sans-serif;font-size:26px}.player-count{color:#786e80;font-size:12px}.player-list{display:grid;gap:8px}.player{display:flex;align-items:center;gap:12px;border-radius:14px;padding:10px;background:#110e17aa;transition:opacity .2s}.player.offline{opacity:.42}.avatar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #534063;border-radius:12px;color:#dcb8ff;background:linear-gradient(145deg,#362545,#201727);font-weight:700}.player-name{display:grid;min-width:0;flex:1}.player-name strong{overflow:hidden;text-overflow:ellipsis;font-size:13px}.player-name span{margin-top:2px;color:#746b7c;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#74d48b;box-shadow:0 0 10px #74d48b88}.invite-card{display:flex;align-items:center;gap:14px;border:1px dashed #44384f;border-radius:18px;padding:16px}.invite-card .moon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#c79bea;background:#2a1e34;font-size:23px}.invite-card div:last-child{display:grid;gap:3px}.invite-card strong{font-size:12px}.invite-card span{color:#796f82;font-size:10px;line-height:1.4}.waiting{display:flex;justify-content:center;align-items:center;gap:5px;color:#776d80;font-size:11px}.waiting span{width:4px;height:4px;border-radius:50%;background:#9c77bd;animation:blink 1.3s infinite}.waiting span:nth-child(2){animation-delay:.2s}.waiting span:nth-child(3){animation-delay:.4s;margin-right:5px}.qr-card{display:grid;grid-template-columns:1fr 112px;align-items:center;gap:14px;border:1px dashed #4a3b55;border-radius:19px;padding:15px;background:#15111bee}.qr-copy{display:grid;gap:5px}.qr-copy strong{font-size:12px}.qr-copy p{margin:0;color:#796f82;font-size:9px;line-height:1.4}.qr-copy button{justify-self:start;margin-top:5px;border:1px solid #493a55;border-radius:9px;padding:7px 9px;color:#c8acd9;background:#241a2d;font-size:9px}.qr-image{width:112px;height:112px;display:grid;place-items:center;overflow:hidden;border:5px solid #f4eff8;border-radius:12px;background:#f4eff8}.qr-image img{width:100%;height:100%;display:block}.mini-loader{width:22px;height:22px;border:2px solid #c4b9ca;border-top-color:#512e69;border-radius:50%;animation:spin .8s linear infinite}.loader{width:32px;height:32px;border:3px solid #332a3d;border-top-color:#bd85ee;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}.setup-shell,.reveal-shell{display:flex;flex-direction:column;gap:18px}.page-header{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:4px 0 10px}.page-header h1{margin:4px 0 0;font-family:Unbounded,sans-serif;font-size:21px}.back-button{width:38px;height:38px;border:1px solid #352e3e;border-radius:12px;color:#d7cadd;background:#19141f;font-size:19px}.role-list{display:grid;gap:9px}.role-row{display:flex;align-items:center;gap:12px;border:1px solid #2c2634;border-radius:17px;padding:12px;background:#17131eee}.role-badge{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;font-size:20px}.role-badge.mafia,.role-card.mafia{color:#ffbdc9;background:linear-gradient(145deg,#4b1d2b,#24131c)}.role-badge.sheriff,.role-card.sheriff{color:#b9d7ff;background:linear-gradient(145deg,#1b3c5b,#111f30)}.role-badge.doctor,.role-card.doctor{color:#b7f2d0;background:linear-gradient(145deg,#1c4938,#12261f)}.role-badge.city,.role-card.city{color:#e4d0fb;background:linear-gradient(145deg,#38294b,#201829)}.role-copy{display:grid;flex:1;gap:2px}.role-copy strong{font-size:13px}.role-copy span{color:#756c7d;font-size:10px}.fixed-count{min-width:28px;color:#beb4c7;text-align:center}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:29px;height:29px;border:1px solid #423749;border-radius:9px;color:#e7dce9;background:#211a29}.stepper button:disabled{opacity:.3}.stepper b{min-width:14px;text-align:center}.balance-card{display:grid;gap:10px;border:1px solid #2d2736;border-radius:16px;padding:14px 16px;color:#7e7486;background:#15111b;font-size:10px}.balance-card div{display:flex;align-items:center;gap:10px}.balance-card b{color:#b8c6dc;font-size:11px}.balance-card .red-text{color:#d78c9d}.balance-card i{height:4px;flex:1;border-radius:99px;background:linear-gradient(90deg,#8c3c52 35%,#54779d 35%)}.reveal-shell{justify-content:center}.reveal-top{position:absolute;top:max(28px,env(safe-area-inset-top));left:22px;right:22px;display:flex;justify-content:space-between;color:#766d7e;font-size:10px}.secret-intro{text-align:center}.secret-icon{width:56px;height:56px;margin:0 auto 17px;display:grid;place-items:center;border:1px solid #4b3d58;border-radius:50%;color:#bd8ee7;background:#23182e;box-shadow:0 0 45px #9a54d529;font-size:25px}.secret-intro h1{margin:0 0 9px;font-family:Unbounded,sans-serif;font-size:24px}.secret-intro p{max-width:350px;margin:auto;color:#83798b;font-size:12px;line-height:1.55}.sealed-card{width:100%;min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid #483853;border-radius:24px;color:#e3d4ea;background:radial-gradient(circle at 50% 20%,#32213e,#18121f 70%);box-shadow:inset 0 0 0 6px #130f193d,0 20px 70px #0007}.sealed-card>span{color:#c797ec;font-size:53px;line-height:1}.sealed-card strong{font-size:13px}.sealed-card small{color:#756a7d;font-size:10px}.role-card{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff13;border-radius:24px;padding:28px;text-align:center;box-shadow:0 20px 70px #0007}.role-symbol{font-size:45px;line-height:1}.role-team{margin-top:17px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;opacity:.7}.role-card h2{margin:7px 0 12px;color:#fff;font-family:Unbounded,sans-serif;font-size:24px}.role-card p{max-width:310px;margin:0;color:#d7cddd;font-size:12px;line-height:1.55}.mafia-team{width:100%;display:grid;gap:6px;margin-top:18px;border-top:1px solid #ffffff1f;padding-top:13px}.mafia-team>span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;opacity:.65}.mafia-team>div{display:flex;align-items:center;justify-content:space-between;border-radius:9px;padding:8px 10px;color:#f5dfe4;background:#120b0e55}.mafia-team strong{font-size:10px}.mafia-team b{color:#d796a4;font-size:8px}.text-button{border:0;color:#82758c;background:transparent;font-size:11px;text-decoration:underline}.night-shell{display:flex;flex-direction:column;gap:18px;background:linear-gradient(#0c0a15,#120d1b)}.night-sky{position:absolute;inset:0;z-index:-1;overflow:hidden}.night-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d7c1ed;box-shadow:90px 70px #fff8,210px 24px #fff7,310px 130px #fff6,40px 240px #fff5}.night-sky i:nth-child(2){top:180px;left:70px;transform:rotate(30deg);opacity:.5}.night-sky i:nth-child(3){top:380px;left:10px;transform:rotate(60deg);opacity:.35}.night-sky i:nth-child(4){top:580px;left:120px;opacity:.25}.night-header{display:flex;align-items:center;justify-content:space-between}.night-header h1{margin:5px 0 0;font-family:Unbounded,sans-serif;font-size:20px}.night-header>span{border:1px solid #352b44;border-radius:99px;padding:7px 10px;color:#8f7ba2;font-size:10px}.night-prompt{padding:8px 8px 2px;text-align:center}.night-prompt h2{max-width:370px;margin:13px auto 8px;font-family:Unbounded,sans-serif;font-size:18px;line-height:1.4}.night-prompt p{margin:0;color:#766b80;font-size:10px}.target-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;max-height:43vh;overflow-y:auto}.target-grid button{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid #2f2838;border-radius:14px;padding:11px;color:#cfc4d6;background:#17131f;text-align:left}.target-grid button>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#cba2ec;background:#2b1e36;font-size:11px;font-weight:700}.target-grid button strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.target-grid button.selected{border-color:#ad75dc;background:#271b32;box-shadow:0 0 0 2px #9b65cc22}.submitted-card{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2d3f37;border-radius:22px;padding:25px;background:#14221d;text-align:center}.submitted-card>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid #47745b;border-radius:50%;color:#9ee3b7;font-size:24px}.submitted-card strong{margin-top:14px}.submitted-card p{max-width:280px;margin:7px 0 0;color:#71907d;font-size:10px;line-height:1.5}.submitted-card.spectator{border-color:#37303f;background:#18141e}.submitted-card.spectator>span{color:#ad9bb8;border-color:#504459}.observer-note{border:1px dashed #3a3242;border-radius:15px;padding:18px;color:#786e80;text-align:center;font-size:10px}.morning-shell{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center}.sunrise{position:absolute;z-index:-1;top:-180px;left:50%;width:420px;height:420px;transform:translate(-50%);border-radius:50%;background:#c77a5130;filter:blur(65px)}.morning-title>span{color:#e8b377;font-size:45px}.morning-title h1{margin:9px 0 0;font-family:Unbounded,sans-serif;font-size:25px}.morning-result{border:1px solid #372d3b;border-radius:22px;padding:25px 20px;background:#17131e}.result-mark{width:44px;height:44px;display:grid;place-items:center;margin:0 auto;border-radius:50%;color:#f2a2af;background:#4c202d;font-size:25px}.result-mark.saved{color:#a5e3bd;background:#1c4632}.morning-result h2{margin:13px 0 6px;font-size:16px}.morning-result p{margin:0;color:#7c7284;font-size:10px}.private-result{display:grid;gap:8px;border:1px solid #4b3c57;border-radius:17px;padding:16px;color:#e2d3eb;background:#251b2e}.private-result strong{font-size:13px}.zero-shell{display:flex;flex-direction:column;justify-content:center;gap:22px}.zero-glow{top:-100px;background:#9e6bc64a}.zero-card{display:flex;flex-direction:column;align-items:center;border:1px solid #493856;border-radius:25px;padding:32px 24px;background:radial-gradient(circle at 50% 0,#3a2750,#17121e 72%);text-align:center}.zero-card>span{width:74px;height:74px;display:grid;place-items:center;border:1px solid #8564a0;border-radius:24px;color:#e0b9fb;background:#382447;font-family:Unbounded,sans-serif;font-size:31px;box-shadow:0 12px 40px #0005}.zero-card h2{margin:20px 0 9px;font-family:Unbounded,sans-serif;font-size:18px;line-height:1.35}.zero-card p{max-width:330px;margin:0;color:#897b91;font-size:10px;line-height:1.6}.zero-hint{display:grid;gap:4px;border:1px dashed #493b53;border-radius:16px;padding:15px;color:#bba9c5;text-align:center}.zero-hint strong{font-size:10px}.zero-hint span{color:#776c80;font-size:8px}.day-shell,.vote-shell,.defense-shell,.result-shell{display:flex;flex-direction:column;gap:19px}.day-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px}.day-header h1{margin:4px 0 0;font-family:Unbounded,sans-serif;font-size:21px}.countdown{min-width:72px;border:1px solid #4a3e55;border-radius:14px;padding:9px 11px;color:#d8b5f4;background:#201729;font-family:Unbounded,sans-serif;font-size:16px;text-align:center}.countdown.urgent{color:#ffabb7;border-color:#713646;background:#351822}.speaker-card{display:flex;flex-direction:column;align-items:center;border:1px solid #382f42;border-radius:24px;padding:29px 20px;background:radial-gradient(circle at 50% 0,#332340,#17131e 70%);text-align:center}.speaker-card.accused{background:radial-gradient(circle at 50% 0,#49252e,#191318 70%)}.speaker-avatar{width:70px;height:70px;display:grid;place-items:center;margin-bottom:17px;border:1px solid #75568a;border-radius:22px;color:#ddbcf7;background:#362443;font-family:Unbounded,sans-serif;font-size:25px}.speaker-card h2{margin:6px 0 8px;font-family:Unbounded,sans-serif;font-size:22px}.speaker-card p{margin:0;color:#807488;font-size:10px}.speech-order{display:grid;gap:11px}.speech-order>div,.accused-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px}.speech-order div span,.accused-list span{flex:0 0 auto;border:1px solid #332c3b;border-radius:99px;padding:7px 11px;color:#706778;background:#17131d;font-size:10px}.speech-order div span.active,.accused-list span.active{color:#d9b7f5;border-color:#755395;background:#2b1d37}.vote-progress{border-radius:99px;padding:7px 11px;color:#bba6ca;background:#271d30;font-size:11px}.vote-intro h2{margin:0 0 5px;font-size:17px}.vote-intro p{margin:0;color:#7b7183;font-size:10px}.vote-candidates{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.vote-candidates button{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:0 9px;border:1px solid #302939;border-radius:15px;padding:10px;color:#d6cadc;background:#17131e;text-align:left}.vote-candidates button>span{grid-row:1 / 3;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#d6aff0;background:#30213b;font-weight:700}.vote-candidates button strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.vote-candidates button i{color:#716779;font-size:9px;font-style:normal}.vote-candidates button.selected{border-color:#b176df;background:#2b1d36}.vote-candidates button.selected i{color:#c996ef}.vote-board{display:grid;gap:7px;border:1px solid #302939;border-radius:17px;padding:14px;background:#15111b}.vote-board.empty{color:#756b7e;text-align:center;font-size:10px}.vote-board>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;border-radius:9px;padding:7px 9px;background:#1c1723;font-size:10px}.vote-board>div strong{overflow:hidden;text-overflow:ellipsis}.vote-board>div span{color:#665d6e;font-size:8px}.vote-board>div b{overflow:hidden;color:#e5a8b3;text-overflow:ellipsis;text-align:right}.result-shell{justify-content:center;text-align:center}.result-note{max-width:350px;margin:0 auto 10px;color:#837889;font-size:11px;line-height:1.6}.stats-card{display:grid;gap:8px;border:1px solid #392f43;border-radius:18px;padding:16px;background:#17131e;text-align:left}.stats-card>div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;border-radius:10px;padding:9px;background:#1f1927;font-size:10px}.stats-card>div b{color:#c695eb}.stats-card>div span{color:#8f8298}.revealed-list{display:grid;gap:8px;border:1px solid #392f43;border-radius:18px;padding:16px;background:#17131e;text-align:left}.revealed-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;border-radius:11px;padding:8px;background:#1e1825}.revealed-list .role-badge{width:36px;height:36px;border-radius:10px;font-size:16px}.revealed-list strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.revealed-list b{color:#a99bb1;font-size:9px}.eliminated-role{align-self:center;border:1px solid #503d59;border-radius:99px;padding:9px 14px;color:#9889a2;background:#1d1724;font-size:10px}.eliminated-role strong{color:#d8c4e4}.game-settings{display:grid;gap:4px;border:1px solid #332b3c;border-radius:19px;padding:16px;background:#17131e}.game-settings>div:first-child{display:grid;gap:4px;margin-bottom:8px}.game-settings>div:first-child strong{font-size:13px}.setting-row{min-height:51px;display:flex;grid-template:none;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #292230;color:inherit}.setting-row>span{display:grid;gap:2px}.setting-row b{color:#cfc3d6;font-size:10px}.setting-row small{color:#716778;font-size:8px;font-weight:400}.setting-row select{max-width:150px;border:1px solid #403548;border-radius:9px;outline:none;padding:7px 9px;color:#ccbcd5;background:#211a28;font-size:9px}.setting-row select:disabled{opacity:.55}.setting-row .toggle{position:relative;width:40px;height:23px;flex:0 0 auto;appearance:none;border:0;border-radius:99px;padding:0;background:#39313f;box-shadow:none}.setting-row .toggle:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#91869a;transition:.2s}.setting-row .toggle:checked{background:#7c4fa0}.setting-row .toggle:checked:after{left:20px;background:#eedcff}.volume-setting{display:grid;grid-template-columns:auto 1fr 34px;align-items:center;gap:10px;border-top:1px solid #292230;padding:10px 0;color:#8a7d92;font-size:9px}.volume-setting input{height:4px;border:0;padding:0;accent-color:#a56fd0;box-shadow:none}.volume-setting b{text-align:right}.host-controls{position:fixed;z-index:45;right:max(12px,calc((100vw - 540px)/2 + 12px));bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:7px;border:1px solid #4a3a55;border-radius:17px;padding:6px;background:#17121ee8;box-shadow:0 12px 40px #000a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.host-controls button{min-width:48px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:11px;color:#d6b7eb;background:#2a1d34;font-size:17px}.host-controls button:last-child{min-width:108px}.host-controls button.play{color:#a9e0bd;background:#183426}.host-controls small{max-width:100px;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.pause-overlay{position:fixed;z-index:44;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#eee3f2;background:#0e0a13e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.pause-overlay>span{width:65px;height:65px;display:grid;place-items:center;border:1px solid #5e4770;border-radius:50%;color:#ca9bec;background:#281b32;font-family:Unbounded,sans-serif;font-size:25px}.pause-overlay strong{margin-top:18px;font-family:Unbounded,sans-serif;font-size:21px}.pause-overlay p{max-width:320px;margin:8px 0 18px;color:#887a91;font-size:10px;line-height:1.5}.pause-overlay button{border:1px solid #765590;border-radius:12px;padding:11px 16px;color:#e8d4f4;background:#342041;font-weight:700;font-size:10px}.connection-panel{position:fixed;z-index:50;top:max(12px,env(safe-area-inset-top));left:50%;width:min(calc(100% - 24px),500px);transform:translate(-50%);border:1px solid #73404c;border-radius:17px;padding:13px;color:#ecdce0;background:#26171ded;box-shadow:0 14px 50px #000a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.connection-title{display:flex;align-items:center;gap:10px}.connection-title>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#ffb3bf;background:#572734;font-weight:700}.connection-title div{display:grid;gap:1px}.connection-title strong{font-size:11px}.connection-title small{color:#9b7c84;font-size:8px}.disconnected-player{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin-top:9px;border-radius:10px;padding:8px 9px;background:#170e12aa;font-size:9px}.disconnected-player b{font-size:10px}.disconnected-player span{color:#9d8188}.disconnected-player button{border:1px solid #7e4754;border-radius:8px;padding:6px 8px;color:#ffc0ca;background:#3d1d25;font-size:8px}.connection-panel p{margin:9px 2px 0;color:#a0838a;font-size:8px}@media(min-width:540px){body{background:radial-gradient(circle at 50% 20%,#251832,#0b0910 65%)}.shell{min-height:100vh;border-left:1px solid #211b29;border-right:1px solid #211b29;background:#100d18cc}}