@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--black:#090909;--ink:#141414;--charcoal:#202020;--gold:#e4b022;--gold-soft:#f4d783;--paper:#f4f1ea;--muted:#9b9b9b;--danger:#b84444;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:var(--black);color:#fff}button,input,select,textarea{font:inherit}.hidden{display:none!important}.brand-mark{display:flex;flex-direction:column;font-family:Baskervville,serif;line-height:.84;letter-spacing:.16em}.brand-mark span{font-size:14px}.brand-mark strong{font-size:26px;color:var(--gold);font-weight:400}.eyebrow,.step-label{font-size:12px;letter-spacing:.22em;color:var(--gold);font-weight:700}.gold-line{width:110px;height:2px;background:var(--gold);margin-top:34px}.join-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 20% 30%,#303030 0,transparent 34%),#0b0b0b}.brand-panel{padding:clamp(42px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(228,176,34,.35);border-radius:50%;right:-190px;bottom:-160px;box-shadow:0 0 0 52px rgba(228,176,34,.035),0 0 0 110px rgba(228,176,34,.025)}.brand-panel h1{font-family:Baskervville,serif;font-weight:400;font-size:clamp(48px,7vw,104px);line-height:.96;max-width:760px;margin:24px 0}.brand-panel>p:not(.eyebrow){max-width:560px;color:#c8c8c8;font-size:18px;line-height:1.6}.join-card{background:var(--paper);color:var(--ink);padding:clamp(34px,6vw,90px);display:flex;align-items:center}.step{width:100%;max-width:540px;margin:auto}.step h2{font-family:Baskervville,serif;font-size:42px;font-weight:400;margin:10px 0 28px}.step:not(.active){display:none}label{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}input,select,textarea{width:100%;margin-top:8px;padding:15px 16px;border:1px solid #cbc7bd;border-radius:12px;background:#fff;color:#151515;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(228,176,34,.16)}#event-code{font-size:38px;letter-spacing:.22em;text-align:center;font-weight:700}.primary{border:0;background:var(--gold);color:#111;padding:15px 24px;border-radius:999px;font-weight:800;cursor:pointer;width:100%;margin-top:18px}.primary:hover{background:var(--gold-soft)}.form-error{color:#a63333;min-height:20px;font-size:13px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.lang{background:#fff;border:1px solid #cec9bd;border-radius:14px;padding:16px 8px;font-weight:800;cursor:pointer}.lang span{display:block;font-size:10px;font-weight:500;margin-top:4px;color:#666}.lang.selected{border-color:var(--gold);background:#fff9e9;box-shadow:inset 0 0 0 1px var(--gold)}.optional{font-weight:400;color:#777}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;line-height:1.4}.check input{width:auto;margin:2px 0}.compact-header{height:76px;padding:12px 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #292929}.mini-logo{border:1px solid var(--gold);color:var(--gold);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-family:Baskervville}.compact-header small{display:block;color:#888}.score-chip{margin-left:auto;text-align:right}.score-chip strong{display:block;color:var(--gold);font-size:24px}.game-state{min-height:calc(100vh - 76px);padding:34px 20px;display:flex;flex-direction:column;justify-content:center;text-align:center}.game-state h1{font-family:Baskervville;font-weight:400;font-size:clamp(34px,9vw,62px);margin:14px auto;max-width:760px}.pulse,.orb{width:76px;height:76px;border-radius:50%;background:var(--gold);margin:0 auto 30px;box-shadow:0 0 0 0 rgba(228,176,34,.45);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 34px rgba(228,176,34,0)}}.question-meta{display:flex;align-items:center;gap:12px;max-width:760px;width:100%;margin:0 auto 26px}.question-meta>span{color:var(--gold);font-weight:800}.timer{height:7px;background:#252525;flex:1;border-radius:10px;overflow:hidden}.timer i,.screen-timer i{height:100%;display:block;background:var(--gold);width:100%;transition:width .18s linear}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:760px;width:100%;margin:30px auto}.answer{min-height:92px;border:1px solid #3b3b3b;background:#181818;color:#fff;border-radius:18px;padding:18px;text-align:left;font-weight:700;cursor:pointer}.answer b{color:var(--gold);margin-right:10px}.answer:hover,.answer.selected{border-color:var(--gold);background:#262013}.answer:disabled{cursor:default;opacity:.7}.ranking-list{list-style:none;padding:0;margin:28px auto;max-width:720px;width:100%;counter-reset:rank}.ranking-list li{counter-increment:rank;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;background:#181818;border:1px solid #303030;padding:14px 18px;margin:8px 0;border-radius:14px}.ranking-list li:before{content:counter(rank);color:var(--gold);font-weight:800}.ranking-list strong{color:var(--gold)}.screen-page{background:radial-gradient(circle at 78% 10%,rgba(228,176,34,.12),transparent 26%),#090909;overflow:hidden}.screen-page header{height:92px;display:flex;align-items:center;padding:18px 42px;border-bottom:1px solid #292929}.screen-code{margin-left:auto;font-size:15px;letter-spacing:.16em}.screen-code strong{color:var(--gold);font-size:26px;margin-left:12px}.screen-langs{display:flex;margin-left:35px;gap:4px}.screen-langs button{background:transparent;color:#777;border:0;padding:8px}.screen-langs .active{color:var(--gold)}.screen-state{height:calc(100vh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px}.screen-state h1{font-family:Baskervville;font-weight:400;font-size:clamp(62px,6vw,118px);line-height:1;max-width:1500px;margin:25px auto}.join-hint{font-size:28px}.participants{margin-top:56px}.participants strong{font-size:72px;color:var(--gold);display:block}.participants span{color:#888}.screen-question-top{display:flex;width:100%;max-width:1500px;gap:20px;align-items:center}.screen-timer{height:9px;background:#2b2b2b;flex:1}.screen-options{width:100%;max-width:1500px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.screen-options div{border:1px solid #333;background:#151515;padding:24px;border-radius:16px;font-size:26px;text-align:left}.screen-options b{color:var(--gold);margin-right:10px}.ranking-list.large{max-width:1100px}.ranking-list.large li{font-size:28px;padding:20px 28px}.admin-page{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#efede7;color:#171717}.admin-page aside{background:#101010;color:#fff;padding:34px 26px}.admin-page aside>p{color:#666;font-size:11px;letter-spacing:.18em;margin:28px 0}.admin-page nav{display:grid;gap:8px}.admin-page nav button{border:0;background:transparent;color:#aaa;text-align:left;padding:13px;border-radius:9px;cursor:pointer}.admin-page nav button.active{background:#292315;color:var(--gold)}.admin-page>main{padding:38px;max-width:1500px;width:100%;margin:auto}.admin-top,.question-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-top h1{font-family:Baskervville;font-size:48px;font-weight:400;margin:4px 0}.ghost{border:1px solid #c9c4b9;background:transparent;border-radius:999px;padding:10px 18px}.admin-card{background:#fff;border:1px solid #dedad1;border-radius:var(--radius);padding:24px;box-shadow:0 12px 40px rgba(31,26,16,.06)}.admin-card.login{max-width:520px;margin:14vh auto}.admin-card h2{font-family:Baskervville;font-weight:400;font-size:30px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stats-grid article{background:#171717;color:#fff;border-radius:16px;padding:20px}.stats-grid small{color:#999}.stats-grid strong{display:block;color:var(--gold);font-size:30px;margin-top:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-grid button{padding:14px;border:1px solid #d6d1c7;background:#faf9f6;border-radius:10px;cursor:pointer}.control-grid .danger{color:var(--danger)}.screen-links{display:flex;gap:20px;margin-top:22px}.screen-links a{color:#705412;text-decoration:none}.questions-list{display:grid;gap:10px}.question-row{background:#fff;border:1px solid #ddd8ce;border-radius:14px;padding:16px;display:grid;grid-template-columns:52px 1fr 100px 100px;gap:14px;align-items:center;cursor:pointer}.question-row .pos{color:var(--gold);font-weight:800}.question-row small{color:#777}.status{padding:5px 9px;border-radius:999px;background:#eee;font-size:11px;text-align:center}.status.published{background:#e3f3e7;color:#28683b}dialog{border:0;border-radius:22px;width:min(920px,94vw);max-height:90vh;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.65)}dialog form{padding:28px;overflow:auto;max-height:90vh}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{border:0;background:transparent;font-size:30px}.question-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.translation-tabs{display:flex;gap:8px;margin:24px 0 12px}.translation-tabs button{border:1px solid #d4d0c5;background:#fff;padding:10px 18px;border-radius:999px}.translation-tabs .active{background:#171717;color:#fff}.translation-panel textarea{min-height:76px}.options-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rules li{margin:13px 0}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:11px;border-bottom:1px solid #eee;text-align:left}@media(max-width:850px){.join-shell{grid-template-columns:1fr}.brand-panel{min-height:42vh}.join-card{min-height:58vh}.admin-page{grid-template-columns:1fr}.admin-page aside{display:none}.admin-page>main{padding:18px}.admin-grid,.stats-grid{grid-template-columns:1fr}.answer-grid{grid-template-columns:1fr}.question-settings{grid-template-columns:1fr 1fr}.question-row{grid-template-columns:40px 1fr}.question-row>*:nth-child(n+3){display:none}}

