@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,500;0,9..40,700;1,9..40,300&display=swap";body{background:#0a0a0a;margin:0}:root{--gold: #FFDE42;--gold-dim: #c9ad1f;--gold-faint: rgba(255, 222, 66, .1);--gold-faint2: rgba(255, 222, 66, .18);--dark: #1B0C0C;--dark-card: #120808;--dark-surface: #221212;--dark-border: #3a1f1f;--black: #000000;--text-primary: #f5ede0;--text-muted: #9c8a7a;--text-faint: #5c4a3a;--danger: #ef4444;--success: #22c55e;--neutral: #6b7280;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--shadow-gold: 0 0 24px rgba(255, 222, 66, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .6)}body{background-color:var(--black);color:var(--text-primary);font-family:var(--font-body);margin:0}.game-page{max-width:760px;margin:0 auto;padding:40px 24px 64px}.game-page--wide{max-width:1100px;margin:0 auto;padding:40px 24px 64px}.game-page-header{text-align:center;margin-bottom:48px}.game-page-header__eyebrow{font-family:var(--font-display);font-size:13px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin:0 0 10px}.game-page-header__title{font-family:var(--font-display);font-size:clamp(36px,6vw,64px);letter-spacing:.04em;color:var(--text-primary);margin:0 0 12px;line-height:1.05}.game-page-header__subtitle{font-size:16px;color:var(--text-muted);margin:0;font-weight:300}.game-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--dark-border),transparent);margin:32px 0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:32px}.game-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-xl);padding:28px 24px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,var(--gold-faint),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card:hover{transform:translateY(-4px);border-color:var(--gold-dim);box-shadow:var(--shadow-gold),var(--shadow-card)}.game-card:hover:before{opacity:1}.game-card__logo{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;margin-bottom:16px;border:2px solid var(--dark-border)}.game-card__title{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;color:var(--text-primary);margin:0 0 8px}.game-card__desc{font-size:13px;color:var(--text-muted);margin:0 0 20px;line-height:1.6;font-weight:300}.game-card__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--gold);color:var(--dark);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:background .15s ease,transform .1s ease}.game-card__btn:hover{background:#ffe96a;transform:scale(1.03)}.quiz-form-title{font-family:var(--font-display);font-size:clamp(28px,5vw,48px);letter-spacing:.04em;color:var(--text-primary);margin:0 0 8px}.quiz-form-desc{color:var(--text-muted);font-size:15px;margin:0 0 8px;font-weight:300}.quiz-questions-list{margin-top:36px;display:flex;flex-direction:column;gap:28px}.quiz-question-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:24px 22px;transition:border-color .2s}.quiz-question-card.is-answered{border-color:var(--gold-dim)}.quiz-question-card__counter{font-family:var(--font-display);font-size:11px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin:0 0 8px}.quiz-question-card__text{font-size:17px;font-weight:500;color:var(--text-primary);margin:0 0 20px;line-height:1.55}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.quiz-options-grid{grid-template-columns:1fr}}.quiz-option-btn{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;background:var(--dark-surface);border:2px solid var(--dark-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-body);font-size:14px;color:var(--text-primary);font-weight:400;transition:all .15s ease;line-height:1.45}.quiz-option-btn:hover:not(:disabled){border-color:var(--gold-dim);background:var(--gold-faint)}.quiz-option-btn.is-selected{border-color:var(--gold);background:var(--gold-faint2);color:var(--gold);font-weight:600}.quiz-option-btn__key{font-size:11px;font-weight:700;color:var(--text-faint);min-width:18px;padding-top:2px;font-family:var(--font-display);letter-spacing:.05em;transition:color .15s}.quiz-option-btn.is-selected .quiz-option-btn__key{color:var(--gold)}.quiz-custom-btn{margin-top:12px;padding:8px 16px;background:transparent;border:1px dashed var(--dark-border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .15s}.quiz-custom-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.quiz-custom-btn.is-active{border-color:var(--gold);color:var(--gold);background:var(--gold-faint)}.quiz-custom-textarea,.quiz-text-input{width:100%;box-sizing:border-box;background:var(--dark-surface);border:2px solid var(--gold);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:11px 14px;margin-top:10px;resize:vertical;outline:none;transition:box-shadow .15s}.quiz-custom-textarea:focus,.quiz-text-input:focus{box-shadow:0 0 0 3px #ffde4233}.quiz-text-input{resize:none}.quiz-submit-area{margin-top:40px;text-align:center}.quiz-submit-btn{padding:15px 44px;background:var(--gold);color:var(--dark);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:18px;letter-spacing:.06em;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.quiz-submit-btn:hover:not(:disabled){background:#ffe96a;transform:translateY(-2px);box-shadow:var(--shadow-gold)}.quiz-submit-btn:disabled{background:var(--dark-surface);color:var(--text-faint);cursor:not-allowed}.quiz-submit-hint{margin-top:10px;font-size:13px;color:var(--text-faint)}.result-hero{text-align:center;margin-bottom:36px}.result-hero__eyebrow{font-family:var(--font-display);font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin:0 0 10px}.result-hero__name{font-family:var(--font-display);font-size:clamp(36px,7vw,64px);letter-spacing:.04em;color:var(--text-primary);margin:0 0 8px;line-height:1.05}.result-hero__subtitle{font-size:16px;color:var(--text-muted);font-style:italic;font-weight:300;margin:0}.result-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:0 0 32px #ffde4240;display:block;margin:0 auto 28px}.result-panel{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);padding:24px 26px;margin-bottom:22px}.result-panel__label{font-family:var(--font-display);font-size:11px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin:0 0 8px}.result-panel__body{font-size:15px;line-height:1.8;color:var(--text-primary);margin:0;font-weight:300}.result-share-line{font-size:15px;font-weight:600;color:var(--text-primary);margin:4px 0 0;line-height:1.55}.dim-score-list{display:flex;flex-direction:column;gap:14px}.dim-score-row__header{display:flex;justify-content:space-between;margin-bottom:5px}.dim-score-row__name{font-size:13px;font-weight:600;color:var(--text-primary)}.dim-score-row__pts{font-size:13px;color:var(--text-muted)}.dim-score-bar-track{height:6px;background:var(--dark-surface);border-radius:3px;overflow:hidden}.dim-score-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:3px;transition:width .7s cubic-bezier(.22,1,.36,1)}.vote-panel__title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.vote-panel__hint{font-size:13px;color:var(--text-muted);margin:0 0 18px}.vote-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.vote-btn{padding:10px 22px;border-radius:var(--radius-sm);border:2px solid var(--dark-border);background:var(--dark-surface);color:var(--text-muted);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.vote-btn:hover:not(:disabled){border-color:var(--gold-dim);color:var(--gold)}.vote-btn.is-voted{font-weight:700}.vote-tally{font-size:13px;color:var(--text-muted);margin-bottom:16px}.vote-tally strong{color:var(--text-primary)}.vote-pie-wrap{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.vote-legend{display:flex;flex-direction:column;gap:12px}.vote-legend-row{display:flex;align-items:center;gap:10px}.vote-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.vote-legend-label{font-size:13px;color:var(--text-muted);min-width:76px}.vote-legend-pct{font-size:13px;font-weight:700}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.btn-outline{padding:12px 26px;background:transparent;color:var(--gold);border:2px solid var(--gold);border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.btn-outline:hover{background:var(--gold-faint);transform:translateY(-1px)}.btn-primary{padding:12px 26px;background:var(--gold);color:var(--dark);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.btn-primary:hover{background:#ffe96a;transform:translateY(-1px)}.game-error{color:var(--danger);font-size:14px;margin-bottom:14px;text-align:center}.game-loading,.game-empty{text-align:center;color:var(--text-muted);padding:60px 24px;font-size:15px}.share-card{background:linear-gradient(145deg,#1b0c0c,#2a1010);border:1px solid var(--dark-border);border-radius:var(--radius-xl);padding:32px 28px 20px;margin-bottom:12px;position:relative;overflow:hidden}.share-card:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,222,66,.12),transparent 70%);pointer-events:none}.share-card__watermark{text-align:right;font-family:var(--font-display);font-size:11px;letter-spacing:.12em;color:var(--text-faint);margin:16px 0 0;text-transform:uppercase}.btn-share{padding:13px 32px;background:var(--gold);color:var(--dark);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:17px;letter-spacing:.06em;cursor:pointer;transition:background .15s,transform .1s,box-shadow .2s;box-shadow:0 4px 20px #ffde4240}.btn-share:hover:not(:disabled){background:#ffe96a;transform:translateY(-2px);box-shadow:0 6px 28px #ffde4266}.btn-share:disabled{background:var(--dark-surface);color:var(--text-faint);cursor:not-allowed;box-shadow:none}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}