:root{--game-gold:#f3c33d;--game-gold2:#b47b08;--game-bg:#070707;--game-card:#111;--game-line:#2a2517}
body{background:var(--game-bg);color:#f5f5f5}.game-main{min-height:calc(100vh - 70px);background:radial-gradient(circle at 50% 5%,rgba(243,195,61,.12),transparent 35%)}
.game-hero{padding:64px 0 30px}.game-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.game-eyebrow,.clue-label,.result-label{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--game-gold)}
.game-hero h1{font-family:"Sora",serif;font-size:clamp(48px,8vw,90px);margin:5px 0;line-height:1}.game-hero p{max-width:720px;color:#bdbdbd;font-size:16px;line-height:1.7}.game-logo{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(243,195,61,.25))}.game-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.game-badges span{border:1px solid #4a3c12;background:#151207;color:#ffd85d;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}
.game-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:22px;padding-bottom:28px}.quiz-card,.leaderboard-card{border:1px solid var(--game-line);background:linear-gradient(145deg,#121212,#0b0b0b);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.quiz-card{min-height:530px;padding:34px}.leaderboard-card{padding:24px;height:max-content}.screen{display:none}.screen.active{display:block}.quiz-card #startScreen,.quiz-card #resultScreen{text-align:center;padding:32px 12px}.quiz-icon,.trophy{font-size:68px;width:105px;height:105px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;border:1px solid #5d4910;background:radial-gradient(circle,#392a05,#0b0b0b);color:#ffd75c}.quiz-card h2{font-family:"Sora",serif;margin:8px 0 12px}.quiz-card p{color:#aaa;line-height:1.6}.quiz-card label{display:block;text-align:left;max-width:390px;margin:24px auto 8px;font-size:12px;color:#d1b250;font-weight:700}.quiz-card input{display:block;width:100%;max-width:390px;margin:0 auto 15px;padding:15px 16px;border-radius:10px;border:1px solid #38321f;background:#080808;color:#fff;outline:none}.quiz-card input:focus{border-color:var(--game-gold)}
.game-btn{border:0;border-radius:10px;padding:14px 22px;font-weight:800;cursor:pointer}.game-btn.primary{background:linear-gradient(135deg,#ffd857,#bd8009);color:#090909;box-shadow:0 8px 25px rgba(243,195,61,.2)}.game-btn.secondary{background:#171717;color:#fff;border:1px solid #363636}.quiz-top{display:flex;justify-content:space-between;font-size:13px;color:#bbb}.timer-track{height:8px;background:#242424;border-radius:10px;overflow:hidden;margin:14px 0 32px}.timer-track div{height:100%;width:100%;background:linear-gradient(90deg,#d29713,#ffdd65);transition:width .1s linear}.clue-label{text-align:center}.quiz-screen h2,#questionText{text-align:center;font-size:clamp(25px,4vw,38px);margin:12px auto 25px;max-width:650px}.clue-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.clue-grid div{background:#0a0a0a;border:1px solid #2d2818;padding:16px;border-radius:12px}.clue-grid small{display:block;color:#83733c;font-size:10px;font-weight:800;letter-spacing:.14em}.clue-grid strong{display:block;margin-top:7px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-btn{padding:16px;text-align:left;border-radius:12px;border:1px solid #302b1d;background:#141414;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:.18s}.answer-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#846713}.answer-btn.correct{background:#12321f;border-color:#2da662}.answer-btn.wrong{background:#3a1515;border-color:#c14a4a}.answer-btn:disabled{cursor:default}.feedback{min-height:24px;text-align:center;margin-top:18px;font-weight:700}.feedback.good{color:#60d98c}.feedback.bad{color:#ff7474}.final-score{font-size:64px;color:#ffd65a;font-family:"Sora",serif;font-weight:800}.final-score small{font-size:17px;color:#777}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:22px}
.lb-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29251a;padding-bottom:15px}.lb-head small{color:#b89a36;font-weight:800;letter-spacing:.14em}.lb-head h2{font-family:"Sora",serif;margin:3px 0 0}.lb-head button{border:1px solid #333;background:#151515;color:#aaa;border-radius:8px;width:36px;height:36px;cursor:pointer}.leaderboard{padding-top:12px}.lb-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 5px;border-bottom:1px solid #202020}.lb-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#191919;color:#c7a638;font-weight:800}.lb-row:nth-child(1) .lb-rank{background:#6e5000;color:#fff}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis}.lb-score{color:#ffd45a;font-weight:800}.lb-empty{padding:30px 0;text-align:center;color:#777}.lb-note{font-size:11px!important;color:#6f6f6f!important;margin-top:18px!important}.game-info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:65px}.game-info div{border:1px solid #29251a;background:#101010;padding:18px;border-radius:14px}.game-info b{display:block;color:#f5ca47;margin-bottom:6px}.game-info span{font-size:13px;color:#8f8f8f}.site-footer{text-align:center;color:#666;padding:25px;border-top:1px solid #181818}
@media(max-width:850px){.game-hero{padding-top:40px}.game-hero-inner{display:block}.game-logo{display:none}.game-layout{grid-template-columns:1fr}.game-info{grid-template-columns:1fr}.quiz-card{min-height:auto;padding:22px}.answers{grid-template-columns:1fr}.clue-grid{grid-template-columns:1fr}.game-hero h1{font-size:54px}.navlinks.active{display:flex}}


/* Game Center Hub v2 */
.game-hub .game-hero h1{max-width:760px}
.game-library{padding:34px 0 70px}
.library-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.library-head small{color:#caa754;font-weight:800;letter-spacing:.16em}
.library-head h2{font-size:32px;margin:4px 0 0}
.library-count{border:1px solid rgba(212,175,55,.3);border-radius:999px;padding:8px 12px;color:#e5c86d;background:rgba(212,175,55,.08)}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.game-tile{overflow:hidden;border:1px solid rgba(212,175,55,.18);border-radius:20px;background:linear-gradient(145deg,rgba(19,21,27,.98),rgba(8,9,12,.98));box-shadow:0 18px 50px rgba(0,0,0,.25)}
.tile-art{height:220px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(218,177,55,.25),transparent 52%),#08090c}
.quiz-art span{font:800 120px/1 "Sora";color:#e5c86d;text-shadow:0 0 40px rgba(229,200,109,.35)}
.uno-art{gap:0;background:radial-gradient(circle at center,rgba(156,27,27,.34),transparent 55%),linear-gradient(135deg,#09090b,#18120a)}
.uno-card{width:90px;height:132px;border-radius:14px;border:7px solid #fff;display:grid;place-items:center;font:900 46px/1 Inter;color:#fff;box-shadow:0 12px 25px rgba(0,0,0,.45);margin-left:-15px;transform:rotate(-8deg)}
.uno-card:nth-child(2){transform:rotate(5deg) translateY(-8px)}
.uno-card:nth-child(3){transform:rotate(-2deg) translateY(4px)}
.uno-card:nth-child(4){transform:rotate(9deg)}
.uno-card.red{background:#d72b2b}.uno-card.yellow{background:#e4ad18}.uno-card.blue{background:#2377d8}.uno-card.green{background:#2f9b55}
.draft-art,.memory-art{font:900 72px/1 "Sora";color:#6f6347}
.tile-body{padding:22px}
.tile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}
.tile-tags span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;color:#b8bbc4}
.tile-tags .live-tag{color:#ffdb65;border-color:rgba(255,211,72,.4);background:rgba(255,211,72,.08)}
.tile-body h3{font-size:25px;margin:0 0 9px}
.tile-body p{color:#aeb2bd;line-height:1.65;min-height:52px}
.tile-body .game-btn{display:inline-flex;margin-top:12px;text-decoration:none}
.game-tile.coming{opacity:.72}
@media(max-width:760px){.game-grid{grid-template-columns:1fr}.tile-art{height:180px}.uno-card{width:70px;height:104px;font-size:34px}.library-head{align-items:flex-start;gap:12px;flex-direction:column}}