.darts-app{--c-bg:#0b0b0b;--c-surface:#111;--c-border:#1e1e1e;--c-text:#fff;--c-text-dim:#9ca3af;--c-accent:#00ff66;--radius:12px;background:var(--c-bg);color:var(--c-text);font-family:Inter,system-ui,sans-serif}
.darts-app .container{max-width:1200px;margin:0 auto;padding:16px}
.darts-app .tabs{display:flex;gap:24px;border-bottom:1px solid var(--c-border);margin-bottom:24px}
.darts-app .tabs a{padding:12px 0;color:var(--c-text-dim);position:relative;text-decoration:none}
.darts-app .tabs a.active{color:var(--c-accent)}
.darts-app .tabs a.active::after{content:'';position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:var(--c-accent)}
.darts-app .grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){.darts-app .grid{grid-template-columns:2fr 1fr}}
.darts-app .card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px}
.darts-app h2{color:var(--c-accent)}
.input{width:100%;background:#0f0f0f;color:#fff;border:1px solid var(--c-border);border-radius:8px;padding:12px 14px;font-size:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;padding:10px 24px;border:2px solid #000;background:var(--c-accent);color:#000;margin:10px 0;cursor:pointer;transition:.15s}
.btn:hover{background:#000;color:var(--c-accent);border-color:var(--c-accent)}
.btn--ghost{background:transparent;color:var(--c-accent);border:2px solid var(--c-accent)}
.small-label{color:var(--c-text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.big-number--small{font-size:36px;font-weight:700;color:var(--c-accent)}
.log{margin-top:1rem;font-size:14px;max-height:200px;overflow-y:auto;border-top:1px solid var(--c-border);padding-top:10px}
.checkout-hint{margin:8px 0 14px 0;color:#fff;background:#1a1a1a;border-left:3px solid var(--c-accent);padding:8px 12px;border-radius:6px}
.b27-progress__bar{background:rgba(255,255,255,.06);height:6px;border-radius:9999px;overflow:hidden}
.b27-progress__fill{background:var(--c-accent);height:100%;width:0%;transition:width .25s}
.b27-hits,.atc-hits{display:flex;gap:8px;flex-wrap:wrap}
.b27-hitchip{flex:1;background:#0f0f0f;color:#fff;border:1px solid var(--c-border);border-radius:8px;padding:10px;cursor:pointer}
.switch{position:relative;display:inline-block;width:46px;height:24px}
.switch input{display:none}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#333;transition:.2s;border-radius:9999px}
.slider:before{position:absolute;content:'';height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.2s;border-radius:9999px}
.switch input:checked + .slider{background:var(--c-accent)}
.switch input:checked + .slider:before{transform:translateX(22px)}
.darts-rules{margin:16px 0 24px 0;background:#0f0f0f;border:1px solid var(--c-border);border-radius:10px;overflow:hidden}
.darts-rules summary{cursor:pointer;list-style:none;padding:14px 18px;color:var(--c-accent);font-weight:600;position:relative}
.darts-rules summary::-webkit-details-marker{display:none}
.darts-rules[open] summary{border-bottom:1px solid var(--c-border)}
.darts-rules__content{padding:14px 18px 18px 18px;color:var(--c-text-dim);font-size:14px}
/* Profile stats grid */
.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1200px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.profile-stats-grid{grid-template-columns:1fr}}
.profile-card h3{color:var(--c-accent);margin-bottom:8px}
/* modal */
.darts-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999}
.darts-modal__dialog{background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:20px;max-width:320px;width:90%}