*{box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:hidden}body{width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}img,video,canvas,svg{max-width:100%}button,input,select,textarea{max-width:100%;font:inherit}body{color:#fff;background:#090909;margin:0;font-family:Arial,Helvetica,sans-serif}.app-layout{min-height:100vh;display:flex}.main-area{flex-direction:column;flex:1;display:flex}.sidebar{background:#111;border-right:2px solid #e10600;width:240px;padding:20px}.sidebar h2{color:#e10600;text-align:center;margin-bottom:30px}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar a{border-radius:8px;padding:12px;transition:all .2s}.sidebar a:hover{background:#e10600}.top-header{background:#000;border-bottom:2px solid #e10600;justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex}.page-content{flex:1;padding:25px}.dashboard{flex-direction:column;gap:25px;display:flex}.dashboard-header{background:linear-gradient(135deg,#171717,#080808);border:1px solid #e10600;border-radius:15px;justify-content:space-between;align-items:center;padding:25px;display:flex}.dashboard-header h1{margin:0}.dashboard-header p{color:#bbb}.dv-button{color:#fff;cursor:pointer;background:#e10600;border:none;border-radius:10px;padding:14px 24px;font-size:16px;font-weight:700}.dv-button:hover{background:#ff1a1a}.dv-card,.stat-card{background:#151515;border:1px solid #333;border-radius:15px;padding:20px}.dv-card h3,.stat-card h3{color:#e10600;margin-top:0}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card p{margin:10px 0 0;font-size:32px;font-weight:700}.quick-actions{flex-wrap:wrap;gap:15px;display:flex}.quick-actions a{background:#151515;border:1px solid #e10600;border-radius:10px;padding:15px 20px}.quick-actions a:hover{background:#e10600}.footer{text-align:center;background:#111;padding:15px}@media (width<=800px){.app-layout{flex-direction:column}.sidebar{width:100%}.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=450px){.stats-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0 30px;display:grid}.stat-card{text-align:center;background:#111;border:1px solid #333;border-radius:12px;padding:20px}.stat-card h3{margin:0 0 12px;font-size:15px;font-weight:500}.stat-card strong{font-size:28px;font-weight:700;display:block}.cookie-banner{z-index:9999;color:#fff;background:#111;border:1px solid #333;border-radius:14px;padding:18px 22px;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 40px #00000073}.cookie-content{justify-content:space-between;align-items:center;gap:25px;display:flex}.cookie-content h3{color:#ff2b2b;margin:0 0 6px}.cookie-content p{color:#ddd;max-width:700px;margin:0;line-height:1.5}.cookie-buttons{flex-shrink:0;gap:10px;display:flex}.cookie-buttons button{cursor:pointer;border:none;border-radius:8px;padding:11px 18px;font-weight:700}.cookie-accept{color:#fff;background:#e50914}.cookie-accept:hover{background:#ff1f2d}.cookie-reject{color:#fff;background:#333}.cookie-reject:hover{background:#444}@media (width<=700px){.cookie-banner{bottom:10px;left:10px;right:10px}.cookie-content{flex-direction:column;align-items:stretch}.cookie-buttons{width:100%}.cookie-buttons button{flex:1}}.site-footer{color:#fff;background:#111;border-top:2px solid #d71920;margin-top:auto;padding:32px 24px 18px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;max-width:1200px;margin:0 auto;display:flex}.footer-brand{max-width:420px}.footer-brand h3{color:#fff;margin:0 0 8px;font-size:1.3rem}.footer-brand p{color:#bcbcbc;margin:0;line-height:1.6}.footer-section h4{color:#fff;margin:0 0 12px}.footer-links{flex-direction:column;gap:9px;display:flex}.footer-links a{color:#cfcfcf;text-decoration:none;transition:color .2s,transform .2s}.footer-links a:hover{color:#fff;transform:translate(3px)}.footer-bottom{color:#999;border-top:1px solid #333;justify-content:space-between;gap:20px;width:100%;max-width:1200px;margin:26px auto 0;padding-top:18px;font-size:.9rem;display:flex}.footer-bottom p{margin:0}.footer-beta-label{color:#ff4a4f;text-transform:uppercase;letter-spacing:1px;font-weight:700}.legal-page{background:linear-gradient(#f7f7f7 0%,#eee 100%);min-height:100vh;padding:50px 20px 80px}.legal-container{background:#fff;border-top:5px solid #d71920;border-radius:18px;width:100%;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 14px 40px #0000001a}.legal-header{border-bottom:1px solid #dedede;margin-bottom:35px;padding-bottom:24px}.legal-back-link{color:#d71920;margin-bottom:24px;font-weight:700;text-decoration:none;display:inline-block}.legal-back-link:hover{text-decoration:underline}.legal-header h1{color:#111;margin:0 0 10px;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.legal-updated{color:#666;margin:0;font-size:.95rem}.legal-content section{margin-bottom:32px}.legal-content section:last-child{margin-bottom:0}.legal-content h2{color:#1a1a1a;margin:0 0 12px;font-size:1.35rem}.legal-content p{color:#444;margin:0 0 14px;line-height:1.75}.legal-content ul{margin:12px 0 16px;padding-left:24px}.legal-content li{color:#444;margin-bottom:9px;line-height:1.6}@media (width<=700px){.footer-inner,.footer-bottom{flex-direction:column}.legal-page{padding:20px 12px 50px}.legal-container{border-radius:12px;padding:28px 20px}.legal-header h1{font-size:2rem}}.practice-page{width:100%}.practice-hero{background:radial-gradient(circle at 100% 0,#dc26263d,#0000 42%),linear-gradient(135deg,#171717,#090909);border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:32px;display:flex}.practice-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,3.4rem)}.practice-hero p{color:#b7b7b7;max-width:650px;margin:0;line-height:1.6}.practice-eyebrow,.section-heading span,.summary-label,.active-practice-header span{color:#ef4444;letter-spacing:.14em;font-size:.75rem;font-weight:800}.practice-hero-badge{text-align:center;background:#00000073;border:1px solid #ef444452;border-radius:18px;min-width:165px;padding:20px}.practice-hero-badge span{color:#a3a3a3;margin-bottom:8px;font-size:.8rem;display:block}.practice-hero-badge strong{font-size:1.15rem}.practice-message{color:#fff;background:#ef44441f;border-left:4px solid #ef4444;border-radius:10px;margin-bottom:22px;padding:14px 18px}.practice-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.practice-stat-card{background:#141414;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:14px;min-height:105px;padding:20px;display:flex}.practice-stat-icon{background:#ef444421;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.45rem;display:grid}.practice-stat-card p{color:#a3a3a3;margin:0 0 5px;font-size:.85rem}.practice-stat-card strong{font-size:1.7rem}.continue-practice-section,.practice-library,.active-practice-panel{background:#111;border:1px solid #ffffff14;border-radius:22px;margin-bottom:26px;padding:26px}.continue-practice-section{background:linear-gradient(120deg,#ef44442e,#0000),#111}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-heading h2{margin:7px 0}.section-heading p{color:#a8a8a8;margin:0}.section-heading button,.practice-game-card button,.practice-close-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:12px 18px;font-weight:800;transition:transform .2s,background .2s}.section-heading button:hover,.practice-game-card button:hover,.practice-close-button:hover{background:#ef4444;transform:translateY(-2px)}.practice-filters{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.practice-filter{color:#ccc;cursor:pointer;background:#191919;border:1px solid #ffffff1c;border-radius:999px;padding:9px 15px}.practice-filter.active{color:#fff;background:#dc2626;border-color:#ef4444}.practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.practice-game-card{background:linear-gradient(145deg,#191919,#101010);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;min-height:320px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.practice-game-card:hover{border-color:#ef44447a;transform:translateY(-4px)}.practice-game-top{justify-content:space-between;align-items:center;display:flex}.practice-game-icon{background:#ef444424;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.5rem;display:grid}.practice-game-category{color:#bdbdbd;background:#ffffff12;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:700}.practice-game-card h3{margin:20px 0 8px}.practice-game-card>p{color:#ababab;min-height:68px;margin:0 0 18px;line-height:1.55}.practice-game-details{color:#a4a4a4;border-top:1px solid #ffffff12;justify-content:space-between;padding:10px 0;font-size:.85rem;display:flex}.practice-game-details strong{color:#fff}.practice-game-card button{width:100%;margin-top:auto}.practice-game-card button:disabled{opacity:.6;cursor:not-allowed}.practice-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.practice-summary-card{background:#121212;border:1px solid #ffffff14;border-radius:20px;padding:25px}.practice-summary-card h2{margin:8px 0 20px}.practice-record{color:#aaa;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.practice-record strong{color:#fff}.coming-soon-item{border-bottom:1px solid #ffffff12;align-items:flex-start;gap:14px;padding:15px 0;display:flex}.coming-soon-item>span{font-size:1.4rem}.coming-soon-item strong{margin-bottom:4px;display:block}.coming-soon-item p{color:#a4a4a4;margin:0;font-size:.86rem;line-height:1.45}.active-practice-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.active-practice-header h2{margin:8px 0}.active-practice-header p{color:#aaa;margin:0}.practice-close-button{background:#2b2b2b}.practice-placeholder{text-align:center;border:1px dashed #ffffff26;border-radius:16px;padding:50px 20px}.practice-placeholder>span{font-size:2.8rem}.practice-placeholder p{color:#aaa}@media (width<=1050px){.practice-stat-grid,.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.practice-hero,.section-heading,.active-practice-header{flex-direction:column;align-items:stretch}.practice-hero-badge{width:100%}.practice-stat-grid,.practice-grid,.practice-bottom-grid{grid-template-columns:1fr}.continue-practice-section,.practice-library,.active-practice-panel,.practice-hero{padding:20px}.section-heading button,.practice-close-button{width:100%}}.practice-camera-panel{background:#0b0b0b;border:1px solid #ffffff17;border-radius:18px;margin-top:22px;padding:18px}.practice-camera-header{margin-bottom:14px}.practice-camera-header span,.practice-game-header>div>span{color:#ef4444;letter-spacing:.13em;font-size:.72rem;font-weight:800}.practice-camera-header h3{margin:6px 0 0}.practice-camera-view{aspect-ratio:16/9;background:#000;border:2px solid #252525;border-radius:14px;width:100%;max-width:720px;position:relative;overflow:hidden}.practice-camera-view video,.practice-camera-view canvas{width:100%;height:100%;position:absolute;inset:0}.practice-camera-view video{object-fit:contain;background:#000}.practice-camera-view canvas{z-index:2;pointer-events:none}.practice-camera-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.practice-camera-status-grid>div{background:#161616;border-radius:12px;padding:12px}.practice-camera-status-grid span,.practice-camera-last-dart span,.around-clock-stats span,.around-clock-last-throw span{color:#999;margin-bottom:5px;font-size:.76rem;display:block}.practice-camera-status-grid strong{font-size:.86rem}.practice-camera-last-dart{background:#ef44441a;border-left:4px solid #ef4444;border-radius:10px;flex-direction:column;margin-top:14px;padding:14px;display:flex}.practice-camera-last-dart strong{font-size:1.4rem}.practice-camera-last-dart small{color:#aaa;margin-top:5px}.practice-game-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.practice-game-header h2{margin:7px 0}.practice-game-header p{color:#aaa;margin:0}.camera-toggle{cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;padding:12px 15px;display:flex}.camera-toggle input{accent-color:#dc2626;width:18px;height:18px}.around-clock-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.around-clock-stats>div{text-align:center;background:#171717;border-radius:14px;padding:16px}.around-clock-stats strong{font-size:1.8rem}.around-clock-stats>div:first-child strong{color:#ef4444;font-size:2.5rem}.around-clock-last-throw{background:#171717;border-radius:12px;flex-direction:column;padding:14px;display:flex}.around-clock-last-throw strong{font-size:1.3rem}.around-clock-last-throw small{color:#bbb;margin-top:5px}.manual-practice-controls{margin-top:20px}.manual-practice-controls button{margin-right:10px}@media (width<=750px){.practice-game-header{flex-direction:column}.camera-toggle{box-sizing:border-box;width:100%}.practice-camera-status-grid,.around-clock-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.bobs-rules{background:#171717;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:18px}.bobs-rules h3{margin-top:0}.bobs-rules p{color:#aaa;margin:8px 0}.bobs-score-banner{background:linear-gradient(120deg,#ef44442e,#0000),#151515;border:1px solid #ef444459;border-radius:16px;justify-content:space-between;align-items:center;margin:20px 0;padding:20px 24px;display:flex}.bobs-score-banner span{color:#aaa;font-weight:700}.bobs-score-banner strong{color:#fff;font-size:2.8rem}.bobs-round-value{background:#ef44441a;border-left:4px solid #ef4444;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;display:flex}.bobs-round-value span{color:#aaa}.bobs-round-value strong{color:#fff}@media (width<=600px){.bobs-score-banner,.bobs-round-value{flex-direction:column;align-items:flex-start;gap:8px}}.checkout-rules{background:#171717;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:18px}.checkout-rules h3{margin-top:0}.checkout-rules p{color:#aaa;margin:8px 0}.checkout-score-banner{background:linear-gradient(120deg,#ef444438,#0000),#141414;border:1px solid #ef444466;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;padding:24px;display:flex}.checkout-score-banner span{color:#aaa;font-weight:700}.checkout-score-banner strong{color:#fff;font-size:3.5rem}.checkout-score-banner small{color:#bbb}.checkout-message{background:#ef44441a;border-left:4px solid #ef4444;border-radius:10px;margin-bottom:16px;padding:14px 18px}.checkout-visit-darts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.checkout-visit-darts>div{text-align:center;background:#171717;border-radius:14px;flex-direction:column;padding:16px;display:flex}.checkout-visit-darts span{color:#999;font-size:.76rem}.checkout-visit-darts strong{margin:6px 0;font-size:1.5rem}.checkout-visit-darts small{color:#aaa}.checkout-manual-controls{margin-top:20px}.manual-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.manual-score-grid button{padding:12px}@media (width<=650px){.checkout-score-banner{flex-direction:column;align-items:flex-start}.checkout-visit-darts{grid-template-columns:1fr}.manual-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bull-rules{background:#171717;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:18px}.bull-rules h3{margin-top:0}.bull-rules p{color:#aaa;margin:8px 0}.bull-score-banner{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.bull-score-banner>div{background:linear-gradient(120deg,#ef44442e,#0000),#151515;border:1px solid #ef444459;border-radius:16px;justify-content:space-between;align-items:center;padding:22px;display:flex}.bull-score-banner span{color:#aaa;font-weight:700}.bull-score-banner strong{font-size:2.5rem}.bull-progress{background:#171717;border-radius:14px;margin-bottom:16px;padding:16px}.bull-progress-heading{justify-content:space-between;margin-bottom:10px;display:flex}.bull-progress-heading span{color:#aaa}.bull-progress-track{background:#292929;border-radius:999px;height:12px;overflow:hidden}.bull-progress-fill{background:#dc2626;border-radius:999px;height:100%;transition:width .25s}@media (width<=650px){.bull-score-banner{grid-template-columns:1fr}.bull-score-banner>div{flex-direction:column;align-items:flex-start;gap:8px}}.treble-rules{background:#171717;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:18px}.treble-rules h3{margin-top:0}.treble-rules p{color:#aaa;margin:8px 0}.treble-score-banner{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.treble-score-banner>div{background:linear-gradient(120deg,#ef44442e,#0000),#151515;border:1px solid #ef444459;border-radius:16px;justify-content:space-between;align-items:center;padding:22px;display:flex}.treble-score-banner span{color:#aaa;font-weight:700}.treble-score-banner strong{font-size:2.5rem}.treble-breakdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.treble-breakdown>div{text-align:center;background:#171717;border-radius:14px;flex-direction:column;padding:16px;display:flex}.treble-breakdown span{color:#999;font-size:.78rem}.treble-breakdown strong{margin:6px 0;font-size:1.6rem}.treble-breakdown small{color:#aaa}@media (width<=750px){.treble-score-banner{grid-template-columns:1fr}.treble-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=450px){.treble-breakdown{grid-template-columns:1fr}}.cricket-rules{background:#171717;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:18px}.cricket-rules h3{margin-top:0}.cricket-rules p{color:#aaa;margin:8px 0}.cricket-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.cricket-summary>div{text-align:center;background:#171717;border-radius:14px;flex-direction:column;padding:16px;display:flex}.cricket-summary span{color:#999;font-size:.78rem}.cricket-summary strong{margin-top:6px;font-size:1.7rem}.cricket-board{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.cricket-target{text-align:center;background:#171717;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:92px;padding:12px;display:flex}.cricket-target strong{font-size:1.4rem}.cricket-target span{color:#aaa;white-space:nowrap;font-size:.82rem}.cricket-target.closed{background:#22c55e1f;border-color:#22c55e73}.cricket-target.closed span{color:#4ade80;font-weight:800}.cricket-manual-controls{margin-top:20px}.cricket-manual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cricket-manual-grid>div{background:#171717;border-radius:12px;grid-template-columns:1fr repeat(3,44px);align-items:center;gap:6px;padding:10px;display:grid}.cricket-manual-grid button{padding:9px 5px}@media (width<=900px){.cricket-board{grid-template-columns:repeat(4,minmax(0,1fr))}.cricket-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.cricket-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cricket-board,.cricket-manual-grid{grid-template-columns:1fr}}.coming-soon-page{width:100%}.coming-soon-hero{background:radial-gradient(circle at 100% 0,#ef444447,#0000 38%),radial-gradient(circle at 0 100%,#3b82f61f,#0000 42%),linear-gradient(135deg,#181818,#090909);border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px;padding:34px;display:flex;overflow:hidden}.coming-soon-eyebrow,.roadmap-section-heading span,.roadmap-intro-card>div>span,.roadmap-feedback-card>div>span{color:#ef4444;letter-spacing:.14em;font-size:.74rem;font-weight:800}.coming-soon-hero h1{margin:9px 0;font-size:clamp(2.2rem,5vw,3.8rem)}.coming-soon-hero p{color:#b5b5b5;max-width:720px;margin:0;line-height:1.65}.coming-soon-hero-badge{text-align:center;background:#00000075;border:1px solid #ef444461;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:180px;min-height:135px;padding:20px;display:flex}.coming-soon-hero-badge span{color:#aaa;margin-bottom:8px;font-size:.82rem}.coming-soon-hero-badge strong{color:#fff;font-size:3rem}.roadmap-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.roadmap-summary-card{background:#141414;border:1px solid #ffffff14;border-radius:17px;align-items:center;gap:14px;min-height:105px;padding:19px;display:flex}.roadmap-summary-card>span{background:#ef444421;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.45rem;display:grid}.roadmap-summary-card p{color:#999;margin:0 0 5px;font-size:.82rem}.roadmap-summary-card strong{font-size:1.7rem}.roadmap-summary-card .roadmap-goal{font-size:1rem;line-height:1.3}.roadmap-intro-card{background:linear-gradient(120deg,#ef44441f,#0000),#121212;border:1px solid #ef44443b;border-radius:20px;margin-bottom:24px;padding:27px}.roadmap-intro-card h2{margin:8px 0}.roadmap-intro-card p{color:#aaa;max-width:850px;margin:0;line-height:1.6}.roadmap-library{background:#101010;border:1px solid #ffffff14;border-radius:22px;margin-bottom:24px;padding:27px}.roadmap-section-heading h2{margin:7px 0}.roadmap-section-heading p{color:#aaa;margin:0}.roadmap-filters{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.roadmap-filter{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff1c;border-radius:999px;padding:9px 15px;transition:border-color .2s,background .2s,transform .2s}.roadmap-filter:hover{border-color:#ef444480;transform:translateY(-1px)}.roadmap-filter.active{color:#fff;background:#dc2626;border-color:#ef4444}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.roadmap-feature-card{background:linear-gradient(145deg,#191919,#101010);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;min-height:305px;padding:21px;transition:transform .2s,border-color .2s;display:flex}.roadmap-feature-card:hover{border-color:#ef44446e;transform:translateY(-4px)}.roadmap-card-top{justify-content:space-between;align-items:center;display:flex}.roadmap-feature-icon{background:#ef444421;border-radius:14px;place-items:center;width:49px;height:49px;font-size:1.5rem;display:grid}.roadmap-stage{border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:800}.roadmap-stage.development{color:#4ade80;background:#22c55e24}.roadmap-stage.planned{color:#60a5fa;background:#3b82f624}.roadmap-stage.research{color:#fbbf24;background:#f59e0b24}.roadmap-category{color:#ef4444;letter-spacing:.1em;text-transform:uppercase;margin-top:19px;font-size:.7rem;font-weight:800}.roadmap-feature-card h3{margin:8px 0}.roadmap-feature-card>p{color:#aaa;margin:0 0 19px;line-height:1.55}.roadmap-release{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:13px;display:flex}.roadmap-release span{color:#888;font-size:.76rem}.roadmap-release strong{text-align:right;font-size:.79rem}.roadmap-feedback-card{background:radial-gradient(circle at 100%,#ef444421,#0000 45%),#131313;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:20px;padding:27px;display:flex}.roadmap-feedback-icon{background:#ef444421;border-radius:18px;flex-shrink:0;place-items:center;width:65px;height:65px;font-size:2rem;display:grid}.roadmap-feedback-card h2{margin:7px 0}.roadmap-feedback-card p{color:#aaa;margin:0;line-height:1.55}.roadmap-disclaimer{color:#777;text-align:center;margin:17px 0 0;font-size:.76rem}@media (width<=1100px){.roadmap-summary-grid,.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.coming-soon-hero{flex-direction:column;align-items:stretch;padding:23px}.coming-soon-hero-badge{box-sizing:border-box;width:100%;min-height:110px}.roadmap-summary-grid,.roadmap-grid{grid-template-columns:1fr}.roadmap-library,.roadmap-intro-card,.roadmap-feedback-card{padding:20px}.roadmap-feedback-card{flex-direction:column;align-items:flex-start}.roadmap-feature-card{min-height:auto}}.go-live-panel{background:#0c101af5;border:1px solid #ffffff1a;border-radius:18px;margin-top:24px;padding:24px}.go-live-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.go-live-header h2{margin:0 0 8px}.go-live-header p{color:#aeb5c3;max-width:650px;margin:0;line-height:1.5}.live-status{color:#c6cbd5;text-transform:uppercase;background:#ffffff14;border-radius:999px;flex-shrink:0;padding:9px 14px;font-size:13px;font-weight:700}.live-status.live{color:#ff5361;background:#e326362e;box-shadow:0 0 18px #e326364d}.stream-preview{aspect-ratio:16/9;background:#05070c;border-radius:14px;width:100%;position:relative;overflow:hidden}.stream-preview video{object-fit:contain;background:#05070c;width:100%;height:100%;display:block}.stream-placeholder{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.stream-placeholder span{font-size:42px}.stream-placeholder strong{font-size:20px}.stream-placeholder small{color:#9da4b2;text-align:center}.stream-output-canvas{pointer-events:none;width:1280px;height:720px;position:fixed;top:-10000px;left:-10000px}.stream-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.stream-actions button{cursor:pointer;border:0;border-radius:10px;min-height:46px;padding:0 20px;font-size:15px;font-weight:700}.stream-preview-button{color:#fff;background:#ff7a00}.go-live-button{color:#fff;background:#e32636;box-shadow:0 0 18px #e3263647}.stop-live-button{color:#fff;background:#ffffff1a}.stream-actions button:hover{transform:translateY(-1px)}.stream-error{color:#ff8c8c;background:#ff50501a;border:1px solid #ff50504d;border-radius:9px;margin-top:14px;padding:12px 14px}@media (width<=700px){.go-live-header,.stream-actions{flex-direction:column}.stream-actions button{width:100%}}.social-profile-settings{background:#0c101af5;border:1px solid #ffffff1a;border-radius:18px;margin-top:24px;padding:24px}.social-profile-heading h3,.stream-platform-heading h3{margin:0 0 7px}.social-profile-heading p,.stream-platform-heading p{color:#9fa7b5;margin:0;line-height:1.5}.social-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.social-profile-field{flex-direction:column;gap:8px;display:flex}.social-profile-field span{color:#fff;font-weight:700}.social-profile-field input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;width:100%;min-height:46px;padding:0 13px}.social-profile-field input:focus{border-color:#ff7a00;outline:none}.save-social-button{color:#fff;cursor:pointer;background:#ff7a00;border:0;border-radius:10px;min-height:46px;margin-top:20px;padding:0 20px;font-weight:700}.save-social-button:disabled{opacity:.6;cursor:wait}.profile-save-success{color:#69e39c;background:#35d27c1a;border:1px solid #35d27c4d;border-radius:9px;margin-top:16px;padding:12px 14px}.stream-platform-section{background:#ffffff09;border-radius:14px;margin-top:20px;padding:20px}.stream-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.stream-platform-card{background:#0a0e17cc;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.stream-platform-card.selected{border-color:#ff7a00;box-shadow:0 0 0 1px #ff7a0040}.platform-select-button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:15px;display:flex}.platform-select-button:disabled{opacity:.42;cursor:not-allowed}.platform-icon{font-size:25px}.platform-details{flex-direction:column;flex:1;gap:3px;display:flex}.platform-details small{color:#939baa}.platform-checkbox{color:#fff;border:1px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.stream-platform-card.selected .platform-checkbox{background:#ff7a00;border-color:#ff7a00}.open-profile-button{color:#bdc4d0;cursor:pointer;background:#ffffff0a;border:0;border-top:1px solid #ffffff14;width:100%;padding:10px}.open-profile-button:hover{color:#fff;background:#ffffff14}.no-social-profiles{color:#ffb068;margin:16px 0 0}@media (width<=900px){.stream-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.social-profile-fields,.stream-platform-grid{grid-template-columns:1fr}}.profile-main-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.profile-main-header h1{margin-bottom:4px}.profile-main-header h2{margin-top:0}.profile-live-status{color:#aeb5c3;text-transform:uppercase;background:#ffffff14;border-radius:999px;flex-shrink:0;padding:9px 14px;font-size:13px;font-weight:800}.profile-live-status.live{color:#ff5967;background:#e326362e;box-shadow:0 0 18px #e326364d}.profile-social-edit{border-top:1px solid #ffffff1a;grid-column:1/-1;margin-top:14px;padding-top:20px}.profile-social-edit h3{margin:0 0 7px}.profile-social-edit p{color:#9fa7b5;margin:0}.profile-edit-actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.profile-social-section{padding:8px 0}.profile-social-section h2{margin-bottom:5px}.profile-social-section h3{margin:0 0 7px}.profile-social-section p{color:#a3aab7}.profile-social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.profile-social-card{color:#fff;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:13px;width:100%;min-height:76px;padding:15px;display:flex}.profile-social-card:hover{background:#ff7a0014;border-color:#ff7a00;transform:translateY(-1px)}.profile-social-icon{font-size:28px}.profile-social-information{flex-direction:column;flex:1;gap:4px;display:flex}.profile-social-information strong{font-size:16px}.profile-social-information small{color:#a3aab7}.profile-social-arrow{color:#ff9a3d;font-size:20px}.profile-social-empty{text-align:center;border:1px dashed #ffffff26;border-radius:13px;margin-top:18px;padding:22px}.profile-social-empty p{margin-top:0}.profile-social-empty button{color:#fff;cursor:pointer;background:#ff7a00;border:0;border-radius:9px;min-height:42px;padding:0 17px;font-weight:700}@media (width<=900px){.profile-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.profile-main-header{flex-direction:column}.profile-social-grid{grid-template-columns:1fr}.profile-edit-actions{flex-direction:column}.profile-edit-actions button{width:100%}}.community-page{color:#fff;width:100%;padding:28px}.community-hero{background:radial-gradient(circle at 100% 0,#ff484838,#0000 42%),linear-gradient(145deg,#161616,#0d0d0d);border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:32px;display:flex;box-shadow:0 18px 50px #00000047}.community-eyebrow{color:#ff5757;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-block}.community-hero h1{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.05}.community-hero p{color:#ffffffad;max-width:620px;margin:14px 0 0;font-size:16px;line-height:1.65}.community-summary{grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px;min-width:360px;display:grid}.community-summary article{text-align:center;background:#ffffff0b;border:1px solid #ffffff12;border-radius:18px;padding:18px}.community-summary strong{margin-bottom:5px;font-size:25px;display:block}.community-summary span{color:#ffffff94;font-size:12px}.community-toolbar{margin:24px 0}.community-search{background:#171717;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;max-width:700px;padding:0 18px;display:flex}.community-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;min-height:54px;padding:0;font-size:15px}.community-search input::placeholder{color:#ffffff61}.community-message{color:#fff;background:#ff4b4b1f;border:1px solid #ff4b4b40;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:14px 18px;display:flex}.community-message button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px}.community-player-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;display:grid}.community-player-card{background:linear-gradient(150deg,#181818,#111);border:1px solid #ffffff13;border-radius:22px;padding:22px;transition:transform .2s,border-color .2s;box-shadow:0 16px 35px #00000038}.community-player-card:hover{border-color:#ff525259;transform:translateY(-3px)}.community-player-top{align-items:center;gap:14px;display:flex}.community-avatar{color:#fff;background:linear-gradient(135deg,#f33,#9d1010);border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:18px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 8px 24px #ff1e1e38}.community-avatar img{object-fit:cover;width:100%;height:100%}.community-player-identity{flex:1;min-width:0}.community-player-identity h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:19px;overflow:hidden}.community-player-identity p{color:#ffffff8c;margin:0;font-size:13px}.community-friend-badge{color:#8effa3;background:#3edd631c;border:1px solid #3edd632e;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.community-player-details{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.community-player-details div{text-align:center;background:#ffffff09;border-radius:13px;min-width:0;padding:12px 8px}.community-player-details span{color:#ffffff7a;min-height:30px;font-size:10px;line-height:1.3;display:block}.community-player-details strong{margin-top:4px;font-size:18px;display:block}.community-player-meta{flex-wrap:wrap;gap:8px;min-height:28px;margin-bottom:18px;display:flex}.community-player-meta span{color:#ffffffb3;background:#ffffff0b;border-radius:999px;padding:6px 9px;font-size:11px}.community-primary-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.community-button{color:#fff;cursor:pointer;background:#e53232;border:1px solid #e53232;border-radius:12px;min-height:43px;padding:10px 12px;font-weight:800;transition:background .2s,transform .2s}.community-button:hover{background:#f44343;transform:translateY(-1px)}.community-button.active{color:#ff8f8f;background:#ff3c3c1a;border-color:#ff3c3c59}.community-button.secondary{color:#fff;background:#ffffff0b;border-color:#ffffff1a}.community-button.pending{color:#ffd271;background:#ffbe2e14;border-color:#ffbe2e40}.community-button:disabled{cursor:default;opacity:.75;transform:none}.community-invite-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.community-invite-actions button{color:#ffffffb8;cursor:pointer;background:0 0;border:1px solid #ffffff17;border-radius:12px;min-height:41px;padding:9px;font-size:12px;font-weight:700}.community-invite-actions button:hover{color:#fff;border-color:#ff4b4b66}.community-empty{text-align:center;background:#141414;border:1px solid #ffffff12;border-radius:22px;align-content:center;place-items:center;min-height:330px;display:grid}.community-empty>span{margin-bottom:12px;font-size:42px}.community-empty h2{margin:0 0 8px}.community-empty p{color:#ffffff8c;margin:0}.community-loader{border:4px solid #ffffff1f;border-top-color:#ef3b3b;border-radius:50%;width:42px;height:42px;margin-bottom:18px;animation:.8s linear infinite community-spin}@keyframes community-spin{to{transform:rotate(360deg)}}@media (width<=900px){.community-hero{flex-direction:column;align-items:stretch}.community-summary{width:100%;min-width:0}}@media (width<=600px){.community-page{padding:18px}.community-hero{padding:23px}.community-summary{grid-template-columns:repeat(2,1fr)}.community-player-grid,.community-primary-actions,.community-invite-actions{grid-template-columns:1fr}}.community-message{margin-top:20px}.community-tabs{background:#141414;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:9px;margin:24px 0 0;padding:8px;display:flex;overflow-x:auto}.community-tabs button{color:#ffffff94;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:9px 15px;font-weight:750;display:flex}.community-tabs button:hover{color:#fff;background:#ffffff0b}.community-tabs button.active{color:#fff;background:#e43535;box-shadow:0 7px 22px #e435353b}.community-tabs button>span{color:#fff;background:#ffffff1f;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:10px;display:grid}.community-tabs button.active>span{background:#00000038}.community-tabs .community-notification-count{color:#151515;background:#fff}.community-player-statuses{flex-wrap:wrap;gap:7px;min-height:21px;margin-top:14px;display:flex}.community-player-statuses span{color:#ff8b8b;background:#ff414117;border:1px solid #ff414129;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750}.community-button.danger{color:#ff8686;background:#ff404014;border-color:#ff40403d}.community-button.danger:hover{color:#fff;background:#c82828}.community-inbox{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.community-inbox-section{background:linear-gradient(150deg,#181818,#101010);border:1px solid #ffffff13;border-radius:21px;min-width:0;padding:22px}.community-section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.community-section-heading span{color:#ef4a4a;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:850}.community-section-heading h2{margin:5px 0 0;font-size:18px}.community-section-heading>strong{color:#ff8a8a;background:#ff454517;border:1px solid #ff45452e;border-radius:13px;place-items:center;min-width:39px;height:39px;display:grid}.community-request-list{gap:11px;display:grid}.community-request-card{background:#ffffff09;border:1px solid #ffffff0f;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.community-request-person{align-items:center;gap:12px;min-width:0;display:flex}.community-request-person h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;overflow:hidden}.community-request-person p{color:#ffffff75;margin:0;font-size:11px}.community-avatar.small{border-radius:13px;width:42px;height:42px;font-size:13px}.community-invite-icon{background:#ffffff0f;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.community-request-actions{gap:7px;display:flex}.community-request-actions button{cursor:pointer;border-radius:10px;min-height:36px;padding:7px 11px;font-size:11px;font-weight:800}.community-request-actions .accept{color:#fff;background:#e53737;border:1px solid #e53737}.community-request-actions .decline{color:#ffffffa8;background:0 0;border:1px solid #ffffff1f}.community-request-actions .accept:hover{background:#f34a4a}.community-request-actions .decline:hover{color:#fff;background:#ffffff0e}.community-small-empty{text-align:center;background:#ffffff06;border:1px dashed #ffffff17;border-radius:15px;align-content:center;place-items:center;gap:10px;min-height:170px;display:grid}.community-small-empty span{font-size:30px}.community-small-empty p{color:#ffffff73;max-width:270px;margin:0;font-size:12px;line-height:1.5}@media (width<=1050px){.community-inbox{grid-template-columns:1fr}}@media (width<=650px){.community-tabs{justify-content:flex-start}.community-request-card{flex-direction:column;align-items:stretch}.community-request-actions{grid-template-columns:1fr 1fr;display:grid}}.recommended-practice-section{background:linear-gradient(145deg,#121218fa,#1e1214fa);border:1px solid #ff4d4d33;border-radius:20px;margin-top:28px;margin-bottom:32px;padding:24px;box-shadow:0 18px 45px #00000047}.recommended-practice-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.recommended-practice-heading h2{color:#fff;margin:6px 0 8px;font-size:clamp(1.45rem,3vw,2rem)}.recommended-practice-heading p{color:#ffffffad;max-width:680px;margin:0;line-height:1.6}.recommended-practice-eyebrow{letter-spacing:.14em;color:#ff5757;font-size:.75rem;font-weight:800;display:inline-block}.recommended-practice-badge{color:#ff8a8a;background:#ff57571f;border:1px solid #ff575742;border-radius:999px;flex-shrink:0;padding:10px 14px;font-size:.82rem;font-weight:700}.recommended-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.recommended-practice-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;min-height:100%;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.recommended-practice-card:hover{border-color:#ff575766;transform:translateY(-4px);box-shadow:0 14px 30px #0000003d}.recommended-practice-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.recommended-practice-icon{background:#ff575724;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.45rem;display:grid}.recommended-practice-difficulty{color:#ffffffbf;background:#ffffff12;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700}.recommended-practice-card h3{color:#fff;margin:0 0 10px;font-size:1.08rem}.recommended-practice-reason{color:#ff8a8a;margin:0 0 10px;font-size:.86rem;font-weight:700}.recommended-practice-description{color:#ffffffab;flex:1;margin:0 0 18px;line-height:1.55}.recommended-practice-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.recommended-practice-details div{background:#0000002e;border-radius:12px;padding:10px}.recommended-practice-details span{color:#ffffff7a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.7rem;display:block}.recommended-practice-details strong{color:#fff;font-size:.85rem}.recommended-practice-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3838,#b51525);border:none;border-radius:12px;width:100%;padding:12px 14px;font-weight:800;transition:transform .18s,filter .18s}.recommended-practice-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.recommended-practice-button:active{transform:translateY(0)}@media (width<=1000px){.recommended-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.recommended-practice-section{padding:18px}.recommended-practice-heading{flex-direction:column}.recommended-practice-grid{grid-template-columns:1fr}.recommended-practice-badge{align-self:flex-start}}.daily-practice-challenge{background:linear-gradient(145deg,#181314fa,#260f12fa);border:1px solid #ff4e4e3d;border-radius:20px;margin:26px 0;padding:24px;box-shadow:0 18px 40px #00000047}.daily-practice-challenge-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.daily-practice-challenge-heading h2{color:#fff;margin:6px 0}.daily-practice-challenge-heading p{color:#ffffffad;margin:0}.daily-practice-eyebrow{color:#ff6363;letter-spacing:.14em;font-size:.75rem;font-weight:800}.daily-practice-reward{color:#ff8c8c;white-space:nowrap;background:#ff4b4b24;border:1px solid #ff4b4b42;border-radius:999px;padding:10px 14px;font-weight:800}.daily-practice-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;display:grid}.daily-practice-icon{background:#ff4e4e24;border-radius:15px;place-items:center;width:52px;height:52px;font-size:1.7rem;display:grid}.daily-practice-content h3{color:#fff;margin:0 0 6px}.daily-practice-content p{color:#ffffffb3;margin:0 0 8px}.daily-practice-content span{color:#ffffff94;font-size:.85rem}.daily-practice-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3b3b,#b91325);border:none;border-radius:12px;padding:12px 16px;font-weight:800}.daily-practice-button:hover{filter:brightness(1.08)}@media (width<=700px){.daily-practice-challenge-heading{flex-direction:column}.daily-practice-card{grid-template-columns:1fr}.daily-practice-icon{width:46px;height:46px}.daily-practice-button{width:100%}}.ai-coach-section{background:linear-gradient(145deg,#111218fa,#1c1219fa);border:1px solid #ff546838;border-radius:20px;margin:26px 0;padding:24px;box-shadow:0 18px 44px #00000047}.ai-coach-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.ai-coach-heading h2{color:#fff;margin:6px 0 7px}.ai-coach-heading p{color:#ffffffad;margin:0}.ai-coach-eyebrow{color:#ff6c80;letter-spacing:.14em;font-size:.74rem;font-weight:800}.ai-coach-badge{color:#ff93a2;white-space:nowrap;background:#ff59701f;border:1px solid #ff597040;border-radius:999px;padding:9px 13px;font-size:.78rem;font-weight:800}.ai-coach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ai-coach-card{background:#ffffff0b;border:1px solid #ffffff17;border-radius:16px;flex-direction:column;padding:19px;display:flex}.ai-coach-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.ai-coach-icon{background:#ff4e6521;border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.ai-coach-type{text-transform:uppercase;letter-spacing:.08em;color:#ffffff94;font-size:.68rem;font-weight:800}.ai-coach-card h3{color:#fff;margin:0 0 9px}.ai-coach-card>p{color:#ffffffb3;margin:0 0 15px;line-height:1.55}.ai-coach-recommendation{background:#0003;border-radius:12px;margin-top:auto;margin-bottom:15px;padding:12px}.ai-coach-recommendation strong,.ai-coach-recommendation span{display:block}.ai-coach-recommendation strong{color:#ff98a6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:.75rem}.ai-coach-recommendation span{color:#ffffffb8;line-height:1.45}.ai-coach-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff3f5f,#b71532);border:none;border-radius:11px;width:100%;padding:11px 14px;font-weight:800}.ai-coach-button:hover{filter:brightness(1.08)}@media (width<=800px){.ai-coach-grid{grid-template-columns:1fr}}@media (width<=700px){.ai-coach-section{padding:18px}.ai-coach-heading{flex-direction:column}}.practice-leaderboards-section{background:linear-gradient(145deg,#121216fa,#1e1114fa);border:1px solid #ff4c4c38;border-radius:20px;margin:28px 0;padding:24px;box-shadow:0 18px 42px #00000047}.practice-leaderboards-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.practice-leaderboards-heading h2{color:#fff;margin:6px 0 7px}.practice-leaderboards-heading p{color:#ffffffad;margin:0}.practice-leaderboards-eyebrow{color:#ff6262;letter-spacing:.14em;font-size:.74rem;font-weight:800}.practice-leaderboards-position{color:#ffffffad;text-align:center;background:#ff4b4b1f;border:1px solid #ff4b4b40;border-radius:14px;padding:10px 14px;font-size:.78rem}.practice-leaderboards-position strong{color:#fff;margin-top:3px;font-size:1.1rem;display:block}.practice-leaderboard-filters{gap:9px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.practice-leaderboard-filters button{color:#ffffffb8;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;padding:9px 13px}.practice-leaderboard-filters button.active{color:#fff;background:linear-gradient(135deg,#ff3939,#bc1828);border-color:#0000;font-weight:800}.practice-leaderboard-table{border:1px solid #ffffff17;border-radius:15px;overflow:hidden}.practice-leaderboard-row{background:#ffffff09;border-bottom:1px solid #ffffff12;grid-template-columns:90px minmax(0,1fr) 180px;align-items:center;gap:16px;min-height:66px;padding:12px 16px;display:grid}.practice-leaderboard-row:last-child{border-bottom:none}.practice-leaderboard-row.current-player{background:#ff42421f;box-shadow:inset 3px 0 #ff4747}.practice-leaderboard-header{color:#ffffff7a;letter-spacing:.07em;text-transform:uppercase;background:#0000003d;min-height:auto;font-size:.72rem;font-weight:800}.practice-leaderboard-rank{color:#fff;font-size:1.15rem}.practice-leaderboard-player{min-width:0}.practice-leaderboard-player strong,.practice-leaderboard-player span{display:block}.practice-leaderboard-player strong{color:#fff}.practice-leaderboard-player span{color:#ffffff7a;margin-top:4px;font-size:.78rem}.practice-leaderboard-value{color:#ff8080;text-align:right}.practice-leaderboard-message{color:#ffffffad;text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:24px}.practice-leaderboard-error{color:#ff9a9a}@media (width<=700px){.practice-leaderboards-section{padding:18px}.practice-leaderboards-heading{flex-direction:column}.practice-leaderboard-row{grid-template-columns:55px minmax(0,1fr)}.practice-leaderboard-header span:last-child{display:none}.practice-leaderboard-value{text-align:left;grid-column:2;font-size:.83rem}}.match-invite-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.match-invite-modal{color:#fff;background:linear-gradient(145deg,#1b1b1b,#101010);border:1px solid #ffffff1a;border-radius:22px;width:min(100%,520px);padding:25px;box-shadow:0 30px 80px #0000008c}.match-invite-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.match-invite-heading span{color:#ef4545;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:850}.match-invite-heading h2{margin:6px 0 0}.match-invite-close{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:11px;width:38px;height:38px;font-size:23px}.match-invite-form{gap:17px;display:grid}.match-invite-form label{color:#ffffffb8;gap:8px;font-size:13px;font-weight:700;display:grid}.match-invite-form select{color:#fff;background:#111;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-height:48px;padding:0 13px}.match-invite-checkbox{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.match-invite-checkbox input{accent-color:#e43b3b;width:18px;height:18px}.match-invite-summary{background:#ff3e3e14;border:1px solid #ff3e3e2e;border-radius:14px;padding:15px}.match-invite-summary strong{margin-bottom:5px;display:block}.match-invite-summary p{color:#ffffffa1;margin:0}.match-invite-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-invite-buttons button{color:#fff;cursor:pointer;background:#e43838;border:1px solid #e43838;border-radius:12px;min-height:46px;font-weight:800}.match-invite-buttons button.secondary{background:0 0;border-color:#ffffff1f}.match-invite-buttons button:disabled{cursor:wait;opacity:.65}.online-match-status{background:#ff3d3d17;border:1px solid #ff3d3d33;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 17px;display:flex}.online-match-status span{color:#ff8484;text-transform:uppercase;font-size:12px;font-weight:800}.online-match-status strong{color:#fff}.online-match-page{color:#fff;width:100%;padding:28px}.online-match-header{background:radial-gradient(circle at 100% 0,#ff383833,#0000 42%),linear-gradient(145deg,#191919,#0f0f0f);border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.online-match-header span{color:#ef4242;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:850}.online-match-header h1{margin:7px 0;font-size:36px}.online-match-header p{color:#ffffff94;margin:0}.online-match-header button,.online-match-error button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:12px;min-height:43px;padding:10px 16px;font-weight:750}.online-match-turn{text-align:center;color:#fff;background:#ef37371a;border:1px solid #ef373738;border-radius:14px;margin:20px 0;padding:16px;font-size:18px}.online-match-scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.online-match-scoreboard article{text-align:center;background:#151515;border:2px solid #ffffff12;border-radius:22px;padding:28px}.online-match-scoreboard article.active{border-color:#ef3d3d;box-shadow:0 0 30px #ef3d3d26}.online-match-scoreboard span{color:#ffffff73;text-transform:uppercase;font-size:11px;font-weight:800}.online-match-scoreboard h2{margin:8px 0 15px}.online-match-scoreboard strong{font-size:clamp(55px,10vw,100px);line-height:1;display:block}.online-match-scoreboard p{color:#ffffff94;margin:14px 0 0}.online-match-last-visit{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px;display:flex}.online-match-last-visit span{color:#ffffff80}.online-match-last-visit em{color:#f77;font-style:normal;font-weight:850}.online-match-controls{text-align:center;background:#151515;border:1px solid #ffffff14;border-radius:20px;max-width:650px;margin:22px auto 0;padding:24px}.online-match-controls h2{margin:0 0 7px}.online-match-controls p{color:#ffffff85;margin:0 0 18px}.online-match-controls form{grid-template-columns:1fr auto;gap:10px;display:grid}.online-match-controls input{color:#fff;background:#0e0e0e;border:1px solid #ffffff1f;border-radius:12px;min-height:50px;padding:0 15px;font-size:18px}.online-match-controls button{color:#fff;cursor:pointer;background:#e83b3b;border:1px solid #e83b3b;border-radius:12px;min-height:50px;padding:0 20px;font-weight:850}.online-match-controls button:disabled,.online-match-controls input:disabled{cursor:not-allowed;opacity:.5}.online-match-message{color:#ff8a8a;background:#ff373714;border:1px solid #ff37372e;border-radius:12px;margin-top:18px;padding:13px}.online-match-loading,.online-match-error{text-align:center;background:#151515;border:1px solid #ffffff12;border-radius:22px;align-content:center;place-items:center;gap:12px;min-height:400px;display:grid}@media (width<=700px){.online-match-page{padding:18px}.online-match-header{flex-direction:column;align-items:stretch}.online-match-scoreboard,.online-match-controls form{grid-template-columns:1fr}}.messages-page{width:100%;max-width:1400px;margin:0 auto}.messages-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.messages-page-header span{color:#ef4444;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.messages-page-header h1{margin:0 0 8px}.messages-page-header p{color:#ffffffb8;margin:0}.messages-page-header>button{color:#fff;cursor:pointer;background:#ef44441f;border:1px solid #ef44448c;border-radius:10px;padding:11px 16px;font-weight:700}.messages-layout{background:#111;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(270px,340px) minmax(0,1fr);min-height:650px;display:grid;overflow:hidden}.messages-conversation-list{background:#151515;border-right:1px solid #ffffff1a;min-width:0;overflow-y:auto}.messages-list-heading{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151515f5;border-bottom:1px solid #ffffff14;padding:20px;position:sticky;top:0}.messages-list-heading span{color:#ef4444;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.messages-list-heading h2{margin:0;font-size:22px}.messages-list-items{flex-direction:column;display:flex}.messages-conversation{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff0f;grid-template-columns:48px minmax(0,1fr);gap:12px;width:100%;padding:15px 18px;display:grid}.messages-conversation:hover{background:#ffffff0d}.messages-conversation.active{background:#ef44441f;box-shadow:inset 3px 0 #ef4444}.messages-avatar{color:#fff;background:#ef444429;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:800;display:flex;overflow:hidden}.messages-avatar img{object-fit:cover;width:100%;height:100%}.messages-conversation-copy{min-width:0}.messages-conversation-top,.messages-conversation-preview{justify-content:space-between;align-items:center;gap:9px;display:flex}.messages-conversation-top strong,.messages-conversation-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messages-conversation-top small{color:#ffffff73;flex-shrink:0;font-size:11px}.messages-conversation-preview{color:#ffffff94;margin-top:6px;font-size:13px}.messages-unread-count{color:#fff;background:#ef233c;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;display:inline-flex}.messages-thread{background:radial-gradient(circle at 100% 0,#ef444414,#0000 35%),#0d0d0d;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:650px;display:grid}.messages-thread-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.messages-thread-empty>span{font-size:44px}.messages-thread-empty p{color:#ffffffa8;max-width:430px}.messages-thread-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0deb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;display:flex}.messages-thread-header span{color:#ffffff85;margin-bottom:3px;font-size:12px;display:block}.messages-thread-header h2{margin:0;font-size:22px}.messages-thread-body{scroll-behavior:smooth;flex-direction:column;gap:10px;min-height:0;padding:22px;display:flex;overflow-y:auto}.messages-bubble{background:#222;border:1px solid #ffffff14;border-radius:15px 15px 15px 4px;align-self:flex-start;max-width:min(76%,620px);padding:11px 13px}.messages-bubble.own{background:linear-gradient(135deg,#ef233c,#b91c2e);border-color:#0000;border-radius:15px 15px 4px;align-self:flex-end}.messages-bubble strong{color:#fca5a5;margin-bottom:5px;font-size:12px;display:block}.messages-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.messages-bubble small{color:#ffffff85;text-align:right;margin-top:6px;font-size:10px;display:block}.messages-composer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0df5;border-top:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px 18px;display:grid;position:sticky;bottom:0}.messages-composer textarea{resize:vertical;color:#fff;width:100%;min-height:48px;max-height:130px;font:inherit;background:#191919;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px}.messages-composer textarea:focus{border-color:#ef4444;outline:2px solid #ef444461}.messages-composer button{color:#fff;cursor:pointer;background:#ef233c;border:0;border-radius:12px;align-self:stretch;min-width:92px;padding:0 18px;font-weight:800}.messages-composer button:disabled{cursor:not-allowed;opacity:.45}.messages-error{color:#fca5a5;background:#ef444414;margin:0;padding:8px 18px 14px;font-size:13px}@media (width<=820px){.messages-layout{grid-template-columns:1fr;min-height:auto}.messages-conversation-list{border-bottom:1px solid #ffffff1a;border-right:0;max-height:290px}.messages-thread{min-height:560px}}@media (width<=560px){.messages-page-header{display:block}.messages-page-header>button{width:100%;margin-top:16px}.messages-layout{border-radius:12px}.messages-thread{min-height:520px}.messages-thread-body{padding:15px 12px}.messages-bubble{max-width:88%}.messages-composer{grid-template-columns:1fr}.messages-composer button{min-height:44px}}.sidebar-link{position:relative}.sidebar-unread-badge{color:#fff;background:#ef233c;border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;font-size:11px;line-height:1;display:inline-flex}.app-layout{flex-direction:column;min-height:100vh;display:flex}.page-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:clamp(12px,2vw,28px)}.dv-top-navigation{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000f5;border-bottom:2px solid #e10600;align-items:center;gap:22px;width:100%;min-height:72px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #00000059}.dv-top-brand{color:#fff;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.dv-top-brand-mark{font-size:25px;line-height:1}.dv-top-brand-name{color:#e10600;white-space:nowrap;font-size:18px;font-weight:800}.dv-top-nav-links{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.dv-top-nav-link{color:#ffffffa8;border-radius:11px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:color .18s,background .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative}.dv-top-nav-link:hover{color:#fff;background:#e1060026;transform:translateY(-2px)}.dv-top-nav-link.active{color:#fff;background:linear-gradient(135deg,#e10600f5,#a40000f5);box-shadow:0 0 0 1px #ffffff14,0 8px 22px #e1060057}.dv-top-tooltip{z-index:20;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1a1a1a;border:1px solid #ffffff1f;border-radius:7px;padding:6px 9px;font-size:12px;line-height:1;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 10px 30px #0000005c}.dv-top-nav-link:hover .dv-top-tooltip,.dv-top-nav-link:focus-visible .dv-top-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.dv-top-nav-badge{color:#fff;background:#ef233c;border:2px solid #000;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-3px;right:-3px}.dv-top-account{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dv-top-notification{justify-content:center;align-items:center;display:inline-flex}.dv-top-player{color:#fff;background:#ffffff0d;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:220px;padding:9px 11px;text-decoration:none;display:inline-flex}.dv-top-player span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dv-top-player:hover{background:#ffffff17}.dv-top-logout{color:#fff;cursor:pointer;background:#ef233c14;border:1px solid #ef233c59;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.dv-top-logout:hover{background:#ef233c2e}.dv-top-auth-link{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;padding:9px 13px;text-decoration:none}.dv-top-navigation{width:100%;max-width:100vw}.dv-top-nav-links{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.dv-top-nav-links::-webkit-scrollbar{display:none}.dv-top-account,.dv-top-player{min-width:0}@media (width<=1080px){.dv-top-navigation{gap:12px;padding:0 14px}.dv-top-brand-name{display:none}.dv-top-nav-links{scrollbar-width:none;overflow-x:auto}.dv-top-nav-links::-webkit-scrollbar{display:none}.dv-top-player{max-width:150px}}@media (width<=760px){.dv-top-navigation{gap:8px;min-height:64px;padding:0 10px}.dv-top-brand{display:none}.dv-top-nav-links{gap:4px}.dv-top-nav-link{width:39px;height:39px}.dv-top-player{justify-content:center;width:39px;height:39px;padding:0}.dv-top-player span{display:none}.dv-top-account{gap:6px}.page-content{padding:18px 12px}}@media (width<=520px){.dv-top-navigation{overflow-x:auto}.dv-top-nav-links{overflow:visible}.dv-top-notification{display:none}.dv-top-logout{flex:none}}.dv-card,.stat-card,.community-player-card,.practice-stat-card,.profile-card{min-width:0}.stats-grid,.practice-stat-grid,.community-player-grid,.profile-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));width:100%}@media (width<=1200px){.page-content{padding:22px 18px}.dv-top-navigation{gap:12px;padding:0 14px}.dv-top-player{max-width:150px}}@media (width<=900px){.page-content{padding:18px 14px}.dashboard-header,.profile-header,.community-header,.messages-page-header{flex-direction:column;align-items:flex-start}.messages-layout{grid-template-columns:1fr}.messages-conversation-list{border-bottom:1px solid #ffffff1a;border-right:0;max-height:300px}.community-player-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.dv-top-navigation{gap:6px;min-height:62px;padding:0 8px}.dv-top-brand{display:none}.dv-top-nav-links{gap:3px}.dv-top-nav-link{width:38px;height:38px}.dv-top-player{justify-content:center;width:38px;height:38px;padding:0}.dv-top-player span{display:none}.dv-top-account{gap:5px}.page-content{padding:14px 10px}h1{font-size:clamp(24px,7vw,34px)}h2{font-size:clamp(20px,5.5vw,28px)}.messages-thread{min-height:520px}.messages-thread-body{padding:14px 10px}.messages-bubble{max-width:90%}.messages-composer{grid-template-columns:1fr}.messages-composer button{min-height:44px}}@media (width<=480px){.page-content{padding:10px 8px}.dv-top-navigation{overflow-x:auto}.dv-top-notification{display:none}.dv-top-nav-link,.dv-top-logout{width:36px;height:36px}.stats-grid,.practice-stat-grid,.community-player-grid,.profile-grid,.community-player-details{grid-template-columns:1fr}.community-primary-actions,.community-invite-actions{flex-direction:column}.community-primary-actions button,.community-invite-actions button{width:100%}input,select,textarea,button{font-size:16px}.messages-layout{border-radius:10px}.messages-thread{min-height:480px}.footer{padding:18px 10px}}table{width:100%;max-width:100%}.table-wrapper,.stats-table-wrapper,.history-table-wrapper{width:100%;overflow-x:auto}.profile-picture-editor{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;padding:16px;display:flex}.profile-picture-preview{background:#e106002e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;font-size:28px;font-weight:800;display:flex;overflow:hidden}.profile-picture-preview img{object-fit:cover;width:100%;height:100%}.profile-picture-upload{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.profile-picture-upload input{width:100%}.profile-picture-upload small{opacity:.6}@media (width<=520px){.profile-picture-editor{flex-direction:column;align-items:flex-start}.profile-picture-upload{width:100%;min-width:0}}.messages-search-input{color:#fff;background:#0f0f0f;border:1px solid #ffffff1f;border-radius:10px;width:100%;margin-top:14px;padding:10px 12px}.messages-search-input::placeholder{color:#ffffff6b}.messages-search-input:focus{border-color:#ef233c;outline:2px solid #ef233c57}.messages-composer-wrapper{position:relative}.messages-emoji-picker{z-index:30;background:#171717;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:repeat(6,40px);gap:6px;padding:10px;display:grid;position:absolute;bottom:calc(100% + 8px);left:16px;box-shadow:0 16px 40px #00000073}.messages-emoji-picker button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:40px;height:40px;padding:0;font-size:21px}.messages-emoji-picker button:hover{background:#ffffff14}.messages-emoji-button{cursor:pointer;background:#191919;border:1px solid #ffffff1f;border-radius:10px;width:46px;min-width:46px;padding:0;font-size:20px}.messages-composer{grid-template-columns:auto minmax(0,1fr) auto}@media (width<=560px){.messages-emoji-picker{grid-template-columns:repeat(6,1fr);left:4px;right:4px}.messages-composer{grid-template-columns:auto minmax(0,1fr)}.messages-composer button[type=submit]{grid-column:1/-1;min-height:44px}}