:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;padding:0}body{min-width:320px}:root{color-scheme:dark;--bg-body: #050816;--bg-card: rgba(10, 16, 32, .96);--bg-input: rgba(11, 18, 36, .96);--accent: #32e4a6;--accent-soft: rgba(50, 228, 166, .2);--accent-strong: #18b57f;--text-main: #f9fafb;--text-muted: #9ca3af;--border-subtle: rgba(148, 163, 184, .3);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .9);--radius-card: 24px;--radius-pill: 999px;--radius-lg: 14px;--transition-fast: .16s ease-out;--transition-med: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1e293b 0,#020617 52% 100%);color:var(--text-main)}#root{height:100%}.app-root{min-height:100dvh;overflow-y:hidden;width:100%;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.hero{width:100%;max-width:960px;margin:0 auto}.card{margin:10% auto;width:100%;max-width:960px;min-height:auto;background:radial-gradient(circle at top left,#020617,#020617 55%);border-radius:24px;border-top:1px solid rgba(82,102,145,.9);border-bottom:1px solid rgba(82,102,145,.9);box-shadow:none;padding:clamp(20px,5vh,40px) clamp(16px,5vw,56px);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);display:flex;flex-direction:column;justify-content:center;gap:24px}.card-header{display:flex;flex-direction:column;gap:14px}.page-logo{width:56px;height:56px;border-radius:999px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.14em;font-size:1.2rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#020617;cursor:pointer;box-shadow:0 16px 40px #0f172af2,0 0 0 1px #0f172ae6;text-decoration:none}.logo{display:inline-flex;align-items:center;gap:10px;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,.4);width:fit-content;background-color:#0f172ae6}.logo-text{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted)}.rules{margin-top:12px;padding-top:12px;border-top:1px solid rgba(30,64,175,.6);display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:var(--text-muted)}.rules-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8f2}.rules-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:4px}.rules-list li{line-height:1.5}.title{font-size:1.5rem;line-height:1.25;letter-spacing:-.02em;margin:4px 0 0}@media(min-width:640px){.title{font-size:1.8rem}}.subtitle{margin:6px 0 0;font-size:.95rem;color:var(--text-muted)}.code-form{margin-top:22px;display:flex;flex-direction:column;gap:14px}@media(min-width:640px){.code-form{flex-direction:row;align-items:flex-end;gap:16px}}.field{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.field-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted)}.code-input{width:100%;padding:11px 12px;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.55);background-color:var(--bg-input);color:var(--text-main);font-size:.96rem;letter-spacing:.14em;text-transform:uppercase;outline:none;transition:border-color var(--transition-med),box-shadow var(--transition-med),background-color var(--transition-med),transform var(--transition-fast)}.code-input::placeholder{color:#94a3b8b3}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #32e4a6e6,0 0 40px #2dd4bf66;background-color:#020617;transform:translateY(-1px)}.primary-button{border-radius:var(--radius-lg);border:none;padding:11px 18px;font-size:.96rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background-image:linear-gradient(135deg,#22c55e,#0ea5e9);color:#020617;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;box-shadow:0 14px 35px #22c55e80,0 0 0 1px #0f172ab3;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),opacity var(--transition-fast)}.primary-button:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 20px 45px #22c55e8c,0 0 0 1px #0f172acc;filter:brightness(1.02)}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 10px 28px #16a34ab3,0 0 0 1px #0f172ae6}.primary-button:disabled{opacity:.7;cursor:default;box-shadow:0 10px 24px #0f172acc}.feedback{min-height:20px;margin-top:6px;font-size:.84rem;color:var(--text-muted)}.feedback-error{color:#f97373}.player-section{margin-top:24px;padding-top:14px;border-top:1px solid rgba(148,163,184,.4);display:flex;flex-direction:column;gap:12px}.video-wrapper{border-radius:18px;overflow:hidden;background:radial-gradient(circle at top,#020617,#020617);box-shadow:0 22px 55px #0f172af2,0 0 0 1px #0f172ae6}.video-player{display:block;width:100%;height:auto}.secondary-button{margin-top:4px;align-self:flex-start;border-radius:var(--radius-pill);border:1px dashed rgba(148,163,184,.7);padding:7px 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;background-color:#0f172ae6;color:#94a3b8e6;cursor:not-allowed;display:inline-flex;align-items:center;gap:6px;opacity:.85;transition:border-color var(--transition-med),background-color var(--transition-med),color var(--transition-med),opacity var(--transition-fast)}.secondary-button:after{content:"● Yakında";font-size:.68rem;text-transform:none;letter-spacing:.08em;color:#94a3b8d9}.secondary-button:hover{border-color:#94a3b8e6;opacity:1}@media(min-width:900px){.player-section{margin-top:28px}}.player-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px}.link-button{border:none;background:transparent;color:#94a3b8f2;font-size:.85rem;cursor:pointer;padding:4px 0;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color var(--transition-fast),opacity var(--transition-fast)}.link-button:hover{color:var(--accent);opacity:1}.site-footer{margin-top:18px;padding-top:14px;border-top:1px solid rgba(15,23,42,.9);display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--text-muted)}.site-footer-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.site-footer-links a{color:#94a3b8f2;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.site-footer-links a:hover{color:var(--accent)}.site-footer-meta{margin:0;opacity:.8}.panel-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:18px}@media(min-width:768px){.panel-grid{grid-template-columns:1.1fr 1.3fr}}.panel-column{display:flex;flex-direction:column;gap:12px}.panel-heading{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8f2}.panel-subheading{margin:10px 0 4px;font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8d9}.panel-form{display:flex;flex-direction:column;gap:10px}.panel-login-button{margin-top:4px;width:100%}.panel-login-wrapper{margin-top:18px}.panel-topbar{margin-top:10px;padding:8px 12px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.4);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--text-muted)}.panel-topbar-text strong{color:var(--text-main);font-weight:600}.panel-logout{font-size:.78rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .code-input{padding-right:74px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;border-radius:999px;padding:4px 10px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;background:#0f172ae6;color:#94a3b8e6;cursor:pointer}.panel-actions{display:flex;flex-wrap:wrap;gap:10px}.ghost-button{border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.6);padding:9px 14px;font-size:.84rem;text-transform:uppercase;letter-spacing:.12em;background:#0f172ab3;color:var(--text-main);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.ghost-button:hover{background:#0f172af2;border-color:#94a3b8e6;transform:translateY(-1px)}.panel-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.panel-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;background:#0f172ae6;border:1px solid rgba(30,64,175,.6)}.panel-list-item--selected{border-color:#38bdf8e6;box-shadow:0 0 0 1px #0f172ae6,0 14px 30px #0f172ae6;background:radial-gradient(circle at top left,#020617,#020617 60%)}.panel-list-main{display:flex;flex-direction:column;gap:2px}.panel-list-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.panel-list-title{font-size:.9rem}.panel-list-meta{font-size:.78rem;color:var(--text-muted)}.panel-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;padding:4px 8px;border-radius:999px;border:1px solid rgba(56,189,248,.7);color:#bfdbfef2}.panel-code-status{font-size:.72rem;padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.45);color:#94a3b8f2}.panel-code-status--ready{border-color:#34d399cc;color:#34d399f2}.panel-code-status--none{opacity:.8}.text-page{margin-top:18px;display:flex;flex-direction:column;gap:10px;font-size:.9rem;color:var(--text-muted);line-height:1.7}.panel-error{margin:6px 0 0;font-size:.82rem;color:#f97373}.panel-code-info{margin:6px 0 0;font-size:.82rem;color:#fbbf24f2}.panel-code-box{margin-top:10px;padding:10px 12px;border-radius:14px;background:#0f172af2;border:1px solid rgba(56,189,248,.4);display:flex;flex-direction:column;gap:6px}.panel-code-main{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.panel-code-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#94a3b8e6}.panel-code-value{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.98rem;letter-spacing:.3em}.panel-code-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.panel-toast{margin:0;font-size:.78rem;color:#34d399f2}.match-detail{margin-top:16px;padding-top:12px;border-top:1px solid rgba(15,23,42,.9)}.match-detail-grid{margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}.match-detail-grid div{display:flex;flex-direction:column;gap:2px}.match-detail-grid dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8e6}.match-detail-grid dd{margin:0;font-size:.9rem;color:var(--text-main)}@media(min-width:640px){.match-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-backdrop{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:40}.modal{width:100%;max-width:480px;background:radial-gradient(circle at top left,#020617,#020617 60%);border-radius:20px;border:1px solid rgba(148,163,184,.6);box-shadow:0 24px 60px #0f172af2,0 0 0 1px #0f172ae6}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 8px}.modal-title{margin:0;font-size:.98rem;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8f2}.modal-close{border:none;background:transparent;color:#94a3b8e6;cursor:pointer;font-size:1.2rem;line-height:1}.modal-form{display:flex;flex-direction:column}.modal-body{padding:0 18px 10px;display:flex;flex-direction:column;gap:10px}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.modal-checkbox input{accent-color:#22c55e}.modal-footer{padding:10px 18px 14px;display:flex;justify-content:flex-end;gap:10px}