*{box-sizing:border-box}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))}}