@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color:#312e2b;--bg-gradient:none;--text-primary:#fff;--text-secondary:#989795;--accent-color:#81b64c;--accent-glow:#81b64c66;--tiger-color:#f05345;--tiger-glow:#f0534566;--goat-color:#b0b0b0;--goat-glow:#b0b0b066;--surface-bg:#262421;--board-line:#ffffff1a;--board-bg:#262421;--node-bg:#403d39;--node-border:#4d4945;--node-hover:#ffffff26;--modal-bg:#262421;--modal-border:#ffffff0d}@font-face{font-family:NithyaRanjana;src:url(/NithyaRanjanaDU-Regular.otf)format("opentype");font-weight:400;font-style:normal}.sabai-head{font-family:NithyaRanjana,sans-serif;font-size:10rem}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}#root{-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}@media (width<=480px){#root{padding:0}}@media (width>=768px){#root{padding:0}}.glass-panel{background:var(--surface-bg);border-radius:8px;box-shadow:0 4px 14px #00000040}.title-glow{text-shadow:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface-bg);border:1px solid #ffffff0f;border-radius:16px;width:90%;max-width:380px;padding:0;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.auth-tabs{background:#0000004d;border-bottom:1px solid #ffffff0f;display:flex}.auth-tab{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.85rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.auth-tab:hover{color:var(--text-primary);background:#ffffff08}.auth-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.auth-icon-wrapper{justify-content:center;align-items:center;gap:1rem;padding-top:1.75rem;padding-bottom:.25rem;display:flex}.auth-icon{width:44px;height:44px;color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;display:flex}.auth-icon:first-child{color:var(--tiger-color);background:#ef44440f;border-color:#ef444433}.auth-icon:last-child{color:var(--goat-color);background:#b0b0b00f;border-color:#b0b0b033}.auth-title{color:var(--text-primary);text-align:center;margin:.75rem 0 .15rem;font-size:1.45rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:.5rem;font-size:.85rem}.auth-modal .modal-header{display:none}.auth-error{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin:0 1.5rem .5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500}.auth-form{flex-direction:column;gap:.9rem;padding:.75rem 1.5rem 1.5rem;display:flex}.form-group{flex-direction:column;gap:0;display:flex}.form-group label{display:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;opacity:.6;align-items:center;transition:opacity .2s;display:flex;position:absolute;left:.9rem}.input-wrapper:focus-within .input-icon{opacity:1;color:var(--accent-color)}.auth-input{color:var(--text-primary);background:#0003;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:.8rem 1rem .8rem 2.7rem;font-family:inherit;font-size:.95rem;transition:all .2s}.auth-input::placeholder{color:var(--text-secondary);opacity:.5}.auth-input:focus{border-color:var(--accent-color);background:#00000059;outline:none;box-shadow:0 0 0 2px #81b64c33}.auth-submit-btn{letter-spacing:.3px;border-radius:8px;width:100%;margin-top:.35rem;padding:.85rem;font-size:1rem;font-weight:700;transition:all .2s}.auth-submit-btn:disabled{opacity:.6;cursor:default}.auth-toggle{display:none}.avail-indicator{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;right:.75rem}.avail-indicator.available{color:var(--accent-color)}.avail-indicator.taken{color:var(--tiger-color)}.avail-indicator.checking{color:var(--text-secondary)}.avail-spinner{border:2px solid #ffffff1a;border-top-color:var(--text-secondary);border-radius:50%;width:14px;height:14px;animation:.6s linear infinite avail-spin}@keyframes avail-spin{to{transform:rotate(360deg)}}.input-wrapper .avail-indicator~.auth-input{padding-right:2.5rem}.input-wrapper .auth-input:has(~.avail-indicator){padding-right:2.5rem}.landing-container{color:#fff;background:radial-gradient(circle,#2c2a27 0%,#1a1917 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden auto}.bg-glow{filter:blur(120px);opacity:.15;z-index:0;pointer-events:none;border-radius:50%;width:60vw;height:60vw;position:fixed}.bg-glow-1{background:var(--accent-color);animation:20s infinite alternate float;top:-10%;left:-10%}.bg-glow-2{background:var(--tiger-color);animation:25s infinite alternate-reverse float;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)}to{transform:translate(10%,10%)}}.landing-content{z-index:3;flex-direction:column;gap:8rem;width:100%;max-width:1400px;margin:0 auto;padding:4rem 2rem;display:flex;position:relative}.hero-section{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;min-height:70vh;animation:1s ease-out fadeInUp;display:grid}.hero-text-content{text-align:left}.hero-badge{letter-spacing:2px;text-transform:uppercase;color:var(--accent-color);background:#81b64c1a;border:1px solid #81b64c33;border-radius:100px;margin-bottom:2.5rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:700;display:inline-block}.landing-title{background:linear-gradient(#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:1.5rem;margin-bottom:2rem;line-height:1;display:flex;font-size:clamp(3.5rem,8vw,7rem)!important}.beta-tag-hero{-webkit-text-fill-color:#fff;background:var(--tiger-color);letter-spacing:2px;box-shadow:0 0 30px var(--tiger-glow);border:1px solid #fff3;border-radius:8px;padding:4px 14px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900;transform:rotate(5deg)}.hero-subtitle{color:#a1a1aa;max-width:600px;margin-bottom:3.5rem;font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.4}.hero-subtitle .tiger-text{color:var(--tiger-color);font-weight:700}.hero-subtitle .goat-text{color:var(--goat-color);font-weight:700}.hero-actions{gap:1.5rem;display:flex}.landing-btn{letter-spacing:1.5px;cursor:pointer;text-transform:uppercase;border:none;border-radius:14px;padding:1.1rem 2.8rem;font-family:inherit;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.165,.84,.44,1)}.play-btn{background:linear-gradient(135deg, var(--accent-color) 0%, #4d7c0f 100%);color:#fff;box-shadow:0 4px 20px #81b64c40}.play-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 35px #81b64c59}.learn-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}.learn-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.hero-visual{perspective:1000px;justify-content:center;align-items:center;display:flex}.board-preview-wrapper{filter:drop-shadow(0 30px 60px #00000080);width:100%;max-width:450px;transition:transform .5s;position:relative;transform:rotateX(15deg)rotateY(-10deg)rotate(5deg)}.board-preview-wrapper:hover{transform:rotateX(5deg)rotateY(-5deg)rotate(2deg)}.board-reflection{filter:blur(10px);opacity:.3;pointer-events:none;background:linear-gradient(#ffffff0d,#0000);width:100%;height:40%;position:absolute;top:100%;left:0;transform:scaleY(-1)}.section-header{text-align:center;margin-bottom:4rem}.section-subtitle{color:var(--accent-color);letter-spacing:4px;text-transform:uppercase;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;display:block}.section-title{font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2}.features-section{animation:1s ease-out .2s backwards fadeInUp}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-item{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;min-height:320px;padding:3rem 2rem;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff0f;border-color:#81b64c33;transform:translateY(-8px)}.feature-icon{width:48px;height:48px;color:var(--accent-color);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.feature-icon svg{stroke-width:2px;width:100%;height:100%}.feature-item h3{margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.5rem}.feature-item p{color:#a1a1aa;line-height:1.6}.discovery-section{width:100%}.seo-content-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.seo-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .4s;display:flex}.seo-card.featured{background:#81b64c08;border-color:#81b64c26}.seo-card:hover{background:#ffffff0a;border-color:#fff3;transform:translateY(-8px)}.card-icon-box{width:48px;height:48px;color:var(--accent-color);margin-bottom:.5rem}.card-icon-box svg{width:100%;height:100%}.card-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700}.card-body{color:#a1a1aa;font-size:1rem;line-height:1.7}.discovery-list{flex-direction:column;gap:1rem;padding-left:1.25rem;list-style:outside;display:flex}.discovery-list li{line-height:1.6;position:relative}.discovery-list li::marker{color:var(--accent-color)}.landing-footer{background:#0003;border-top:1px solid #ffffff0d;margin-top:2rem;padding:2.5rem 1.5rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.footer-logo{color:#fff;letter-spacing:4px;font-family:NithyaRanjana,sans-serif;font-size:2.5rem}.footer-tagline{color:#a1a1aa;font-size:1rem}.footer-nav{margin-top:.25rem}.seo-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;padding:0;list-style:none;display:flex}.footer-btn,.footer-links li a{color:#71717a;cursor:pointer;background:0 0;border:none;padding:.5rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.footer-btn:hover,.footer-links li a:hover{color:#fff}.copyright{color:#3f3f46;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.hero-section{text-align:center;grid-template-columns:1fr;gap:5rem}.hero-text-content{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-actions{justify-content:center}.seo-content-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-content{gap:6rem;padding:3rem 1.5rem}.landing-title{font-size:4rem!important}.hero-subtitle{font-size:1.3rem}.hero-actions{flex-direction:column;width:100%;max-width:300px}.landing-btn{width:100%}.seo-content-grid,.features-grid{grid-template-columns:1fr}.hero-visual{order:-1}.board-preview-wrapper{max-width:320px;transform:rotateX(10deg)rotateY(0)rotate(0)}.footer-links{flex-direction:row;align-items:center;gap:.75rem}.footer-btn,.footer-links li a{padding:.4rem;font-size:.85rem}}@media (width<=480px){.landing-title{font-size:3rem!important}.hero-badge{padding:.5rem 1rem;font-size:.75rem}}:root{--app-shell-max-width:1120px;--app-shell-padding-x:.5rem;--app-shell-gap:1.5rem}.friends-page-shell.minimal{width:100%;padding:2rem var(--app-shell-padding-x)}@media (width<=768px){.friends-page-shell.minimal{padding:1rem var(--app-shell-padding-x)}}.friends-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;width:100%;padding:1.1rem 1.2rem;display:grid}.friends-toolbar-copy{flex-direction:column;gap:.3rem;display:flex}.friends-toolbar-copy h1{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1}.friends-toolbar-copy p{color:var(--text-secondary);max-width:52ch}.friends-toolbar-metrics{grid-template-columns:repeat(3,minmax(88px,1fr));gap:.7rem;min-width:min(100%,320px);display:grid}.friends-metric{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:.3rem;padding:.8rem .9rem;display:flex}.friends-metric span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:.68rem;font-weight:700}.friends-metric strong{font-size:1.3rem;line-height:1}.friends-minimal-grid{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;display:grid}.friends-list-panel,.friends-request-panel{min-width:0;padding:1rem}.friends-sidebar{flex-direction:column;gap:1rem;min-width:0;display:flex}.friends-list-header,.friends-section-head{justify-content:space-between;align-items:end;gap:.85rem;display:flex}.friends-list-header{margin-bottom:1rem}.friends-list-header h3,.friends-section-head h3{margin:0;font-size:1.05rem}.friends-list-header p{color:var(--text-secondary);margin-top:.2rem}.friends-search-wrap{flex-shrink:0;width:min(100%,300px)}.friends-search-input{width:100%;min-height:44px;color:var(--text-primary);font:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;padding:.78rem .95rem;transition:border-color .2s,background .2s}.friends-search-input:focus{background:#ffffff0f;border-color:#60a5facc}.friends-search-input::placeholder{color:var(--text-secondary)}.friends-table{background:#ffffff06;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.friends-table-row{border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(0,1.35fr) .65fr .72fr .95fr;align-items:center;gap:.9rem;padding:.9rem 1rem;display:grid}.friends-table-row:last-child{border-bottom:none}.friends-row-user{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;min-width:0;padding:0;display:flex}.friends-row-user.compact{gap:.65rem}.friend-avatar.small{border-radius:12px;flex-shrink:0;width:42px;height:42px;font-size:1.15rem}.friends-row-copy{flex-direction:column;min-width:0;display:flex}.friends-row-copy strong,.friends-row-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friends-row-copy strong{font-size:.98rem}.friends-row-copy span{color:var(--text-secondary);font-size:.84rem}.friends-row-rating{color:var(--text-secondary);white-space:nowrap;font-size:.88rem}.friends-row-status{justify-content:flex-start;display:flex}.friends-row-actions{justify-content:flex-end;gap:.45rem;display:flex}.friend-row-btn{flex:none;min-width:90px;padding:.65rem .8rem;font-size:.82rem}.friends-section-head{margin-bottom:.85rem}.request-stack{flex-direction:column;gap:.7rem;display:flex}.request-line{background:#ffffff09;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:.75rem;padding:.8rem;display:flex}.request-line.pending-only{flex-direction:row;justify-content:space-between;align-items:center}.challenge-confirm-modal{background:linear-gradient(180deg, #ffffff0b, #ffffff05), var(--surface-bg);text-align:left;border:1px solid #ffffff14;border-radius:22px;width:min(100%,430px);max-width:430px;padding:1.35rem 1.35rem 1.15rem;box-shadow:0 18px 44px #00000073}.challenge-confirm-modal .auth-title{margin:0 0 .35rem;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.05}.challenge-confirm-modal .auth-subtitle{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.45}.challenge-confirm-actions{gap:.7rem;margin-top:1rem;display:flex}.challenge-confirm-actions .primary-btn,.challenge-confirm-actions .secondary-btn{border-radius:16px;min-height:52px;font-size:.98rem}.challenge-status-modal .challenge-confirm-actions{justify-content:center}.challenge-status-modal .challenge-confirm-actions .primary-btn{flex:none;min-width:140px}@media (width>=720px){.friends-minimal-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}.friends-sidebar{position:sticky;top:1rem}}@media (width<=720px){.friends-toolbar{grid-template-columns:1fr;align-items:stretch}.friends-toolbar-metrics{min-width:0}.friends-list-header{flex-direction:column;align-items:stretch}.friends-search-wrap{width:100%}.friends-table-row{grid-template-columns:1fr;align-items:stretch;gap:.75rem}.friends-row-status,.friends-row-actions{justify-content:flex-start}.request-line.pending-only{flex-direction:column;align-items:flex-start}}@media (width<=480px){.friends-toolbar,.friends-list-panel,.friends-request-panel{padding:.9rem}.friends-toolbar-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.friend-row-btn,.challenge-confirm-actions,.request-actions.full{width:100%}.friends-row-actions,.challenge-confirm-actions{flex-direction:column}.challenge-status-modal .challenge-confirm-actions .primary-btn{width:100%;min-width:0}.challenge-confirm-modal{border-radius:18px;padding:1.1rem 1rem 1rem}.challenge-confirm-modal .auth-title{font-size:1.25rem}.challenge-confirm-modal .auth-subtitle{font-size:.92rem}}.app-container{align-items:center;gap:var(--app-shell-gap);width:100%;max-width:var(--app-shell-max-width);min-width:0;padding:2rem var(--app-shell-padding-x);flex-direction:column;flex:1;min-height:100vh;margin:0 auto;display:flex}@media (width>=1024px){.app-container{padding:1.5rem var(--app-shell-padding-x);gap:1rem}}@media (width<=768px){.app-container{padding:1rem var(--app-shell-padding-x)}}.header{text-align:center;animation:.4s ease-out fadeInUp}.header h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.15rem;font-size:2.2rem;font-weight:800}@media (width>=768px){.header h1{font-size:2.6rem}}.header p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.main-content{flex-direction:column;align-items:center;gap:1.5rem;width:100%;min-width:0;animation:.5s ease-out fadeInUp;display:flex}@media (width>=1024px){.main-content{flex-direction:row;justify-content:center;align-items:stretch;gap:2.5rem}}.board-section{flex-direction:column;flex-shrink:0;justify-content:center;align-items:stretch;gap:1.25rem;width:100%;max-width:min(90vw,620px);display:flex}@media (width>=1024px){.board-section{max-width:min(90vw,680px,100vh - 280px)}}.room-state-banner{letter-spacing:.3px;text-transform:uppercase;text-align:center;border:1px solid #ffffff14;border-radius:10px;padding:.55rem .8rem;font-size:.78rem;font-weight:700}.room-state-banner.waiting{color:#93c5fd;background:#3b82f626}.room-state-banner.reconnecting{color:#fbbf24;background:#fbbf2426}.room-state-banner.finished{color:#cbd5e1;background:#94a3b826}.disconnect-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0a66;border:1px solid #f59e0b33;border-radius:10px;margin-bottom:.75rem;animation:.35s cubic-bezier(.175,.885,.32,1.275) popIn;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.disconnect-banner-bar{pointer-events:none;background:linear-gradient(90deg,#f59e0b00,#f59e0b26);border-right:1.5px solid #f59e0b;height:100%;transition:width 1s linear;position:absolute;top:0;left:0}.disconnect-banner-content{z-index:1;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex;position:relative}.disconnect-banner-info{align-items:center;gap:.6rem;display:flex}.disconnect-icon{color:#f59e0b;filter:drop-shadow(0 0 3px #f59e0b4d)}.disconnect-banner-text{color:#fbbf24;letter-spacing:.1px;font-size:.8rem;font-weight:500}.disconnect-banner-text strong{color:#fff;font-weight:700}.sidebar-section{flex-direction:column;width:100%;max-width:min(95vw,600px);height:auto;min-height:350px;display:flex}@media (width>=1024px){.sidebar-section{flex:1;width:380px;max-width:400px;height:auto;min-height:550px;max-height:calc(100vh - 140px)}}.connecting-overlay{background:var(--bg-color);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.connecting-overlay h2{color:var(--text-secondary);font-size:1.2rem;font-weight:600}.loader{border:4px solid var(--surface-bg);border-bottom-color:var(--accent-color);will-change:transform;border-radius:50%;width:48px;height:48px;animation:1.2s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-container{aspect-ratio:1;background:var(--board-bg);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;width:100%;max-width:100%;padding:6.5%;display:flex;position:relative;box-shadow:0 4px 14px #00000040}.board-container.board-review-mode{box-shadow:0 0 0 2px #81b64c59,0 10px 30px #0006}@media (width<=600px){.board-container{padding:3%}}.board-svg{pointer-events:none;width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){.board-svg{width:94%;height:94%}}.board-line{stroke:var(--board-line);stroke-width:2px;stroke-linecap:round}.nodes-container{pointer-events:none;position:absolute;inset:5%}@media (width<=400px){.nodes-container{inset:4%}}.node{background-color:var(--node-bg);border:2px solid var(--node-border);cursor:pointer;pointer-events:auto;z-index:10;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:clamp(32px,9vw,56px);height:clamp(32px,9vw,56px);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #00000080}.node:hover{background-color:var(--node-hover);border-color:#ffffff4d;transform:translate(-50%,-50%)scale(1.1)}.node.possible-move{border-color:var(--accent-color);background-color:#81b64c26}.node.possible-move:after{content:"";background-color:var(--accent-color);opacity:.8;border-radius:50%;width:12px;height:12px}.node.move-from{border-color:#60a5fad9;box-shadow:0 0 0 2px #60a5fa40}.node.move-to{border-color:#facc15f2;box-shadow:0 0 0 3px #facc1540}.node.move-captured{border-color:#ef4444f2;box-shadow:inset 0 0 0 2px #ef44448c,0 0 0 2px #ef444440}.node.readonly{cursor:default}.node.readonly:hover{background-color:var(--node-bg);border-color:var(--node-border);transform:translate(-50%,-50%)}.piece{z-index:20;border-radius:50%;width:72%;height:72%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;box-shadow:0 4px 10px #0006,inset 0 2px 5px #fff3}.piece.tiger{background:radial-gradient(circle at 30% 30%, #f87171, var(--tiger-color));border:2px solid #b91c1c}.piece.goat{background:radial-gradient(circle at 30% 30%, #34d399, var(--goat-color));border:2px solid #047857}.piece.selected{z-index:25;transform:scale(1.1);box-shadow:0 0 0 3px #fff6}.piece.tiger.selected{box-shadow:0 0 0 4px var(--tiger-color)}.piece.goat.selected{box-shadow:0 0 0 4px var(--goat-color)}.sidebar{background:var(--surface-bg);border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden}@media (width>=1024px){.sidebar{min-height:520px}}.sidebar.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.sidebar-header{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.room-info{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;font-size:.82rem;display:flex;overflow:hidden}.sidebar-header-right{align-items:center;gap:.75rem;display:flex}.spectating-badge{color:var(--accent-color);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:5px;font-size:.78rem;font-weight:700;display:inline-flex}.spectator-count{color:var(--text-secondary);background:#ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;display:flex}.phase-indicator{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.copy-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s;display:inline-flex}.copy-btn:hover{background:#fff3;transform:translateY(-1px)}.turn-banner{text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.82rem;font-weight:700;animation:.3s ease-out turnBannerIn;display:flex}@keyframes turnBannerIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.turn-banner.my-turn-banner{color:var(--goat-color);background:#10b98126;border-bottom:1px solid #10b98133}.turn-banner.opp-turn-banner{color:var(--tiger-color);background:#ef44441a;border-bottom:1px solid #ef444426}.turn-banner-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite turnDotPulse}.players-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.player-profile{background:var(--surface-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;transition:background .3s;display:flex;position:relative;box-shadow:0 2px 8px #0003}.profile-left{align-items:center;gap:.75rem;display:flex}.profile-right{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.player-profile.active-turn{border-left:3px solid var(--accent-color);background:#81b64c1a}.profile-avatar{background:#0003;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:transform .2s;display:flex}.player-profile.active-turn .profile-avatar{transform:scale(1.05)}.profile-avatar.goat-bg{border-bottom:3px solid var(--goat-color);color:var(--goat-color)}.profile-avatar.tiger-bg{border-bottom:3px solid var(--tiger-color);color:var(--tiger-color)}.profile-avatar.spectator-bg{border-bottom:3px solid var(--text-secondary);color:var(--text-secondary)}.profile-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.profile-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;max-width:200px;font-size:1.05rem;font-weight:600;display:flex;overflow:hidden}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:2px 7px;font-size:.65rem;font-weight:700}.role-badge.goat{color:var(--goat-color);background:#10b98133}.role-badge.tiger{color:var(--tiger-color);background:#ef444433}.role-badge.spectator{color:var(--text-secondary);background:#ffffff1a}.profile-stats{color:var(--text-secondary);font-size:.82rem}.turn-indicator{color:var(--accent-color);white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:.78rem;font-weight:600;animation:1.5s infinite pulse;display:flex}.turn-indicator.my-turn{color:var(--goat-color)}.turn-indicator.my-turn .turn-dot{background:var(--goat-color)}.turn-dot{background:var(--accent-color);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite turnDotPulse}@keyframes turnDotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.move-history{background:#0000004d;flex:1;padding:.5rem 0;font-family:JetBrains Mono,monospace,sans-serif;font-size:.85rem;overflow-y:auto}.move-history-shell{flex-direction:column;flex:1;min-height:0;display:flex}.history-controls{background:#0003;border-bottom:1px solid #ffffff0f;gap:.45rem;padding:.55rem .75rem;display:flex}.history-control-btn,.history-live-btn{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;padding:.35rem .7rem;font-family:inherit;font-size:.72rem;font-weight:700;transition:all .2s}.history-control-btn{color:var(--text-primary);background:#ffffff14}.history-control-btn:hover:not(:disabled){background:#ffffff26}.history-icon-btn{justify-content:center;align-items:center;width:34px;height:30px;padding:0;display:inline-flex}.history-live-btn{color:var(--accent-color);background:#81b64c33;margin-left:auto}.history-live-btn.active,.history-live-btn:hover:not(:disabled){background:#81b64c4d}.history-live-btn.reviewing{color:#fbbf24;background:#fbbf2433}.history-live-btn.reviewing:hover:not(:disabled){background:#fbbf244d}.history-control-btn:disabled,.history-live-btn:disabled{opacity:.45;cursor:default}.history-status-note{color:#fbbf24;background:#fbbf241a;border-bottom:1px solid #fbbf2433;padding:.4rem .75rem;font-size:.72rem}.move-history.empty{justify-content:center;align-items:center;min-height:120px;display:flex}.empty-message{color:var(--text-secondary);font-family:Outfit,sans-serif;font-style:italic}.history-table{flex-direction:column;display:flex}.history-row{align-items:center;padding:.4rem 1.15rem;transition:background .2s;display:flex}.history-row:nth-child(2n){background:#ffffff05}.history-row:hover{background:#ffffff0d}.turn-number{color:#ffffff4d;flex-shrink:0;width:36px;font-weight:600}.move{color:var(--text-secondary);cursor:default;border-radius:4px;flex:1;padding:1px 4px}.move.goat-move{color:#10b981d9}.move.tiger-move{color:#ef4444d9}.move.latest-move{color:var(--text-primary);background:#ffffff1a;font-weight:700}.move.selected-move{color:#fff;background:#3b82f642;font-weight:800;box-shadow:inset 0 0 0 1px #93c5fdb3}.move.selected-move.goat-move{background:#10b9813d;box-shadow:inset 0 0 0 1px #34d399b8}.move.selected-move.tiger-move{background:#ef44443d;box-shadow:inset 0 0 0 1px #f87171b8}.move-btn{text-align:left;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}.move-btn:hover:not(:disabled){background:#ffffff14}.move-btn:disabled{opacity:.35;cursor:default}.sidebar-tabs{background:#00000040;border-bottom:1px solid #ffffff0d;display:flex}.sidebar-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:.55rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex;position:relative}.sidebar-tab:hover{color:var(--text-primary);background:#ffffff0a}.sidebar-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab-badge{background:var(--accent-color);color:#fff;text-align:center;border-radius:8px;min-width:16px;padding:1px 5px;font-size:.6rem;font-weight:700;line-height:1.3}.chatbox{background:#0000004d;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chatbox-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:.5rem 1rem;font-size:.78rem;font-weight:600;display:none}.chatbox-messages{flex-direction:column;flex:1;gap:.35rem;padding:.6rem .85rem;display:flex;overflow-y:auto}.chatbox-empty{height:100%;color:var(--text-secondary);opacity:.6;justify-content:center;align-items:center;font-size:.85rem;font-style:italic;display:flex}.chat-msg{animation:.2s ease-out chatMsgIn;display:flex}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-mine{justify-content:flex-end}.chat-msg-other{flex-direction:column;justify-content:flex-start;align-items:flex-start}.chat-msg-sender{text-transform:uppercase;letter-spacing:.4px;margin-bottom:1px;padding-left:4px;font-size:.65rem;font-weight:700}.chat-msg-sender.goat{color:var(--goat-color)}.chat-msg-sender.tiger{color:var(--tiger-color)}.chat-msg-bubble{word-wrap:break-word;border-radius:10px;max-width:80%;padding:.4rem .7rem;font-size:.82rem;line-height:1.4}.chat-msg-mine .chat-msg-bubble{color:var(--text-primary);background:#3b82f640;border-bottom-right-radius:3px}.chat-msg-other .chat-msg-bubble{color:var(--text-primary);background:#ffffff14;border-bottom-left-radius:3px}.chatbox-input-row{background:#0003;border-top:1px solid #ffffff0d;gap:.4rem;padding:.5rem .6rem;display:flex}.chatbox-input{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:.45rem .7rem;font-family:inherit;font-size:.82rem;transition:border-color .2s}.chatbox-input::placeholder{color:var(--text-secondary);opacity:.5}.chatbox-input:focus{border-color:var(--accent-color)}.chatbox-send-btn{background:linear-gradient(135deg, var(--accent-color), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.chatbox-send-btn:hover:not(:disabled){box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.chatbox-send-btn:disabled{opacity:.4;cursor:default}.sidebar-footer{background:#0006;border-top:1px solid #ffffff0d;justify-content:center;padding:.85rem 1.15rem;display:flex}.game-controls{gap:.75rem;width:100%;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:.7rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.primary-btn{background:linear-gradient(135deg, var(--accent-color), #2563eb);color:#fff}.primary-btn:hover{box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-2px)}.secondary-btn{color:var(--text-primary);background:#ffffff1a}.secondary-btn:hover{background:#ffffff2e}.game-over-banner{text-align:center;width:100%}.game-over-banner h3{color:var(--accent-color);margin-bottom:.2rem;font-size:1.3rem}.game-over-banner p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-bg);text-align:center;border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:360px;padding:2rem 1.75rem;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:relative;overflow:hidden;transform:scale(.9);box-shadow:0 20px 50px #0009}.modal-content.goat-win{border-color:#10b9814d}.modal-content.tiger-win{border-color:#ef44444d}.modal-content:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.modal-content.goat-win:before{background:linear-gradient(90deg,#10b981,#34d399)}.modal-content.tiger-win:before{background:linear-gradient(90deg,#ef4444,#f87171)}.winner-pill{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:.75rem;padding:.28rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.modal-close-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff1f}.winner-icon{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.winner-icon.goat{color:var(--goat-color);background:#10b9811a;border-color:#10b98140}.winner-icon.tiger{color:var(--tiger-color);background:#ef44441a;border-color:#ef444440}.modal-actions{gap:.7rem;margin-top:1rem;display:flex}.modal-btn-stack{flex-direction:column;gap:.65rem;width:100%;margin-top:1rem;display:flex}.modal-secondary-btn{width:100%;padding:.75rem 1rem;font-size:.95rem;flex:unset!important}.rematch-status-banner{color:var(--text-primary);text-align:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;margin-top:1rem;padding:.65rem 1rem;font-size:.9rem;font-weight:600;animation:2s ease-in-out infinite pulse-subtle}@keyframes pulse-subtle{0%,to{opacity:.85}50%{opacity:1}}.modal-title{margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.modal-title.tiger{color:var(--tiger-color)}.modal-title.goat{color:var(--goat-color)}.modal-subtitle{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.modal-winby{color:#ffffffa6;text-transform:uppercase;letter-spacing:.4px;font-size:.8rem}.restart-btn{background:linear-gradient(135deg, var(--accent-color), #2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.8rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s}.restart-btn:hover:not(:disabled){opacity:.9}.restart-btn:disabled{opacity:.5;cursor:default}@media (width<=480px){.modal-actions{flex-direction:column}.modal-content{padding:2rem 1.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.rooms-page{width:100%;max-width:var(--app-shell-max-width);padding:2rem var(--app-shell-padding-x);align-items:center;gap:var(--app-shell-gap);flex-direction:column;margin:0 auto;animation:.5s ease-out fadeInUp;display:flex}@media (width<=600px){.rooms-page{gap:1rem;padding:1rem}}.lobby-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;animation:.5s ease-out fadeInUp;display:flex}.lobby-brand h1{letter-spacing:-1px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.1rem;font-size:2.4rem;font-weight:800;line-height:1.1}.lobby-subtitle{color:var(--text-secondary);font-size:.85rem;font-weight:300}.lobby-user-area{flex-shrink:0;min-width:0}.global-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:0;margin-bottom:1rem;display:flex}.header-left{align-items:center;gap:1.5rem;min-width:0;display:flex}.header-title{color:#fff;white-space:nowrap;margin:0;font-size:1.5rem;font-weight:800}.beta-badge{background:var(--tiger-color);color:#fff;text-transform:uppercase;letter-spacing:1px;vertical-align:middle;box-shadow:0 0 15px var(--tiger-glow);border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:2px 6px;font-size:.6rem;font-weight:900;line-height:1;display:inline-flex}.header-center{flex:1;justify-content:center;max-width:400px;display:flex}.header-search-container{width:100%;position:relative}.header-search-input{box-sizing:border-box;color:#fff;width:100%;font-size:.9rem;font-family:var(--font-main);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:.6rem 1rem .6rem 2.5rem;transition:all .2s}.header-search-input:focus{background:#ffffff12;border-color:#81b64c66}.search-icon-wrapper{opacity:.4;pointer-events:none;display:flex;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.search-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;border:1px solid #ffffff1a;border-radius:12px;max-height:350px;padding:.5rem;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080;background:#1e1e23fa!important}.search-result-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:.6rem .8rem;transition:all .2s;display:flex}.search-result-item:hover{background:#ffffff0d}.avatar-small{background:var(--accent-color);color:#1a1917;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.search-result-info{flex-direction:column;display:flex}.search-result-name{color:#fff;font-size:.9rem;font-weight:700}.search-result-user{color:var(--text-secondary);font-size:.75rem}@media (width<=600px){.header-title{display:none}.header-center{max-width:none}}.lobby-user-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:1.25rem;min-width:0;max-width:100%;padding:.5rem .6rem .5rem .8rem;display:flex}.lobby-user-info{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;min-width:0;padding:.25rem;transition:background .2s;display:flex}.lobby-user-info:hover{background:#ffffff0d}.lobby-avatar{background:var(--accent-color);color:#1a1917;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:900;display:flex}.lobby-user-details{flex-direction:column;min-width:0;display:flex}.lobby-username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.lobby-elo{color:var(--accent-color);opacity:.9;font-size:.75rem;font-weight:600}.lobby-user-actions{gap:.35rem;display:flex}.desktop-only{display:flex}.mobile-menu-container{display:none;position:relative}.hamburger-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.hamburger-btn:hover{color:#fff;background:#ffffff0d}.hamburger-btn.open{color:var(--accent-color);background:#81b64c1a}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;animation:.3s ease-out fadeIn;position:fixed;inset:0}.lobby-mobile-menu{z-index:1001;border-left:1px solid #ffffff14;flex-direction:column;width:280px;max-width:85%;padding:1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-15px 0 35px #0009;background:#15151a!important}.drawer-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.drawer-user{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.75rem;font-size:.85rem;font-weight:600;display:flex}.drawer-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.2rem .5rem;font-size:1.8rem;line-height:1;transition:all .2s}.drawer-close-btn:hover{color:#fff;background:#ffffff0d}.menu-items-group{flex-direction:column;flex:1;gap:.5rem;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-main);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.75rem;padding:.8rem 1rem;transition:all .2s;display:flex}.menu-item:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a;transform:none}.menu-item.logout{color:#ef4444;background:#ef44440a;border:1px solid #ef44441a;margin-top:auto}.menu-item.logout:hover{background:#ef44441a;border-color:#ef4444}.drawer-user span{font-family:var(--font-main);color:var(--text-primary);font-size:1rem;font-weight:700}.menu-divider{background:#ffffff0d;height:1px;margin:1rem 0}.lobby-action-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff14;border:none;border-radius:6px;align-items:center;gap:4px;padding:.35rem .6rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.lobby-action-btn:hover{color:var(--text-primary);background:#ffffff24}.lobby-action-btn.logout{color:#f87171}.lobby-action-btn.logout:hover{color:#ef4444;background:#ef444426}.lobby-login-btn{white-space:nowrap;flex:0!important;width:auto!important;padding:.55rem 1.4rem!important;font-size:.9rem!important}.lobby-guest-hint{color:var(--text-secondary);opacity:.6;text-align:center;font-size:.8rem}.lobby-action-bar{border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 1.25rem;animation:.6s ease-out fadeInUp;display:flex}.lobby-stats{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.rooms-online-badge{color:var(--goat-color);white-space:nowrap;background:#10b9811f;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.rooms-online-badge.blue{color:#60a5fa;background:#3b82f626}.lobby-buttons{align-items:center;gap:.75rem;display:flex}.lobby-buttons .primary-btn,.lobby-buttons .secondary-btn{white-space:nowrap;flex:none;width:auto}.lobby-action-main-btn{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.lobby-action-label{display:inline-block}.lobby-icon-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.45rem .55rem;transition:all .2s;display:inline-flex}.lobby-icon-btn:hover{color:var(--text-primary);background:#ffffff24}.lobby-icon-btn.spinning svg{animation:.6s linear infinite rotation}.rooms-play-btn{white-space:nowrap;justify-content:center;align-items:center;gap:6px;flex:none!important;width:auto!important;padding:.5rem 1.4rem!important;font-size:.9rem!important;display:inline-flex!important}.rooms-card{border-radius:14px;flex-direction:column;width:100%;max-height:calc(100dvh - 260px);animation:.7s ease-out fadeInUp;display:flex;overflow:hidden}.rooms-list{flex-direction:column;flex:1;gap:.6rem;padding:.75rem;display:flex;overflow-y:auto}.rooms-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.rooms-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.rooms-empty-icon{opacity:.5;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.rooms-empty p{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.rooms-page-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.rooms-page-header h1{margin:0;font-size:2.2rem}.rooms-page-header .secondary-btn{white-space:nowrap;flex:none;width:auto;margin:0!important}.room-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .2s;animation:.35s ease-out both roomSlideIn;display:flex}@keyframes roomSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-card:hover{background:#ffffff0f;border-color:#ffffff1f}.room-card-left{flex-direction:column;gap:.3rem;display:flex}.room-card-top-row{align-items:center;gap:.5rem;display:flex}.room-card-id{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.room-card-meta{align-items:center;gap:.6rem;font-size:.78rem;display:flex}.room-card-players-names{color:var(--text-secondary);font-size:.78rem}.room-state-badge{text-transform:uppercase;letter-spacing:.4px;color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:700}.room-state-badge.waiting{color:#93c5fd;background:#3b82f624;border-color:#3b82f64d}.room-state-badge.playing{color:#86efac;background:#10b98124;border-color:#10b9814d}.room-state-badge.reconnecting{color:#facc15;background:#facc1524;border-color:#facc154d}.room-card-players{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.room-card-spectators{color:var(--text-secondary);opacity:.7;align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.room-status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.room-status-dot.open{background:var(--goat-color);box-shadow:0 0 6px var(--goat-glow);animation:2s ease-in-out infinite dotGlow}@keyframes dotGlow{0%,to{box-shadow:0 0 4px var(--goat-glow)}50%{box-shadow:0 0 10px var(--goat-glow)}}.room-status-dot.full{background:var(--tiger-color);box-shadow:0 0 6px var(--tiger-glow)}.room-card button{white-space:nowrap;flex:0;align-items:center;gap:5px;width:auto;padding:.45rem 1rem;font-size:.85rem;display:inline-flex}@media (width<=720px){.lobby-topbar{text-align:center;flex-direction:column;align-items:stretch}.lobby-brand{text-align:center}.lobby-brand h1{font-size:2.2rem}.desktop-only{display:none}.mobile-menu-container{display:block}.lobby-user-card{justify-content:space-between;width:100%}.lobby-action-btn{flex:calc(50% - .5rem);justify-content:center}.lobby-action-bar{border-radius:14px;flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem .75rem}.lobby-stats{justify-content:center}.lobby-buttons{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:.35rem;width:100%;display:grid}.lobby-buttons button{width:100%;margin-bottom:0}.lobby-buttons .lobby-icon-btn{aspect-ratio:auto;border-radius:9px;height:36px;min-height:36px;padding:.25rem}.lobby-buttons .lobby-action-main-btn{aspect-ratio:auto;border-radius:9px;gap:0;min-width:0;height:36px;min-height:36px;padding:.25rem!important}.lobby-buttons .lobby-action-label{display:none}.lobby-buttons .lobby-action-main-btn svg,.lobby-buttons .lobby-icon-btn svg{width:15px;height:15px}.rooms-play-btn{gap:0!important}.room-card{flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem}.room-card button{justify-content:center;width:100%}}.rooms-page .rooms-card{max-height:none}.history-header{justify-content:space-between;align-items:center;width:100%;display:flex}.history-stats-bar{grid-template-columns:repeat(4,1fr);gap:0;width:100%;padding:0;display:grid;overflow:hidden}.history-stat{border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;padding:1rem .5rem;display:flex}.history-stat:last-child{border-right:none}.history-stat-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:800}.history-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem;font-size:.72rem;font-weight:600}.history-filters{background:var(--surface-bg);border-radius:8px;gap:.35rem;width:100%;padding:.3rem;display:flex}@media (width<=480px){.lobby-action-bar{padding:.55rem .65rem}.lobby-buttons{gap:.3rem}.lobby-buttons .lobby-icon-btn,.lobby-buttons .lobby-action-main-btn{height:34px;min-height:34px;padding:.2rem!important}.lobby-buttons .lobby-action-main-btn svg,.lobby-buttons .lobby-icon-btn svg{width:14px;height:14px}}.history-filter-btn{color:var(--text-secondary);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:6px;flex:1;padding:.55rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.history-filter-btn:hover{color:var(--text-primary);background:#ffffff0a}.history-filter-btn.active{color:var(--text-primary);background:#ffffff14}.history-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:0;transition:all .2s;animation:.3s ease-out both roomSlideIn;display:flex;overflow:hidden}.history-card:hover{background:#ffffff0f;border-color:#ffffff1f}.history-result-strip{flex-shrink:0;align-self:stretch;width:4px}.history-result-strip.win{background:var(--accent-color)}.history-result-strip.loss{background:var(--tiger-color)}.history-result-strip.draw,.history-result-strip.in.progress{background:var(--text-secondary)}.history-card-body{flex:1;min-width:0;padding:.9rem 1.1rem}.history-card-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.history-card-role{align-items:center;gap:.4rem;display:flex}.history-role-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.history-role-icon.goat{color:var(--goat-color);background:#b0b0b01f}.history-role-icon.tiger{color:var(--tiger-color);background:#ef44441f}.history-role-text{text-transform:uppercase;letter-spacing:.4px;color:var(--text-primary);font-size:.82rem;font-weight:700}.history-result-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:4px;padding:3px 10px;font-size:.7rem;font-weight:700}.history-result-badge.win{color:var(--accent-color);background:#81b64c1f}.history-result-badge.loss{color:var(--tiger-color);background:#ef44441f}.history-result-badge.draw{color:var(--text-secondary);background:#ffffff0f}.history-card-opponent{color:var(--text-primary);margin-bottom:.3rem;font-size:1.05rem;font-weight:500}.history-card-opponent strong{color:var(--text-primary);font-weight:700}.history-abandoned-tag{color:#facc15;background:#facc151a;border-radius:4px;margin-left:.5rem;padding:1px 6px;font-size:.68rem;font-weight:600}.history-card-meta{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.history-review-btn{white-space:nowrap;flex-shrink:0;margin:0 1rem;width:auto!important;padding:.5rem 1.2rem!important;font-size:.85rem!important}.history-review-btn:disabled{opacity:.3;cursor:default}@media (width<=520px){.history-header{text-align:center;flex-direction:column;align-items:stretch;gap:.75rem}.history-header .secondary-btn{align-self:center}.history-stats-bar{grid-template-columns:repeat(2,1fr)}.history-stat{border-bottom:1px solid #ffffff0d}.history-stat:nth-child(odd){border-right:1px solid #ffffff0d}.history-stat:nth-child(2n){border-right:none}.history-stat:nth-last-child(-n+2){border-bottom:none}.history-card{flex-direction:column;align-items:stretch}.history-result-strip{align-self:auto;width:100%;height:3px}.history-review-btn{justify-content:center;margin:0 .75rem .75rem;width:calc(100% - 1.5rem)!important}}.lobby-elo{color:var(--accent-color);margin-left:.5rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.history-elo-change{border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700}.history-elo-change.positive{color:#81b64c;background:#81b64c1a}.history-elo-change.negative{color:#ef4444;background:#ef44441a}.profile-main-card{padding:0;overflow:visible}.profile-banner{background-color:#1a1917;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:1.2rem 1.5rem;display:flex}.profile-card-avatar{background-color:var(--accent-color);color:#1a1917;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;font-weight:900;display:flex;box-shadow:0 4px 10px #81b64c33}.profile-card-details h1{margin:0 0 .1rem;font-size:1.5rem;line-height:1.2}.profile-card-meta{color:var(--text-secondary);font-size:.85rem}.profile-stats-grid{background-color:#ffffff0d;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;display:grid}.profile-stat-cell{background-color:#0003;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.profile-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.7rem;font-weight:600}.profile-stat-value{color:#fff;font-weight:800;line-height:1}.profile-stat-value.main-rating{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-size:2.2rem}.profile-stat-value.main-winrate{font-size:1.8rem}.percent-sign{color:var(--text-secondary);font-size:1.5rem}.profile-stat-sub{color:var(--text-secondary);margin-top:.75rem;font-size:.95rem}.win-count{color:#81b64c}.loss-count{color:#ef4444}.roles-cell{background-color:#0003;flex-direction:column;justify-content:center;gap:1.25rem;padding:2rem;display:flex}.role-stat-item{justify-content:space-between;align-items:center;width:100%;display:flex}.role-stat-item:first-child{border-bottom:1px solid #ffffff0d;padding-bottom:1.25rem}.role-stat-left{align-items:center;gap:10px;display:flex}.role-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.role-stat-right{text-align:right}.role-percent{color:#fff;font-size:1.1rem;font-weight:700}.role-count{color:var(--text-secondary);font-size:.8rem}@media (width<=600px){.profile-banner{text-align:center;justify-content:center;gap:1rem;padding:1.5rem}.profile-banner-search{order:3;width:100%!important;margin-left:0!important}.profile-banner-search>div,.profile-banner-search input{width:100%!important}.search-dropdown{width:100%!important;left:0!important;right:0!important}.profile-card-avatar{width:60px;height:60px;font-size:1.8rem}.profile-card-details h1{font-size:1.6rem}.profile-card-meta{font-size:.85rem}.profile-stat-cell{padding:1.5rem 1rem}.profile-stat-value.main-rating{font-size:2.5rem}.profile-stat-value.main-winrate{font-size:2rem}.percent-sign{font-size:1.1rem}.profile-stat-label{font-size:.7rem}.profile-stat-sub{font-size:.85rem}.profile-stats-grid{grid-template-columns:1fr}.profile-stat-cell{min-height:120px}.roles-cell{padding:1.5rem 1rem}}.leaderboard-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid var(--border-color);padding:1rem}@media (width<=600px){.leaderboard-table th,.leaderboard-table td{padding:.75rem .5rem}}.leaderboard-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.leaderboard-table tr:hover td{background-color:#ffffff05}.leaderboard-me td{background-color:#e1ac480d}.analysis-panel{flex-direction:column;gap:1rem;height:100%;padding:1rem;display:flex;overflow-y:auto}.analysis-panel h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.9rem}.analysis-board-eval,.analysis-move-quality,.analysis-summary{padding:1rem!important}.eval-score{flex-direction:column;align-items:center;display:flex}.quality-badge{border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;font-weight:700;display:flex}.quality-badge.excellent{color:#81b64c;background:#81b64c26}.quality-badge.good{color:#86a8c3;background:#86a8c326}.quality-badge.inaccuracy{color:#f3ac3b;background:#f3ac3b26}.quality-badge.blunder{color:#ef4444;background:#ef444426}.quality-badge.capture{color:#c386c3;background:#c386c326}.quality-badge.neutral{color:#969696;background:#96969626}.quality-delta{color:var(--text-secondary);text-align:right;font-size:.85rem}.inline-quality-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;font-size:10px;font-weight:700;display:inline-flex}.inline-quality-badge.excellent{background:#81b64c}.inline-quality-badge.good{background:#86a8c3}.inline-quality-badge.inaccuracy{background:#f3ac3b}.inline-quality-badge.blunder{background:#ef4444}.inline-quality-badge.neutral{display:none}@media (width<=768px){.hide-mobile{display:none}}.board-with-eval{flex-direction:row;align-items:stretch;gap:14px;width:100%;display:flex}.board-with-eval .board-container{flex:1}.chesscom-eval-bar{aspect-ratio:auto;background:#1a1917;border-radius:3px;flex-direction:column;flex-shrink:0;align-self:stretch;width:14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}.eval-bar-dark{background:#1a1917;flex-shrink:0;transition:height .5s cubic-bezier(.4,0,.2,1)}.eval-bar-light{background:#f0ede8;flex-shrink:0;justify-content:center;align-items:flex-end;padding-bottom:3px;transition:height .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.eval-bar-score{color:#312e2b;writing-mode:horizontal-tb;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;line-height:1;position:absolute;bottom:3px}.eval-graph-container{background:#211f1c;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:.5rem .75rem 0}.eval-graph-svg{width:100%;height:72px;display:block;overflow:visible}.eval-graph-zero{stroke:#ffffff1f;stroke-width:.8px;stroke-dasharray:2 2}.eval-graph-line{fill:none;stroke:var(--accent-color);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.eval-graph-cursor{stroke:#ffffff80;stroke-width:1px;vector-effect:non-scaling-stroke}.eval-graph-labels{text-transform:uppercase;letter-spacing:.5px;color:#ffffff40;justify-content:space-between;padding:2px 0 6px;font-size:9px;font-weight:600;display:flex}.guest-mini-badge{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:.75rem;padding:.4rem .75rem;transition:all .2s;display:flex}.guest-mini-badge:hover{background:#ffffff0f;border-color:#ffffff1a}.guest-avatar-box.mini{color:#1a1a1a;background:#81b64c;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.guest-mini-badge .guest-text-info{flex-direction:column;display:flex}.guest-mini-badge .guest-name{color:#fff;font-size:.85rem;font-weight:700;line-height:1}.guest-mini-badge .guest-status{color:#81b64c;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.guest-login-btn.mini{color:#fff;cursor:pointer;background:#4a4844;border:none;border-radius:4px;margin-left:.25rem;padding:.3rem .6rem;font-size:.75rem;font-weight:700}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lobby-buttons button:disabled{opacity:.5;filter:grayscale();cursor:not-allowed!important;transform:none!important}.primary-btn:disabled,.secondary-btn:disabled{pointer-events:auto}.loader.small{border-width:3px;width:26px;height:26px}.board-container{background:radial-gradient(circle at top, #ffffff14, transparent 40%), var(--board-bg)}.dashboard-card{border:1px solid #ffffff0d;padding:1rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h3{margin-bottom:.2rem;font-size:1rem}.section-heading p{color:var(--text-secondary);font-size:.82rem}.section-count,.theme-chip{min-width:28px;color:var(--text-primary);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.settings-panel{min-width:0}.theme-card{text-align:left;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:.75rem;font-family:inherit;transition:transform .2s,border-color .2s,background .2s}.theme-card:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-2px)}.theme-card.active{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-glow)}.theme-preview{--preview-board-bg:var(--board-bg);--preview-line:var(--board-line);--preview-node:var(--node-bg);background:linear-gradient(180deg, #ffffff0a, transparent), var(--bg-color);border-radius:12px;margin-bottom:.75rem;padding:.7rem;position:relative}.theme-preview-board{aspect-ratio:1;background:radial-gradient(circle at top, #ffffff14, transparent 40%), var(--board-bg);border-radius:10px;width:100%;position:relative;overflow:hidden}.theme-preview-lines{background:var(--board-line);position:absolute}.theme-preview-line-horizontal{height:2px;left:10%;right:10%}.theme-preview-line-horizontal.top{top:25%}.theme-preview-line-horizontal.middle{top:50%}.theme-preview-line-horizontal.bottom{top:75%}.theme-preview-line-vertical{width:2px;top:10%;bottom:10%}.theme-preview-line-vertical.left{left:25%}.theme-preview-line-vertical.middle{left:50%}.theme-preview-line-vertical.right{left:75%}.theme-preview-line-diagonal{transform-origin:50%;width:112%;height:2px;top:50%;left:50%}.theme-preview-line-diagonal.main{transform:translate(-50%,-50%)rotate(45deg)}.theme-preview-line-diagonal.alt{transform:translate(-50%,-50%)rotate(-45deg)}.theme-preview-piece{aspect-ratio:1;border-radius:999px;width:18%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 12px #00000047}.theme-preview-piece.tiger{background:radial-gradient(circle at 30% 30%, #f7b08f, var(--tiger-color));border:2px solid #0003}.theme-preview-piece.goat{background:radial-gradient(circle at 30% 30%, #fff, var(--goat-color));border:2px solid #00000024}.theme-card-copy{flex-direction:column;gap:.35rem;display:flex}.theme-card-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.theme-card-copy span{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.guest-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.settings-page{width:100%;max-width:var(--app-shell-max-width);padding:1rem var(--app-shell-padding-x);gap:var(--app-shell-gap);flex-direction:column;min-width:0;margin:0 auto;display:flex}.settings-page-layout{grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;display:grid}.settings-preview-panel{border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow:hidden}.settings-hero-copy{flex-direction:column;gap:.35rem;display:flex}.settings-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-color);font-size:.72rem;font-weight:700}.settings-hero-copy h1{font-size:clamp(1.4rem,2.5vw,2rem)}.settings-hero-copy p{color:var(--text-secondary);max-width:48ch;font-size:.9rem}.settings-preview-board-wrap{width:100%;max-width:min(100%,460px);margin:0 auto}.settings-preview-board-wrap .board-container{border-radius:18px}.settings-summary-card{border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:.9rem;padding:1rem 1.1rem;display:flex}.settings-hero-copy.compact{gap:.2rem}.settings-hero-copy.compact h1{font-size:clamp(1.35rem,2.4vw,1.9rem)}.settings-current-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.settings-current-pill{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:.18rem;padding:.75rem .9rem;display:flex}.settings-current-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.settings-compact-grid{grid-template-columns:1fr;gap:1rem;display:grid}.settings-panel.compact{padding:1rem}.section-heading.compact{margin-bottom:.8rem}.theme-switcher-list{grid-template-columns:1fr;gap:.75rem;display:grid}.theme-switcher-card{text-align:left;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:.8rem;padding:.8rem;font-family:inherit;transition:transform .18s,border-color .18s,background .18s;display:grid}.theme-switcher-card:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-1px)}.theme-switcher-card.active{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-glow)}.theme-switcher-swatch{background:linear-gradient(180deg, #ffffff0a, transparent), var(--surface-bg);border:1px solid #ffffff14;border-radius:12px;height:64px;position:relative;overflow:hidden}.theme-switcher-board{background:linear-gradient(var(--board-line), var(--board-line)) center/78% 2px no-repeat, linear-gradient(90deg, var(--board-line), var(--board-line)) center/2px 78% no-repeat, radial-gradient(circle at top, #ffffff14, transparent 42%), var(--board-bg);border-radius:10px;position:absolute;inset:10px}.theme-switcher-dot{border-radius:999px;width:14px;height:14px;position:absolute;box-shadow:0 3px 8px #0000003d}.theme-switcher-dot.tiger{background:radial-gradient(circle at 30% 30%, #f7b08f, var(--tiger-color));top:11px;left:11px}.theme-switcher-dot.goat{background:radial-gradient(circle at 30% 30%, #fff, var(--goat-color));bottom:12px;right:12px}.theme-switcher-copy{flex-direction:column;gap:.25rem;min-width:0;display:flex}.theme-switcher-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.theme-switcher-copy span{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.skin-chip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.skin-chip-card{text-align:left;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.65rem;padding:.85rem;font-family:inherit;transition:transform .18s,border-color .18s,background .18s;display:flex}.skin-chip-card:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-1px)}.skin-chip-card.active{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-glow)}.skin-chip-preview{align-items:center;gap:.6rem;display:flex}.skin-chip-preview .piece{width:36px;height:36px;position:relative}.skin-chip-copy{flex-direction:column;gap:.28rem;display:flex}.skin-chip-copy span{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.settings-side-stack{flex-direction:column;gap:1rem;min-width:0;display:flex}.skin-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.skin-card{text-align:left;color:inherit;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:.75rem;font-family:inherit;transition:transform .2s,border-color .2s,background .2s}.skin-card:hover{background:#ffffff0d;border-color:#ffffff29;transform:translateY(-2px)}.skin-card.active{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-glow)}.skin-card-preview{background:#00000038;border-radius:12px;justify-content:center;align-items:center;gap:1rem;min-height:92px;margin-bottom:.75rem;display:flex}.skin-card-preview .piece{width:46px;height:46px;position:relative}.skin-card-copy{flex-direction:column;gap:.35rem;display:flex}.skin-card-copy span{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.lobby-content-grid{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;display:grid}.friends-sidebar-card{padding:1rem}.friends-list{flex-direction:column;gap:.75rem;display:flex}.friends-sidebar-stack{flex-direction:column;gap:.9rem;display:flex}.friend-requests-panel{flex-direction:column;gap:.65rem;display:flex}.mini-section-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mini-section-head strong{font-size:.88rem}.mini-section-head span{min-width:24px;height:24px;color:var(--text-secondary);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.request-list{flex-direction:column;gap:.65rem;display:flex}.request-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem;display:flex}.request-row.outgoing{align-items:center}.request-actions{flex-shrink:0;gap:.45rem;display:flex}.friend-row{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;gap:.85rem;padding:.8rem;display:flex}.friend-row-main{cursor:pointer;align-items:center;gap:.8rem;min-width:0;display:flex}.friend-avatar{background:var(--accent-color);color:#151311;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.friend-copy{flex-direction:column;gap:.18rem;min-width:0;display:flex}.friend-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend-copy span{color:var(--text-secondary);font-size:.78rem}.friend-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.45rem;display:flex}.friend-actions.wide{align-items:flex-end;gap:.55rem}.friend-status{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:inline-flex}.friend-status.online{color:var(--accent-color)}.friend-status.offline{color:var(--text-secondary)}.friend-status-dot{opacity:.85;background:currentColor;border-radius:999px;width:8px;height:8px}.friend-challenge-btn{flex:none;width:auto;min-width:102px;padding:.6rem .8rem}.friend-challenge-btn.compact{min-width:78px;padding:.52rem .72rem;font-size:.8rem}.friend-challenge-btn.danger{color:#fca5a5;border-color:#fca5a533}.challenge-toast{z-index:40;border:1px solid #ffffff14;flex-direction:column;gap:.8rem;width:min(360px,100vw - 1.5rem);padding:.95rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 18px 50px #00000059}.friend-toast{z-index:40;border:1px solid #ffffff14;flex-direction:column;gap:.8rem;width:min(340px,100vw - 1.5rem);padding:.95rem;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 18px 50px #00000059}.challenge-toast-copy{flex-direction:column;gap:.3rem;display:flex}.challenge-toast-copy span{color:var(--text-secondary);font-size:.84rem}.challenge-toast-actions{gap:.6rem;display:flex}.challenge-toast-actions .primary-btn,.challenge-toast-actions .secondary-btn{padding:.7rem .85rem}.profile-banner-actions{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.profile-friend-btn{flex:none;width:auto;min-width:144px;padding:.7rem .95rem}.profile-friend-btn.inline{min-width:110px}.profile-friend-btn.pending{opacity:.85;cursor:default}.profile-request-actions{flex-wrap:wrap;gap:.55rem;display:flex}.profile-action-error{color:#fca5a5;font-size:.75rem}.profile-page-shell{gap:1rem}.friends-page-grid{grid-template-columns:1fr;gap:1rem;display:grid}.friends-hero{border:1px solid #ffffff0f;border-radius:22px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:stretch;gap:1rem;padding:1.15rem;display:grid}.friends-hero-copy{flex-direction:column;gap:.35rem;display:flex}.friends-hero-copy h1{font-size:clamp(1.6rem,3vw,2.4rem)}.friends-hero-copy p{color:var(--text-secondary);max-width:52ch}.friends-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.friends-hero-stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:space-between;gap:.3rem;padding:.85rem .9rem;display:flex}.friends-hero-stat span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.friends-hero-stat strong{font-size:1.35rem}.friends-redesign-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.friends-main-panel,.friends-side-panel{padding:1rem}.friends-side-column{flex-direction:column;gap:1rem;display:flex}.friends-heading{margin-bottom:.85rem}.friends-redesign-list,.request-stack{flex-direction:column;gap:.8rem;display:flex}.friend-spotlight-card{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:.85rem;padding:.95rem;display:flex}.friend-spotlight-top{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.friend-spotlight-main{cursor:pointer;align-items:center;gap:.9rem;min-width:0;display:flex}.friend-avatar.large{border-radius:14px;width:52px;height:52px;font-size:1.15rem}.friend-status.pill,.friend-status.pending-pill{background:#ffffff0d;border-radius:999px;padding:.32rem .58rem}.friend-spotlight-meta{color:var(--text-secondary);justify-content:space-between;gap:.75rem;font-size:.8rem;display:flex}.friend-spotlight-actions{gap:.65rem;display:flex}.friend-action-wide{flex:1;padding:.78rem .95rem}.request-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:.75rem;padding:.85rem;display:flex}.request-card.compact-status{flex-direction:row;justify-content:space-between;align-items:center}.request-actions.full{grid-template-columns:1fr 1fr;width:100%;display:grid}.profile-banner.modern{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.15rem 1.2rem;display:grid}.profile-identity-block{align-items:center;gap:.95rem;min-width:0;display:flex}.profile-quick-stats{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.profile-quick-stat{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.18rem;min-width:96px;padding:.65rem .75rem;display:flex}.profile-quick-stat span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:700}.profile-quick-stat strong{font-size:1rem}.profile-banner-search-modern{grid-column:1/-1;width:100%;position:relative;margin-left:0!important}.profile-search-input{box-sizing:border-box;color:#fff;background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.2rem;font-size:.88rem;transition:all .2s}.profile-search-dropdown{z-index:100;max-height:300px;padding:.4rem;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.profile-search-state{text-align:center;opacity:.6;padding:1rem;font-size:.85rem}.profile-search-result{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:.6rem .75rem;transition:background .2s;display:flex}.profile-search-result:hover{background:#ffffff0d}.profile-search-avatar{background:var(--accent-color);color:#1a1917;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.profile-search-copy{flex-direction:column;min-width:0;display:flex}.profile-search-copy span{color:#fff;font-size:.85rem;font-weight:600}.profile-search-copy small{opacity:.5;font-size:.7rem}.profile-search-rating{color:var(--accent-color);margin-left:auto;font-size:.8rem;font-weight:700}.profile-stats-grid.modern{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.badge-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem;display:flex}.badge-emblem{background:linear-gradient(135deg, var(--accent-color), #ffffff40);color:#151311;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:900;display:flex}.badge-copy{flex-direction:column;gap:.2rem;display:flex}.badge-copy span,.empty-inline-state{color:var(--text-secondary);font-size:.84rem;line-height:1.5}.empty-inline-state{padding:.8rem 0}.puzzle-layout,.puzzle-compact-grid{align-items:start}.puzzle-meta-row,.puzzle-actions{flex-wrap:wrap;gap:.65rem;display:flex}.puzzle-steps{gap:.75rem;margin-bottom:1rem;display:grid}.puzzle-step{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem .9rem;display:flex}.puzzle-step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700}.puzzle-result{border:1px solid #0000;border-radius:14px;flex-direction:column;gap:.3rem;margin-top:1rem;padding:.85rem .95rem;display:flex}.puzzle-result.success{background:#81b64c1f;border-color:#81b64c3d}.puzzle-result.error{background:#ef44441f;border-color:#ef44443d}.puzzle-result span{color:var(--text-secondary);font-size:.84rem}.compact-puzzle-board{max-width:min(100%,420px)}.piece.skin-classic.tiger,.theme-preview-piece.tiger{background:radial-gradient(circle at 30% 30%, #f7b08f, var(--tiger-color))}.piece.skin-classic.goat,.theme-preview-piece.goat{background:radial-gradient(circle at 30% 30%, #fff, var(--goat-color))}.piece.skin-golden-tigers.tiger{background:radial-gradient(circle at 30% 28%,#ffe7a5,#d8a83f 60%,#7a5110 100%);border-color:#84510d}.piece.skin-golden-tigers.goat{background:radial-gradient(circle at 30% 28%,#fffdf9,#efe3c4 60%,#bca886 100%);border-color:#9b8661}.piece.skin-robot-goats.tiger{background:radial-gradient(circle at 30% 28%,#ffadb5,#a63f61 58%,#461729 100%);border-color:#ffd2d7}.piece.skin-robot-goats.goat{background:radial-gradient(circle at 30% 28%,#f9feff,#b6cad8 58%,#5e7382 100%);border-color:#dce9f2}.piece.skin-jade-beasts.tiger{background:radial-gradient(circle at 30% 28%,#efc185,#a96d2d 58%,#573515 100%);border-color:#dfbe86}.piece.skin-jade-beasts.goat{background:radial-gradient(circle at 30% 28%,#d8ffe8,#62b996 58%,#255544 100%);border-color:#c4f7df}.piece.skin-ember-horns.tiger{background:radial-gradient(circle at 30% 28%,#ffc18a,#dd5f23 58%,#66270f 100%);border-color:#ffd4b4}.piece.skin-ember-horns.goat{background:radial-gradient(circle at 30% 28%,#fff8ef,#d9d1c5 58%,#8d7a66 100%);border-color:#efe0d1}@media (width<=960px){.desktop-only{display:none}.mobile-menu-container{display:block}.settings-page{gap:1rem;padding:.5rem}.settings-summary-card{padding:.95rem}.settings-preview-panel{padding:1rem}.lobby-content-grid{grid-template-columns:1fr}}@media (width>=720px){.settings-page-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:start}.settings-compact-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.friends-page-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.friends-redesign-grid{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:start}}@media (width>=1080px){.lobby-content-grid{grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=720px){.global-header{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:1rem}.header-left{flex:1;justify-content:flex-start;min-width:0}.lobby-brand{text-align:left;width:auto}.lobby-brand .sabai-head{font-size:1.35rem!important}.lobby-user-area{flex-shrink:0;width:auto;min-width:0}.lobby-user-card{gap:.5rem;max-width:min(54vw,220px);padding:.35rem .45rem .35rem .55rem}.lobby-user-info{gap:.45rem}.lobby-username{font-size:.85rem}.lobby-elo{font-size:.68rem}.guest-actions{flex-direction:row;align-items:center;gap:.4rem}.settings-page-layout{gap:.85rem}.settings-current-strip{grid-template-columns:1fr}.settings-preview-panel{border-radius:16px;padding:.9rem}.settings-hero-copy h1{font-size:clamp(1.35rem,7vw,1.9rem)}.settings-hero-copy p{font-size:.9rem}.settings-preview-board-wrap{max-width:100%}.theme-grid{grid-template-columns:1fr}.theme-switcher-card{grid-template-columns:76px minmax(0,1fr);padding:.7rem}.theme-switcher-swatch{height:58px}.skin-chip-grid{grid-template-columns:1fr}.theme-card{padding:.65rem}.theme-card-copy span{font-size:.82rem}.friend-row,.request-row,.badge-card,.puzzle-step{flex-direction:column;align-items:flex-start}.friend-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.friend-actions.wide{flex-direction:column;align-items:stretch}.friends-hero{grid-template-columns:1fr}.friends-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.friend-spotlight-top,.request-card.compact-status,.friend-spotlight-meta,.friend-spotlight-actions{flex-direction:column;align-items:flex-start}.request-actions{width:100%}.profile-banner-actions{order:2;align-items:stretch;width:100%}.profile-banner.modern{grid-template-columns:1fr}.profile-identity-block{width:100%}.profile-quick-stats{justify-content:stretch}.profile-quick-stat{flex:1}.profile-stats-grid.modern{grid-template-columns:1fr}}@media (width<=480px){.settings-page{gap:.85rem}.settings-panel.compact,.settings-summary-card,.settings-preview-panel,.dashboard-card{padding:.8rem}.theme-preview{margin-bottom:.6rem;padding:.55rem}.theme-card-top{flex-wrap:wrap}.section-heading{margin-bottom:.8rem}.challenge-toast{width:auto;left:.75rem;right:.75rem}.friend-toast{width:auto;bottom:5.9rem;left:.75rem;right:.75rem}.challenge-toast-actions,.puzzle-actions{flex-direction:column}.theme-switcher-card,.friends-hero-stats,.request-actions.full,.friend-spotlight-actions{grid-template-columns:1fr}.theme-switcher-swatch{width:100%}.skin-grid,.badge-grid{grid-template-columns:1fr}.profile-banner.modern{padding:.95rem}.friends-hero,.friends-main-panel,.friends-side-panel{padding:.9rem}.profile-card-avatar{width:54px;height:54px;font-size:1.7rem}.profile-card-details h1{font-size:1.45rem}.profile-identity-block{align-items:flex-start}.profile-quick-stats{width:100%}.profile-quick-stat{min-width:0}}