:root{--bg:#0a0a0d;--bg-soft:#14141a;--bg-card:#1a1a22;--border:#2a2a35;--text:#f5f5f7;--text-muted:#9a9aa8;--text-dim:#6a6a78;--red:#e11d2e;--red-glow:#ff3142;--red-deep:#8a0d1a;--gold:#f5c451;--green:#22c55e}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body,html{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse at top,rgba(225,29,46,.08),transparent 60%),radial-gradient(ellipse at bottom,rgba(225,29,46,.04),transparent 50%),var(--bg);background-attachment:fixed}.page{max-width:960px;margin:0 auto;padding:32px 16px 80px}.header{text-align:center;margin-bottom:32px}.header-row{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,32px);margin-bottom:18px}.header-logo{width:clamp(64px,14vw,110px);height:auto;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(225,29,46,.35));transition:transform .3s ease}.header-logo:hover{transform:scale(1.05) rotate(-3deg)}.header-logo.right:hover{transform:scale(1.05) rotate(3deg)}.header-text{flex:1 1;min-width:0;max-width:520px}@media (max-width:480px){.header-row{gap:10px}.header-logo{width:56px}}.badge{display:inline-block;font-size:11px;letter-spacing:.18em;color:var(--gold);border:1px solid rgba(245,196,81,.3);background:rgba(245,196,81,.06);padding:5px 12px;border-radius:999px;margin-bottom:16px;font-weight:600}.title{font-size:clamp(22px,5vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffb3ba);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.subtitle{color:var(--text-muted);font-size:clamp(13px,2.5vw,15px);max-width:620px;margin:0 auto;line-height:1.55}.subtitle>p+p{margin-top:8px}.subtitle-heading{color:var(--gold);font-weight:700;font-size:clamp(14px,2.8vw,17px);letter-spacing:.01em}.subtitle .prize{display:block;color:var(--red-glow);font-weight:800;font-size:clamp(14px,2.8vw,17px);letter-spacing:.02em;text-shadow:0 0 16px rgba(225,29,46,.4);padding:10px 14px;background:linear-gradient(135deg,rgba(225,29,46,.08),rgba(245,196,81,.06));border:1px solid rgba(245,196,81,.2);border-radius:12px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:16px;margin:24px 0}.stat{text-align:center;padding:4px}.stat-value{font-size:clamp(20px,4vw,26px);font-weight:800;line-height:1}.stat-value.red{color:var(--red-glow)}.stat-value.gold{color:var(--gold)}.stat-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:6px;font-weight:600}.progress{height:6px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin-top:14px;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--red) 0,var(--red-glow) 100%);transition:width .4s ease}.grid-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:10px;gap:10px}.cell-wrap{flex-direction:column;gap:6px;min-width:0}.cell,.cell-wrap{display:flex;align-items:center}.cell{width:100%;aspect-ratio:1/1;border-radius:50%;justify-content:center;font-weight:800;font-size:clamp(11px,2vw,17px);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;letter-spacing:-.02em}.cell.available{background:linear-gradient(145deg,var(--red-glow) 0,var(--red) 60%,var(--red-deep) 100%);color:#fff;box-shadow:0 2px 8px rgba(225,29,46,.35),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 4px rgba(0,0,0,.2);text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell.sold{background:linear-gradient(145deg,#2a2a32,#1a1a22);color:var(--text-dim);transform:rotate(180deg);border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.cell.clickable{cursor:pointer}.cell.clickable.available:hover{transform:scale(1.08);box-shadow:0 4px 16px rgba(225,29,46,.5),inset 0 1px 0 rgba(255,255,255,.3)}.cell.clickable.sold:hover{transform:rotate(180deg) scale(1.08);border-color:var(--gold)}.cell.busy{opacity:.45;pointer-events:none}.buyer-label{font-size:10px;font-weight:600;color:var(--gold);text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-height:12px}.buyer-label.empty{visibility:hidden}@media (max-width:640px){.buyer-label{display:none}.grid{gap:6px}.grid-wrap{padding:12px}}.legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:18px;font-size:12px;color:var(--text-muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.dot{display:inline-block;width:12px;height:12px;border-radius:50%}.dot.red{background:linear-gradient(145deg,var(--red-glow),var(--red-deep))}.dot.gray{background:#2a2a32}.dot.gray,.sold-list-section{border:1px solid var(--border)}.sold-list-section{background:var(--bg-card);border-radius:16px;padding:20px}.section-title{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-title .count{font-size:12px;background:rgba(245,196,81,.12);color:var(--gold);padding:2px 8px;border-radius:999px;letter-spacing:0;font-weight:700}.sold-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px;list-style:none}.sold-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;font-size:13px}.sold-item .num{font-weight:800;color:var(--red-glow);min-width:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sold-item .name{flex:1 1;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.sold-item .name.anon{color:var(--text-muted);font-style:italic}.empty-state{color:var(--text-dim);font-size:13px;text-align:center;padding:12px}.admin-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0}.field label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.field input[type=password],.field input[type=text]{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s;width:100%}.field input:focus{border-color:var(--red)}.field input:disabled{opacity:.4}.checkbox-field{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:10px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;align-self:flex-end;height:42px}.checkbox-field:has(input:checked){background:rgba(225,29,46,.12);border-color:var(--red);color:var(--red-glow)}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--red);cursor:pointer}.toast{margin-top:14px;padding:10px 14px;border-radius:10px;font-size:13px;text-align:center;font-weight:500}.toast.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#4ade80}.toast.error{background:rgba(225,29,46,.1);border:1px solid rgba(225,29,46,.3);color:#ff7a85}.admin-link{text-align:center;margin-top:30px;font-size:12px;color:var(--text-dim)}.admin-link a{color:var(--text-muted);text-decoration:none;border-bottom:1px dashed var(--text-dim)}.aciklama .subtitle p{margin:0}.aciklama .subtitle strong{color:var(--text);font-weight:700}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;margin:24px 0;text-align:center}.info-icon{font-size:32px;margin-bottom:10px;line-height:1}.info-title{font-size:clamp(18px,3.4vw,22px);font-weight:800;color:var(--text);margin-bottom:12px;letter-spacing:-.01em}.info-text{color:var(--text-muted);font-size:clamp(13px,2.5vw,15px);line-height:1.6;max-width:640px;margin:0 auto}.info-text strong{color:var(--gold);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}@media (max-width:640px){.feature-grid{grid-template-columns:1fr}}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;transition:border-color .2s,transform .2s}.feature:hover{border-color:rgba(225,29,46,.4);transform:translateY(-2px)}.feature-icon{font-size:28px;margin-bottom:10px;line-height:1}.feature h3{font-size:16px;font-weight:800;color:var(--gold);margin-bottom:8px;letter-spacing:-.01em}.feature p{color:var(--text-muted);font-size:13px;line-height:1.55}.feature p strong{color:var(--text);font-weight:700}.spoiler-section{background:linear-gradient(135deg,rgba(225,29,46,.06),rgba(245,196,81,.04));border:1px solid rgba(245,196,81,.18);border-radius:16px;padding:24px;margin-bottom:24px}.spoiler-header{text-align:center;margin-bottom:14px}.alert{display:inline-block;background:rgba(225,29,46,.18);color:var(--red-glow);border:1px solid rgba(225,29,46,.4);font-size:11px;font-weight:800;letter-spacing:.15em;padding:4px 12px;border-radius:999px;margin-bottom:12px;animation:pulseAlert 2s ease-in-out infinite}@keyframes pulseAlert{0%,to{box-shadow:0 0 0 0 rgba(225,29,46,.4)}50%{box-shadow:0 0 0 8px rgba(225,29,46,0)}}.infographic-wrap{margin-top:20px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000}.infographic{width:100%;height:auto;display:block}.final-cta{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;margin-bottom:16px;text-align:center}.cta-title{font-size:clamp(20px,4vw,26px);font-weight:800;background:linear-gradient(135deg,var(--gold) 0,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;letter-spacing:-.01em}.final-cta p{color:var(--text-muted);font-size:clamp(13px,2.5vw,15px);line-height:1.55;max-width:560px;margin:0 auto 10px}.final-cta strong{color:var(--text);font-weight:700}.final-cta .prize{color:var(--red-glow);font-weight:800;font-size:clamp(15px,3vw,18px);letter-spacing:.02em;text-shadow:0 0 16px rgba(225,29,46,.4);padding:12px 16px;background:linear-gradient(135deg,rgba(225,29,46,.08),rgba(245,196,81,.06));border:1px solid rgba(245,196,81,.25);border-radius:12px;margin:14px auto;max-width:460px;display:block}.cta-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.btn,.cta-actions{justify-content:center}.btn{display:inline-flex;align-items:center;padding:12px 22px;border-radius:10px;font-weight:700;font-size:14px;letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-primary{background:linear-gradient(135deg,var(--red-glow) 0,var(--red) 100%);color:#fff;box-shadow:0 4px 16px rgba(225,29,46,.35)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(225,29,46,.5)}.footer-note{text-align:center;color:var(--text-dim);font-size:12px;font-style:italic;margin-top:16px}.header-cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.back-nav{margin-bottom:18px}.btn-ghost{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--red);color:var(--red-glow);transform:translateY(-1px)}