:root{--bg:#071727;--panel:#0c2035;--panel2:#102b45;--line:#193751;--text:#e9f2ff;--muted:#8da1b8;--lime:#b6ff27;--blue:#9ebcff;--danger:#ff7890}
*{box-sizing:border-box}body{margin:0;background:#07111d;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.app-shell{max-width:1100px;margin:auto;min-height:100vh}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#081522;position:sticky;top:0;z-index:5}.brand{letter-spacing:.3px}nav{display:flex;gap:14px;align-items:center;font-size:13px;color:var(--muted)}nav a:hover{color:#fff}.balance{background:#122d1a;color:var(--lime);padding:8px 12px;border-radius:20px}main{padding:28px 22px 50px}.hero{background:linear-gradient(135deg,#0e2b46,#0b1d30);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:1.5px}.bigpoints{font-size:26px;font-weight:800;color:var(--lime);margin:5px 0 12px}.hero h1,.page-head h1{margin:5px 0;font-size:27px}.hero p,.page-head p,.card p{color:var(--muted)}h2{font-size:18px;margin-top:25px}.chips{display:flex;gap:8px;overflow:auto;margin-bottom:22px}.chips a{background:var(--panel);border:1px solid var(--line);padding:10px 13px;border-radius:10px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px}.thumb img{width:100%;border-radius:10px;display:block}.button,button{display:inline-block;background:#a9bfff;color:#07111d;border:0;border-radius:9px;padding:11px 15px;font-weight:800;cursor:pointer}.button:hover,button:hover{filter:brightness(1.08)}button:disabled{opacity:.4;cursor:not-allowed}.flash{padding:12px 15px;border-radius:10px;margin-bottom:16px;background:var(--panel)}.flash.success{border:1px solid #4f8b32}.flash.error{border:1px solid #8b3247}.auth{max-width:390px;margin:50px auto;background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:18px;text-align:center}.logo-card{width:70px;height:70px;border-radius:18px;background:#132f46;color:var(--lime);display:grid;place-content:center;margin:auto auto 18px;font-size:28px}.logo-card small{display:block;font-size:6px;letter-spacing:1px}.auth form,.card form{display:grid;gap:10px;text-align:left}.auth p{color:var(--muted);font-size:13px}.auth a{color:var(--blue)}label{font-size:12px;color:var(--muted);text-align:left}input,textarea,select{width:100%;background:#081a2b;color:#fff;border:1px solid var(--line);border-radius:9px;padding:11px;outline:none}textarea{min-height:90px;resize:vertical}.video-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.player iframe{width:100%;height:100%;border:0}.question{background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:12px;margin:12px 0}.question h3{font-size:14px}.option{width:100%;display:flex;gap:10px;align-items:center;text-align:left;margin:7px 0;background:var(--panel2);color:var(--text)}.option b{background:#061525;padding:6px 8px;border-radius:6px}.attempts{display:block;color:var(--muted);margin-top:10px}.result{margin-top:10px;font-weight:700}.ok{color:var(--lime)}.bad{color:var(--danger)}.earn{color:var(--lime);font-weight:900}.back{color:var(--muted)}.page-head{margin-bottom:20px}.rewards .reward{text-align:center}.reward-icon{font-size:30px;color:var(--lime)}.cost{color:var(--lime);font-size:20px;font-weight:900;margin:12px}.profile{max-width:760px;margin:auto;display:grid;gap:16px}.profile-card{text-align:center;background:linear-gradient(145deg,#102c43,#0b1d30);border:1px solid var(--line);border-radius:18px;padding:30px}.avatar{width:64px;height:64px;border-radius:50%;background:#102d15;color:var(--lime);display:grid;place-items:center;margin:auto;font-size:30px}.history,.code,.user-row,.reward-row,.mini{padding:11px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.history small,.code small,.user-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.positive{color:var(--lime)}.negative{color:#ff8aa0}.code{display:grid;background:#10253a;border-radius:10px;margin:8px 0}.code strong{letter-spacing:1px}.admin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.wide{grid-column:span 1}hr{border:0;border-top:1px solid var(--line);margin:15px 0}footer{text-align:center;color:#61778e;padding:30px;font-size:11px}@media(max-width:760px){header{height:auto;padding:13px 15px;align-items:flex-start;gap:10px}nav{flex-wrap:wrap;justify-content:flex-end}.hero{display:block}.video-layout,.admin-grid{grid-template-columns:1fr}.wide{grid-column:auto}main{padding:20px 14px}.auth{margin:25px auto}.hero h1{font-size:23px}}

.ranking-card{padding:8px}.rank-row{display:grid;grid-template-columns:42px 42px 1fr auto;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid var(--line)}.rank-row:last-child{border-bottom:0}.rank-number{font-size:18px;font-weight:900;text-align:center;color:var(--muted)}.rank-row:nth-child(1) .rank-number{color:var(--lime);font-size:24px}.rank-avatar{width:40px;height:40px;border-radius:50%;background:#15314a;display:grid;place-items:center;font-weight:900}.rank-user small,.rank-total small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.rank-total{text-align:right;color:var(--lime);font-weight:900}.reward-admin{background:#081a2b;border:1px solid var(--line);border-radius:10px;margin-top:12px;padding:10px}.code-admin{display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--line)}.code-admin small{display:block;color:var(--muted);font-size:10px}.code-admin.used{opacity:.65}.inline-form{display:flex!important;flex-direction:row;gap:6px!important}.inline-form input{min-width:0}.danger-btn{background:#512033;color:#ffdce4}.locked{color:var(--muted);font-size:11px}@media(max-width:760px){.code-admin{grid-template-columns:1fr}.rank-row{grid-template-columns:34px 40px 1fr}.rank-total{grid-column:3;text-align:left}.inline-form{display:grid!important}}
.muted,.form-help{color:var(--muted);font-size:12px}.form-help{display:block;margin-top:-4px}.video-admin-title{font-size:13px;color:var(--blue);margin:16px 0 4px}.video-page{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.video-main{min-width:0}.sticky-player{position:sticky;top:82px}.quiz-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px}.quiz-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:10px}.quiz-top p{margin:5px 0;color:var(--muted);font-size:12px}.quiz-count{background:#122d1a;color:var(--lime);padding:8px 10px;border-radius:10px;font-weight:900;white-space:nowrap}.step-question{border:0;padding:12px 0;margin:0;background:transparent}.step-question h2{font-size:18px;line-height:1.3;margin:8px 0 14px}.question-number{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.options{display:grid;gap:8px}.step-question .option{margin:0}.next-button{display:none;margin-top:12px}.quiz-finished{text-align:center;padding:25px 10px}.finish-icon{font-size:42px}.quiz-finished p{color:var(--muted)}@media(max-width:760px){.video-page{grid-template-columns:1fr}.sticky-player{position:static}.quiz-panel{padding:14px}}

.server-choice{max-width:900px;margin:auto}.server-choice-head{text-align:center;margin-bottom:18px}.server-choice-head p,.selected-server-head p{color:var(--muted);font-size:13px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.server-card{display:block;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center;transition:.18s}.server-card:hover{transform:translateY(-2px);border-color:var(--blue)}.server-icon{font-size:40px;margin-bottom:8px}.server-card h2{margin:8px 0}.server-card small{display:block;color:var(--muted)}.server-select{display:block;margin-top:16px;color:var(--lime);font-weight:800}.selected-server{max-width:760px;margin:auto}.selected-server-head{margin:20px 0}.selected-reward{max-width:520px;margin:auto}.empty-state{text-align:center}.server-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.server-admin-card{background:#081a2b;border:1px solid var(--line);border-radius:12px;padding:12px}.server-admin-card h3{margin-top:0}.server-admin-card .reward-admin{margin-top:14px}.server-admin-card textarea{min-height:110px}@media(max-width:760px){.server-grid,.server-admin-grid{grid-template-columns:1fr}}

.player{background:#000;border-radius:14px;overflow:hidden;aspect-ratio:16/9}.player>div,.player iframe{width:100%;height:100%;display:block}.ai-live-hint{margin-top:10px;background:#10253a;border:1px solid var(--line);border-radius:12px;padding:11px 13px;color:var(--muted);font-size:12px}.ai-live-hint b{color:var(--text)}
.ai-admin-card{border-color:#31516d}.ai-form{display:grid!important;grid-template-columns:2fr 1fr 1fr 1.4fr auto;gap:10px!important;align-items:end}.ai-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.ai-form input,.ai-form select{width:100%}.ai-job{margin-top:14px;background:#081a2b;border:1px solid var(--line);border-radius:10px;padding:12px}.progress-bar{height:9px;background:#142a3e;border-radius:10px;overflow:hidden;margin:10px 0 6px}.progress-bar span{display:block;height:100%;background:var(--lime);transition:width .3s}.ai-job small{color:var(--muted)}.time-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.ai-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:20;display:grid;place-items:center;padding:18px}.ai-modal[hidden]{display:none}.ai-modal-card{width:min(560px,100%);background:var(--panel);border:1px solid #3c5e7c;border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.ai-modal-head{display:flex;justify-content:space-between;align-items:center;color:var(--lime);font-weight:900;font-size:12px;letter-spacing:1px}.ai-modal-head button{background:transparent;color:var(--muted);font-size:25px;padding:0}.ai-time{display:inline-block;background:#122d1a;color:var(--lime);padding:7px 9px;border-radius:8px;font-size:11px;margin-top:12px}.ai-modal-card h2{font-size:20px;line-height:1.35;margin:12px 0}.ai-modal-card #aiHint{display:block;color:var(--muted);margin-top:12px}.ai-modal-card .next-button{display:inline-block}
@media(max-width:900px){.ai-form{grid-template-columns:1fr 1fr}.ai-form button{grid-column:span 2}}
@media(max-width:760px){.ai-form{grid-template-columns:1fr}.ai-form button{grid-column:auto}.time-fields{grid-template-columns:1fr}.ai-modal{padding:10px}.ai-modal-card{padding:14px}}