@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0";:root{font-family:Segoe UI,Manrope,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#e9edf5;background-color:#0b1224;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15),transparent 25%),radial-gradient(circle at 80% 0%,rgba(34,211,238,.15),transparent 30%),#0b1224;color:#e9edf5}a{color:inherit;text-decoration:none}.app-shell{max-width:1100px;margin:0 auto;padding:32px 20px 64px}.app-scale{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-scale .app-shell{transform:scale(var(--ui-scale, 1));transform-origin:top center;width:calc(100% / var(--ui-scale, 1));min-height:calc(100vh / var(--ui-scale, 1))}.screen{display:flex;flex-direction:column;gap:16px}.global-topbar{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;min-height:64px;border-radius:0;background:#162a34eb;color:#e7fbf7;box-shadow:0 16px 36px #04121a4d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.global-top-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.global-brand{position:relative;display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em}.global-brand-dot{width:10px;height:10px;border-radius:50%;background:#4de3c2;box-shadow:0 0 0 4px #4de3c22e}.global-brand-name{font-size:.9rem}.global-status{position:absolute;left:0;top:calc(100% + 10px);min-width:220px;padding:12px;border-radius:0;background:#2b3c4b;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #0c161e59;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease;color:#d6e3ea}.global-brand:hover .global-status{opacity:1;pointer-events:auto;transform:translateY(0)}.global-status-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.85rem}.global-status-label{color:#d6e3eab3}.global-status-value{font-weight:700;color:#fff}.global-stats{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.global-stat{background:transparent;border:none;color:#e7fbf7;font-weight:600;padding:0;border-radius:0;cursor:default}.global-stat span{margin-right:3px}.global-stat-menu{position:relative}.global-stat-button{border:none;background:transparent;color:#e7fbf7;font-weight:600;padding:0;border-radius:0;cursor:pointer}.global-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:200px;background:#2b3c4b;border-radius:0;padding:12px;box-shadow:0 16px 40px #0c161e59;border:1px solid rgba(255,255,255,.08);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease;color:#d6e3ea}.global-stat-menu:hover .global-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.global-menu-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.85rem}.global-menu-label{color:#d6e3eab3}.global-menu-value{font-weight:700;color:#fff}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#9fb3ce;font-size:.75rem}h1,h2{margin:0}.panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px;box-shadow:0 12px 40px #00000040}.panel-title{font-weight:600;color:#c4d2e8;margin-bottom:8px}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.list-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.list-title{font-weight:600;display:flex;align-items:center;gap:8px}.list-sub{color:#9fb3ce;font-size:.95rem;display:flex;flex-wrap:wrap;gap:6px}.muted{color:#90a3c0}.button{background:linear-gradient(135deg,#5b7cfa,#48c6ef);color:#0b1224;border:none;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .1s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #48c6ef59}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.secondary{background:#ffffff14;color:#e9edf5;box-shadow:none}.button.danger{background:#ef476f;color:#fff;box-shadow:0 12px 30px #ef476f59}.button.ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#e9edf5;box-shadow:none}.actions{display:flex;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:8px}.chip{background:#ffffff14;padding:4px 8px;border-radius:999px;font-size:.85rem;color:#dfe7f7}.chip.positive{background:#48c6ef29;color:#48c6ef}.chip.warning{background:#ef964829;color:#ef9648}.chip.highlight{background:#5b7cfa33;color:#b7c5ff}.field{display:flex;flex-direction:column;gap:6px;color:#c4d2e8}.field input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e9edf5}.field input:focus{outline:2px solid #48c6ef}.toast{position:fixed;right:16px;bottom:16px;padding:12px 14px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;max-width:340px}.toast.error{border-color:#ef476f66;background:#ef476f1f}.grid{display:flex;flex-wrap:wrap;gap:6px}.board{position:relative;width:min(620px,100%);aspect-ratio:1 / 1;margin:0 auto}.board-canvas{width:100%;height:100%;display:block;border-radius:24px;background:#f2e5cf;border:1px solid rgba(255,255,255,.1)}.pieces-layer{position:absolute;inset:0;pointer-events:none}.piece{position:absolute;width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);color:#0b1224;font-weight:800;display:grid;place-items:center;pointer-events:auto;cursor:default}.piece-actionable{cursor:pointer;outline:3px solid rgba(72,198,239,.4);animation:pulse 1.6s ease-in-out infinite}.piece-label{font-size:.95rem}.piece-dot{position:absolute;width:8px;height:8px;border-radius:999px;background:#0b1224;top:4px;right:4px}.inline-panel{margin-top:12px}.hint{background:#5b7cfa14;border-color:#5b7cfa29}@keyframes pulse{0%{box-shadow:0 0 #48c6ef8c}70%{box-shadow:0 0 0 16px #48c6ef00}to{box-shadow:0 0 #48c6ef00}}@media(max-width:768px){.screen-header{flex-direction:column;align-items:flex-start}.actions,.button{width:100%}}.app-shell.home-shell{--home-bg-1: #19a58e;--home-bg-2: #128c79;--home-bg-3: #0e7466;--home-panel: #f2f6f5;--home-card: #f7faf9;--home-sidebar: #2d3f4d;--home-sidebar-dark: #243642;--home-ink: #123237;--home-muted: #54686d;--home-accent: #2fba6e;--home-accent-2: #ef8c2b;--home-blue: #2f8fcd;--home-shadow: 0 30px 80px rgba(7, 35, 35, .35);--zoom-level: 1;--zoom-opposite-level: 1;font-family:Balsamiq Sans,Trebuchet MS,Gill Sans,Segoe UI,sans-serif;color:var(--home-ink);padding:84px 24px;max-width:none;margin:0;min-height:100vh;position:relative;z-index:0;display:flex;flex-direction:column}.app-shell.home-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.16) 0 7px,transparent 8px) 0 0 / 70px 70px,radial-gradient(circle at 55px 60px,rgba(0,0,0,.08) 0 14px,transparent 15px) 0 0 / 160px 160px,linear-gradient(180deg,var(--home-bg-1),var(--home-bg-3));z-index:-1}.home-screen{display:flex;flex-direction:column;gap:18px;margin-top:0;min-height:calc(100vh - 168px);padding:24px 0;justify-content:center;align-items:center;width:100%}.home-screen .home-shell-grid{transform:scale(var(--zoom-level, 1));transform-origin:center;width:calc(100% * var(--zoom-opposite-level, 1));margin:0 auto;transition:transform .2s ease}.home-screen--replaced .home-center-card{min-height:520px}.home-session-card{background:#2e4150;color:#f2f7f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;text-align:center;border-radius:18px;box-shadow:0 30px 80px #071b2273}.home-session-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ffffff1a;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;color:#ffffffbf}.home-session-pill-dot{width:8px;height:8px;border-radius:50%;background:#ff9075;box-shadow:0 0 0 4px #ff907533}.home-session-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#ffffff1f;font-size:32px}.home-session-title{font-size:1.4rem;font-weight:800}.home-session-message{max-width:420px;line-height:1.5;color:#fffc}.home-session-button{border:none;padding:10px 18px;border-radius:10px;font-weight:700;background:#f1f5f8;color:#1d2c37;cursor:pointer;box-shadow:0 12px 28px #0c1c2459;transition:transform .12s ease,box-shadow .12s ease}.home-session-button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #0c1c2466}.home-session-hint{font-size:.85rem;color:#fff9}.home-shell-grid{display:flex;justify-content:center;align-items:stretch}.home-center-card{width:var(--card-default-width, min(1200px, 100%));min-width:var(--card-min-width, auto);min-height:var(--card-min-height, 620px);height:var(--card-default-height, min(720px, calc(100vh - 200px) ));margin:0 auto;justify-self:center}.home-center-card--room{height:auto;min-height:620px}.home-card-resizer{position:absolute;right:12px;bottom:12px;width:18px;height:18px;cursor:nwse-resize;border-radius:4px;background:#0c282c26;box-shadow:inset 0 0 0 2px #0c282c33}.home-card-resizer:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(12,40,44,.35);border-bottom:2px solid rgba(12,40,44,.35)}.home-ad-slot{width:min(870px,100%);height:90px;margin:16px auto 0;border-radius:6px;background:#0f181c14;border:1px dashed rgba(15,24,28,.18)}.home-ad-slot--bottom{display:block}.home-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:16px;color:#e7fbf7;background:#0c282c59;box-shadow:inset 0 0 0 1px #ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-top-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.home-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.home-brand-dot{width:10px;height:10px;border-radius:50%;background:#4de3c2;box-shadow:0 0 0 4px #4de3c22e}.home-link{border:none;background:#ffffff29;color:#e7fbf7;padding:6px 12px;border-radius:999px;font-weight:600;cursor:pointer}.home-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.home-stat{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.home-stat-value{font-size:1.1rem;font-weight:700}.home-stat-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#e7fbf7b3}.home-stat-pill{padding:4px 10px;border-radius:999px;font-weight:700;font-size:.8rem;text-align:center;background:#ffffff29}.home-stat-pill.is-online{background:#4de3c240;color:#e2fff8}.home-stat-pill.is-offline{background:#ffffff1a;color:#e7fbf7b3}.home-card{margin:0 auto;max-width:1120px;background:var(--home-panel);border-radius:12px;box-shadow:var(--home-shadow);display:grid;grid-template-columns:260px 1fr;overflow:hidden;border:1px solid rgba(16,45,48,.08);position:relative;transition:width .2s ease,height .2s ease}.home-screen .home-card{border-radius:5px;box-shadow:0 0 15px 1px #07141859;border:1px solid rgba(15,24,28,.2)}.home-card.is-resizing{transition:none}.home-hub{--home-hub-sidebar-width: 250px;--card-default-width: 870px;--card-default-height: 550px;--card-min-width: 870px;--card-min-height: 500px;grid-template-columns:var(--home-hub-sidebar-width) 1fr;min-height:500px;background:#f0f4f4;border-radius:12px;position:relative;overflow:hidden}.home-hub-sidebar{background:#2e3a4a;color:#e8eef4;display:flex;flex-direction:column;justify-content:space-between;padding:24px 18px 0;gap:18px;z-index:2}.home-hub-profile{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;padding:0;color:inherit;text-align:left;cursor:pointer}.home-hub-avatar{width:56px;height:56px;border-radius:50%;background:#f5c84a;color:#1e2733;display:grid;place-items:center;font-weight:800;background-size:cover;background-position:center}.home-hub-profile-info{display:flex;flex-direction:column;gap:6px}.home-hub-name{font-weight:700}.home-hub-meta{font-size:.8rem;color:#e6f0f5b3}.home-hub-footer-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:auto;margin-left:-18px;margin-right:-18px;border-top:1px solid rgba(255,255,255,.12)}.home-hub-icon{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e6f0f5;height:40px;display:grid;place-items:center;cursor:pointer}.home-hub-main{padding:28px 30px;display:flex;flex-direction:column;gap:18px;transition:none;font-size:14px}.home-hub-hero{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.home-hub-title{font-size:1.6rem;font-weight:800;color:#243b3f;letter-spacing:.08em}.home-hub-subtitle{color:#587074;font-size:.75rem}.home-hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:0}.home-hub-action-primary{border-radius:10px 0 0 10px}.home-hub-action{border:1px solid rgba(0,0,0,.18);padding:14px 16px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;box-shadow:0 3px #0003;text-align:center;height:64px}.home-hub-action-primary{background:#5fbf6a;color:#0f2a1b;border-top-left-radius:10px;border-bottom-left-radius:10px}.home-hub-action-secondary{background:#c46a1f;color:#fff;border-left:0;border-radius:0 10px 10px 0}.home-hub-create{display:block}.home-hub-create-control{position:relative;width:100%}.home-hub-create-button{position:relative;width:100%;display:grid;place-items:center;background:#4f86c6;color:#fff;border:1px solid rgba(0,0,0,.2);padding:14px 16px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;box-shadow:0 3px #0003;text-align:center;border-radius:10px;height:64px}.home-hub-create-label{font-size:inherit}.home-hub-create-select{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);padding:6px 10px;color:#fff;font-size:.85rem;border-radius:10px;cursor:pointer}.home-hub-create-select:before{content:"lock";font-family:Material Symbols Outlined;font-size:18px;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"opsz" 24,"GRAD" 0;pointer-events:none}.home-hub-create-select select{border:none;background:transparent;font-weight:600;color:inherit;width:100%;font-size:.85rem;cursor:pointer;padding-left:2px}.home-hub-find{display:flex;flex-direction:column;gap:12px}.home-hub-find-button{background:#4b7ebc;color:#fff;border:1px solid rgba(0,0,0,.2);padding:14px 16px;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;box-shadow:0 3px #0003;border-radius:10px;height:86px;justify-content:center}.home-hub-find-sub{font-size:.8rem;font-weight:500;color:#ffffffbf}.home-hub-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.home-hub-chip{border:none;background:#e3e6e8;color:#2c3c42;padding:10px 14px;font-weight:600;font-size:.8rem;cursor:pointer;border-radius:18px;text-align:center}.home-profile-overlay{position:absolute;inset:0;transform:none;width:100%;height:100%;background:#2f3e4c;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:28px 30px 30px;border-radius:0;box-shadow:none;opacity:0;transition:opacity .25s ease;z-index:5;pointer-events:none}.home-profile-overlay.is-open{opacity:1;pointer-events:auto}.home-profile-overlay{color:#e8eef4}.home-profile-overlay:before{content:none}.home-profile-overlay:after{content:none}.home-profile-overlay>*{position:relative;width:100%;z-index:1}.home-profile-close{position:absolute;top:16px;right:18px;width:auto;border:none;background:transparent;color:#e8eef4b3;font-size:1.7rem;cursor:pointer;z-index:2}.home-profile-title{font-size:1.35rem;font-weight:700;text-align:left;padding-bottom:10px}.home-profile-body{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 22px;border-radius:10px;flex-wrap:wrap}.home-profile-form-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin:auto 0;width:100%}.home-profile-preview{position:relative;display:flex;align-items:center}.home-profile-avatar{width:128px;height:128px;border-radius:50%;border:3px solid rgba(255,255,255,.85);background-size:cover;background-position:center;position:relative}.home-profile-refresh{position:absolute;bottom:-6px;right:-6px;border:none;background:#415665;color:#fff;padding:8px 10px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 16px #00000059}.home-profile-colors{display:grid;grid-template-columns:repeat(4,42px);gap:12px;justify-content:center}.home-profile-color{width:42px;height:42px;border-radius:50%;border:2px solid transparent;cursor:pointer}.home-profile-color.is-active{border-color:#fff;box-shadow:0 0 0 2px #fff3}.home-profile-avatars,.home-profile-avatar-option{display:none}.home-profile-avatar-option.is-active{border-color:#f5dea5;box-shadow:0 0 0 2px #f5dea54d}.home-profile-field{display:flex;flex-direction:column;gap:6px;font-size:.95rem;color:#e8eef4cc;align-items:center}.home-profile-field input{width:420px;height:44px;border-radius:8px;border:none;padding:0 12px;font-size:1rem}.home-profile-save{border:none;background:#4f86c6;color:#fff;font-weight:700;font-size:1rem;height:44px;border-radius:8px;cursor:pointer;box-shadow:0 4px #0003;width:min(420px,100%);margin-top:-2px}.home-profile-legal{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;font-size:.9rem;color:#e8eef4b3}.home-profile-link{color:inherit;text-decoration:none}.home-profile-link:hover{text-decoration:underline}.home-profile-legal-dot{opacity:.6}.home-hub.is-profile-open .home-hub-main{opacity:0;pointer-events:none}.list-avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;background-size:cover;background-position:center;border:1px solid rgba(0,0,0,.12);font-size:.75rem;font-weight:700;color:#1e2733}.home-join-overlay{position:fixed;inset:0;background:#19232d8c;display:flex;align-items:center;justify-content:center;z-index:15}.home-join-card{width:min(860px,92vw);background:#2f3e4c;color:#e8eef4;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #0a121a66;padding:22px 24px;border-radius:12px}.home-join-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.home-join-title{font-size:1.2rem;font-weight:700}.home-join-subtitle{margin-top:6px;color:#e8eef4b3;font-size:.9rem}.home-join-close{border:none;background:transparent;color:#e8eef499;font-size:1.6rem;line-height:1;cursor:pointer}.home-join-form{margin-top:16px;display:grid;grid-template-columns:1fr 180px;gap:8px;align-items:center}.home-join-form input{height:44px;border:1px solid rgba(255,255,255,.15);background:#fff;color:#23313a;padding:0 12px;border-radius:8px;font-size:.95rem}.home-join-form button{height:44px;border:none;background:#8e9aa6;color:#1d2730;font-weight:700;cursor:pointer;border-radius:8px}.home-hub-id{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.home-hub-id input{padding:8px 10px;border:1px solid #cdd7dc}.home-hub-id button{border:none;background:#4f86c6;color:#fff;padding:8px 12px;font-weight:700;cursor:pointer}.home-sidebar{background:linear-gradient(180deg,var(--home-sidebar),var(--home-sidebar-dark));color:#e6f0f5;padding:20px;display:flex;flex-direction:column;gap:16px}.home-profile{display:flex;gap:12px;align-items:center}.home-avatar{width:52px;height:52px;border-radius:0;background:#f6c547;color:#25323b;font-size:1.4rem;font-weight:700;display:grid;place-items:center;box-shadow:inset 0 -4px #00000026}.home-profile-info{display:flex;flex-direction:column;gap:4px}.home-name{font-weight:700}.home-rank{font-size:.85rem;color:#e6f0f5b3}.home-progress{width:140px;height:6px;border-radius:0;background:#fff3;overflow:hidden}.home-progress-bar{height:100%;border-radius:0;background:linear-gradient(90deg,#7be8cd,#4de3c2)}.home-field{display:flex;flex-direction:column;gap:6px;color:#e6f0f5;font-size:.9rem}.home-field input{padding:10px 12px;border-radius:0;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#f4fbff}.home-main .home-field{color:var(--home-ink)}.home-main .home-field input{background:#fff;color:var(--home-ink);border-color:#d6e2e1}.home-field input:focus{outline:2px solid rgba(77,227,194,.8);outline-offset:0}.home-side-card{background:#ffffff14;padding:12px;border-radius:0;border:1px solid rgba(255,255,255,.12)}.home-side-title{font-weight:700}.home-side-value{margin-top:6px;color:#e6f0f5b3;font-size:.9rem}.home-link-button{border:none;border-radius:0;padding:10px 12px;background:#4de3c229;color:#e6fff7;font-weight:700;cursor:pointer}.home-icon-row{display:flex;gap:8px}.home-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:0;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#e6f0f5;font-weight:700;cursor:pointer}.home-icon svg{width:18px;height:18px;fill:currentColor}.home-icon-discord{background:#5865f238;border-color:#5865f266}.material-symbols-outlined{font-family:Material Symbols Outlined;font-size:20px;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"opsz" 24,"GRAD" 0;display:inline-block}.home-main{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px;color:var(--home-ink)}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;padding:18px;border-radius:0;border:1px solid #e2ecec}.home-logo{display:flex;align-items:center;gap:14px}.home-logo-ball{width:54px;height:54px;border-radius:0;background:radial-gradient(circle at 30% 30%,#fff 0 40%,#2e3f4d 42%);border:4px solid #2e3f4d;display:grid;place-items:center;font-weight:800;color:#2e3f4d}.home-title{font-size:1.35rem;font-weight:800}.home-subtitle{color:var(--home-muted);font-size:.95rem}.home-hero-stats{display:flex;gap:12px;font-size:.85rem;color:var(--home-muted);flex-wrap:wrap}.home-cta-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-cta{border:none;border-radius:0;padding:14px 16px;font-size:1rem;font-weight:800;cursor:pointer;color:#0f2a2e;box-shadow:0 14px 30px #0723232e;transition:transform .1s ease,opacity .2s ease}.home-cta:hover{transform:translateY(-1px)}.home-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.home-cta-green{background:linear-gradient(135deg,#4be27c,#1fb96d)}.home-cta-orange{background:linear-gradient(135deg,#f3a042,#e06f1a);color:#2f1b08}.home-alert{border-radius:0;padding:10px 12px;background:#ffe8e6;border:1px solid #f2b8b0;color:#9b3d31;font-weight:600}.home-section{background:var(--home-card);border:1px solid #dde9e8;border-radius:0;padding:16px;display:flex;flex-direction:column;gap:12px}.home-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-section-title{font-weight:800;font-size:1.05rem}.home-section-sub{color:var(--home-muted);font-size:.9rem;margin-top:2px}.home-form{display:flex;flex-direction:column;gap:12px}.home-toggle-group{display:flex;flex-wrap:wrap;gap:10px}.home-toggle{position:relative;border-radius:0;padding:8px 14px;border:1px solid rgba(18,50,55,.2);color:var(--home-ink);background:#fff;font-weight:600;cursor:pointer}.home-toggle input{position:absolute;opacity:0;pointer-events:none}.home-toggle.is-active{border-color:#2f8fcd66;background:#2f8fcd26;color:#0e3940}.home-button{border:none;border-radius:0;padding:10px 14px;font-weight:700;cursor:pointer;transition:opacity .2s ease}.home-button:disabled{opacity:.6;cursor:not-allowed}.home-button-primary{background:linear-gradient(135deg,#4bb2f5,#2f8fcd);color:#0f2a2e}.home-button-secondary{background:#fff;border:1px solid #d2dede;color:#1a3a3f}.home-button-ghost{background:transparent;border:1px solid rgba(18,50,55,.2);color:#1a3a3f}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.home-note{font-size:.85rem;color:var(--home-muted)}.home-room-list{display:flex;flex-direction:column;gap:10px}.home-room-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:6px;border:1px solid rgba(15,24,28,.18);background:#f9fbfb}.home-room-title{font-weight:800}.home-room-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;font-size:.75rem;color:var(--home-muted)}.home-tag{background:#0f181c14;border-radius:999px;padding:2px 8px;color:#2c3c42}.home-tag.is-warning{background:#ef7b2b33;color:#8a3b0c}.home-room-actions{display:flex;align-items:center;gap:8px}.home-hub-room-panel{border-radius:6px;border:1px solid rgba(15,24,28,.18);background:#f1f4f5;padding:12px 14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 3px #0f181c26}.home-hub-room-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.home-hub-room-title{font-size:.9rem;font-weight:800;color:#1f2f35}.home-hub-room-sub{font-size:.75rem;color:#1f2f3599}.home-hub-room-close{border:none;border-radius:6px;background:#2e3a4a;color:#f2f6f8;padding:8px 12px;font-weight:700;cursor:pointer;box-shadow:0 3px #0f181c40}.home-empty{color:var(--home-muted);font-size:.9rem}.home-footer-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:0;background:#e3eceb;border:1px solid #d5e2e1}.home-footer-text{font-weight:700;color:#274145}@media(max-width:960px){.home-shell-grid{grid-template-columns:minmax(0,1fr)}.home-center-card{width:min(92vw,1100px);height:auto;min-height:560px}.home-card{grid-template-columns:1fr}.home-card-resizer{display:none}.home-hub{grid-template-columns:1fr}.home-hub-sidebar{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.home-hub-profile{width:100%}.home-hub-footer-icons{width:100%;grid-template-columns:repeat(4,1fr)}.home-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px}.home-profile,.home-progress{width:100%}}@media(max-width:720px){.app-shell.home-shell{padding:16px 14px 40px}.home-topbar{flex-direction:column;align-items:flex-start}.home-cta-row{grid-template-columns:1fr}.home-room-row,.home-footer-banner{flex-direction:column;align-items:flex-start}.home-profile-body{flex-direction:column}.home-profile-colors{justify-content:center}.home-profile-close{top:18px;right:18px}.home-profile-overlay{width:100%;height:100%;padding:20px 18px 24px;align-items:stretch}}.app-shell.room-shell{--room-bg-1: #19a58e;--room-bg-2: #128c79;--room-bg-3: #0e7466;--room-card: #f2f6f5;--room-panel: #ffffff;--room-sidebar: #2c3e4b;--room-sidebar-dark: #233441;--room-ink: #1a2f35;--room-muted: #5b6b71;--room-border: #d6dee2;--room-accent: #32c06a;--room-accent-2: #ef8b2c;font-family:Balsamiq Sans,Trebuchet MS,Gill Sans,Segoe UI,sans-serif;color:var(--room-ink);padding:84px 24px 56px;max-width:none;margin:0;min-height:100vh;position:relative;z-index:0}.app-shell.room-shell:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.16) 0 7px,transparent 8px) 0 0 / 70px 70px,radial-gradient(circle at 55px 60px,rgba(0,0,0,.08) 0 14px,transparent 15px) 0 0 / 160px 160px,linear-gradient(180deg,var(--room-bg-1),var(--room-bg-3));z-index:-1}.room-shell .panel{background:var(--room-panel);border:1px solid var(--room-border);box-shadow:0 16px 40px #0923221f;color:var(--room-ink)}.room-shell .panel-title{color:var(--room-ink)}.room-shell .muted,.room-shell .list-sub{color:var(--room-muted)}.room-shell .chip{background:#0f646e14;color:#2c5156}.room-shell .button{background:linear-gradient(135deg,#49d96c,#28b862);color:#10311f;box-shadow:0 10px 20px #1c683840;border-radius:12px}.room-shell .button.secondary{background:#edf1f2;color:#1f3941;border:1px solid #d6dee2;box-shadow:none}.room-shell .button.ghost{background:transparent;color:#1f3941;border:1px solid #c7d2d6;box-shadow:none}.room-shell .button.danger{background:linear-gradient(135deg,#f26657,#d94c3f);color:#fff;box-shadow:0 12px 24px #b4362e4d}.match-screen{display:flex;flex-direction:column;gap:18px}.match-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-radius:16px;color:#e7fbf7;background:#162a34c7;box-shadow:inset 0 0 0 1px #ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.match-top-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.match-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.match-brand-dot{width:10px;height:10px;border-radius:50%;background:#4de3c2;box-shadow:0 0 0 4px #4de3c22e}.match-brand-name{font-size:.9rem}.match-top-link{border:none;background:#ffffff29;color:#e7fbf7;padding:6px 12px;border-radius:999px;font-weight:600;cursor:pointer}.match-top-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.match-top-stat{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.match-top-value{font-size:1.05rem;font-weight:700}.match-top-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#e7fbf7b3}.match-top-pill{padding:4px 10px;border-radius:999px;font-weight:700;font-size:.75rem;text-align:center;background:#ffffff29}.match-top-pill.is-public{background:#4de3c23d;color:#e2fff8}.match-top-pill.is-private{background:#ef8b2c38;color:#ffe5cf}.match-top-pill.is-phase{background:#2f8fcd38;color:#e5f4ff;text-transform:none;letter-spacing:0}.match-card{margin:0 auto;max-width:1120px;background:var(--room-card);border-radius:24px;box-shadow:0 30px 80px #07232340;display:grid;grid-template-columns:270px 1fr;overflow:hidden;border:1px solid rgba(16,45,48,.08)}.match-card.match-card-game{grid-template-columns:260px 1fr}.match-sidebar{background:linear-gradient(180deg,var(--room-sidebar),var(--room-sidebar-dark));color:#e6f0f5;padding:20px;display:flex;flex-direction:column;gap:16px}.match-profile{display:flex;gap:12px;align-items:center}.match-avatar{width:52px;height:52px;border-radius:50%;background:#f6c547;color:#25323b;font-size:1.4rem;font-weight:700;display:grid;place-items:center;box-shadow:inset 0 -4px #00000026;background-size:cover;background-position:center}.match-profile-meta{display:flex;flex-direction:column;gap:4px}.match-name{font-weight:700}.match-rank{font-size:.85rem;color:#e6f0f5b3}.match-progress{width:140px;height:6px;border-radius:999px;background:#fff3;overflow:hidden}.match-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#7be8cd,#4de3c2)}.match-sidebar-block{display:flex;flex-direction:column;gap:10px}.match-sidebar-title{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:#e6f0f5b3}.match-player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.match-player-row{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.match-player-row.is-turn{border-color:#4de3c299;box-shadow:0 0 0 2px #4de3c233}.match-player-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff29;display:grid;place-items:center;font-weight:700;background-size:cover;background-position:center}.match-player-info{display:flex;flex-direction:column;gap:4px}.match-player-name{font-weight:700;font-size:.95rem}.match-player-meta{display:flex;flex-wrap:wrap;gap:6px}.match-badge{background:#ffffff1f;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;color:#d9e4ea}.match-badge.is-ready{background:#4de3c238;color:#e2fff8}.match-badge.is-online{background:#49d96c3d;color:#e7fff0}.match-badge.is-offline{background:#ffffff1a;color:#e6f0f5b3}.match-side-actions{display:flex;flex-direction:column;gap:8px}.match-main{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px;color:var(--room-ink)}.match-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.match-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--room-muted)}.match-title{font-size:1.35rem;font-weight:800}.match-subtitle{color:var(--room-muted);font-size:.95rem}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.match-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.match-chip{background:#0f646e14;border-radius:999px;padding:4px 10px;color:#2c5156;font-size:.8rem;font-weight:600}.match-sidebar .match-chip{background:#ffffff1f;color:#dce7ec}.match-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.match-mode-card{border-radius:14px;border:1px solid #e1e8ea;padding:12px;background:#fbfcfc;display:flex;flex-direction:column;gap:6px}.match-mode-card.is-active{border-color:#4de3c2cc;box-shadow:0 0 0 2px #4de3c22e}.match-mode-title{font-weight:700}.match-mode-sub{font-size:.85rem;color:var(--room-muted)}.match-actions-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.match-game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}.match-game-left,.match-game-right{display:flex;flex-direction:column;gap:16px}.match-board-panel .panel-title{margin-bottom:8px}.match-hint{margin-top:10px;padding:8px 10px;border-radius:10px;background:#2f8fcd1f;color:#1f5360;font-size:.85rem}.room-shell .board{width:min(560px,100%)}.room-shell .board-canvas{border-radius:22px;background:#f2e5cf;border:1px solid #cbb99d}.room-shell .piece{border:2px solid rgba(255,255,255,.55);color:#122126}.room-shell .piece-actionable{outline-color:#32c06a66}@media(max-width:980px){.match-card,.match-card.match-card-game{grid-template-columns:1fr}.match-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px}.match-profile,.match-progress{width:100%}.match-game-grid{grid-template-columns:1fr}}@media(max-width:720px){.app-shell.room-shell{padding:16px 14px 40px}.match-topbar{flex-direction:column;align-items:flex-start}}