.koh-emoji[data-v-e0958f74]{display:inline;font-style:normal;line-height:inherit;font-size:inherit}.koh-icon[data-v-e0958f74]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;vertical-align:middle}.koh-icon svg[data-v-e0958f74]{display:block}.koh-icon--sm svg[data-v-e0958f74]{width:1rem;height:1rem}.koh-icon--md svg[data-v-e0958f74]{width:1.25rem;height:1.25rem}.koh-icon--lg svg[data-v-e0958f74]{width:1.5rem;height:1.5rem}.koh-icon--xl svg[data-v-e0958f74]{width:2rem;height:2rem}.theme-toggle[data-v-08a4cfa6]{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--koh-radius-pill, 999px);border:1px solid var(--koh-border-subtle, rgba(0, 0, 0, .08));background:var(--koh-bg-card, #fff);color:var(--koh-text-primary, #333);font-family:var(--koh-font-ui);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s,border-color .2s;line-height:1}.theme-toggle[data-v-08a4cfa6]:hover{background:var(--koh-bg-card-muted, #f8f9fa);transform:translateY(-1px)}.theme-toggle--compact[data-v-08a4cfa6]{padding:.55rem;min-width:2.5rem;min-height:2.5rem;justify-content:center}.theme-toggle__label[data-v-08a4cfa6]{white-space:nowrap}.app-shell[data-v-24a4663c]{width:100%;min-height:100vh}.app-header[data-v-24a4663c]{background:var(--koh-bg-app-header);color:var(--koh-text-on-hero);padding:1rem 0;box-shadow:0 2px 10px #0000001a}.container[data-v-24a4663c]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo[data-v-24a4663c]{font-family:var(--koh-font-display);font-size:2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}html[data-theme=dark] .logo[data-v-24a4663c]{text-shadow:var(--koh-hero-text-shadow)}.header-controls[data-v-24a4663c]{display:flex;gap:1rem;align-items:center}.lang-toggle[data-v-24a4663c]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700}.lang-toggle[data-v-24a4663c]:hover{background:#ffffff4d;border-color:#ffffff80}.lang-toggle.active[data-v-24a4663c]{background:#ffffffe6;color:#667eea;border-color:#fff}.app-main[data-v-24a4663c]{min-height:calc(100vh - 140px);background:var(--koh-bg-main)}.app-main.fullscreen[data-v-24a4663c]{min-height:100vh;width:100%;padding:0;margin:0;background:var(--koh-body-bg)}.app-footer[data-v-24a4663c]{background:var(--koh-bg-footer);color:var(--koh-text-on-hero);text-align:center;padding:1rem 0}.footer-inner[data-v-24a4663c]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-inner p[data-v-24a4663c]{margin:0}.app-footer p[data-v-24a4663c]{margin:0;opacity:.8}.footer-about-link[data-v-24a4663c]{color:#ffffffa6;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-about-link[data-v-24a4663c]:hover{color:#fff}@media (max-width: 768px){.app-header[data-v-24a4663c]{display:none}}:root{--koh-body-bg: #f8f9fa;--koh-body-color: #333333;--koh-font-ui: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--koh-brand-logo-text: #ffffff;--koh-brand-logo-stroke: #1a1614}[data-theme=light]{--koh-bg-main: #f8f9fa;--koh-bg-hero: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--koh-bg-hero-solid: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-bg-card: #ffffff;--koh-bg-card-gradient: linear-gradient(145deg, #ffffff 0%, #f8f9ff 100%);--koh-bg-card-muted: #f8f9fa;--koh-bg-input: #ffffff;--koh-bg-input-inset: #ffffff;--koh-bg-header-bar: rgba(255, 255, 255, .1);--koh-bg-overlay: rgba(255, 255, 255, .95);--koh-bg-app-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-bg-footer: #343a40;--koh-bg-card-header: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-bg-bento-header: transparent;--koh-bg-host-card-body: #ffffff;--koh-bg-stream: #6a5aa8;--koh-bg-stream-gradient: linear-gradient(-45deg, #667eea, #764ba2, #f093fb, #4facfe, #667eea);--koh-bg-glass: rgba(255, 255, 255, .2);--koh-bg-glass-strong: rgba(255, 255, 255, .95);--koh-bg-success-muted: #d4edda;--koh-bg-danger-muted: #f8d7da;--koh-bg-voted: #d4edda;--koh-text-primary: #333333;--koh-text-secondary: #666666;--koh-text-muted: #999999;--koh-text-on-hero: #ffffff;--koh-text-on-accent: #ffffff;--koh-text-on-yellow: #333333;--koh-text-on-green: #ffffff;--koh-text-on-coral: #ffffff;--koh-text-accent: #667eea;--koh-text-success: #28a745;--koh-text-danger: #dc3545;--koh-text-card-header: #ffffff;--koh-text-label-gold: rgba(255, 255, 255, .75);--koh-accent-primary: #667eea;--koh-accent-primary-dark: #764ba2;--koh-accent-yellow: #ffd89b;--koh-accent-yellow-solid: #ffc107;--koh-accent-green: #28a745;--koh-accent-green-bright: #20c997;--koh-accent-coral: #ff9a56;--koh-accent-coral-solid: #f5576c;--koh-accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-accent-demo: linear-gradient(135deg, #ffd89b 0%, #ff9a56 100%);--koh-accent-podium: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);--koh-accent-timer: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-accent-timer-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--koh-accent-timer-expired: linear-gradient(135deg, #a8a8a8 0%, #6b6b6b 100%);--koh-glow-gold: 0 0 30px rgba(255, 215, 0, .5);--koh-glow-silver: 0 0 20px rgba(192, 192, 192, .5);--koh-glow-bronze: 0 0 15px rgba(205, 127, 50, .5);--koh-rank-gold-border: #ffd700;--koh-rank-silver-border: #c0c0c0;--koh-rank-bronze-border: #cd7f32;--koh-rank-gold-text: #FFD700;--koh-rank-green-text: #28a745;--koh-border-default: #e9ecef;--koh-border-focus: #667eea;--koh-border-subtle: #e9ecef;--koh-border-yellow: transparent;--koh-border-coral: transparent;--koh-border-green: transparent;--koh-border-footer: rgba(255, 255, 255, .3);--koh-border-card: transparent;--koh-border-host-player: transparent;--koh-btn-primary-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-btn-primary-text: #ffffff;--koh-btn-primary-shadow: 0 4px 15px rgba(102, 126, 234, .4);--koh-btn-success-bg: #28a745;--koh-btn-success-text: #ffffff;--koh-btn-join-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-btn-join-text: #ffffff;--koh-btn-create-bg: rgba(255, 255, 255, .95);--koh-btn-create-text: #667eea;--koh-btn-demo-bg: linear-gradient(135deg, #ffd89b 0%, #ff9a56 100%);--koh-btn-demo-text: #333333;--koh-btn-vote-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--koh-btn-vote-text: #ffffff;--koh-btn-vote-shadow: 0 4px 15px rgba(102, 126, 234, .4);--koh-btn-ghost-bg: rgba(255, 255, 255, .2);--koh-btn-ghost-text: rgba(255, 255, 255, .9);--koh-btn-ghost-border: transparent;--koh-shadow-card: 0 4px 20px rgba(0, 0, 0, .1);--koh-shadow-sm: 0 2px 10px rgba(0, 0, 0, .1);--koh-shadow-card-lg: 0 20px 60px rgba(0, 0, 0, .3);--koh-shadow-btn: 0 8px 25px rgba(102, 126, 234, .4);--koh-shadow-timer: 0 4px 15px rgba(102, 126, 234, .4);--koh-radius-bento: 20px;--koh-radius-input: 8px;--koh-radius-pill: 30px;--koh-radius-footer-btn: 30px;--koh-radius-card: 12px;--koh-radius-btn: 8px;--koh-font-display: inherit;--koh-font-ui: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--koh-hero-text-shadow: 0 2px 15px rgba(0, 0, 0, .3);--koh-body-color: #333333;--koh-body-bg: #f8f9fa;--koh-brand-logo-text: #ffffff;--koh-brand-logo-stroke: #1a1614}[data-theme=dark]{--koh-brand-logo-text: #ffffff;--koh-brand-logo-stroke: #1a1614;--koh-bg-main: #1e1915;--koh-bg-hero: #1e1915;--koh-bg-hero-solid: #1e1915;--koh-bg-card: #2d2825;--koh-bg-card-gradient: #2d2825;--koh-bg-card-muted: #252220;--koh-bg-input: #252220;--koh-bg-input-inset: #1a1614;--koh-bg-header-bar: rgba(0, 0, 0, .25);--koh-bg-overlay: rgba(45, 40, 37, .98);--koh-bg-app-header: #1e1915;--koh-bg-footer: #12100e;--koh-bg-card-header: #f4b400;--koh-bg-bento-header: #f4b400;--koh-bg-host-card-body: #2b2118;--koh-bg-stream: radial-gradient(ellipse 120% 90% at 50% 0%, #2a231d 0%, #211b17 45%, #17120f 100%);--koh-bg-stream-gradient: none;--koh-bg-glass: rgba(45, 40, 37, .85);--koh-bg-glass-strong: #2d2825;--koh-bg-success-muted: rgba(182, 255, 64, .12);--koh-bg-danger-muted: rgba(240, 90, 94, .15);--koh-bg-voted: rgba(182, 255, 64, .15);--koh-text-primary: #fffbeb;--koh-text-secondary: #a19b95;--koh-text-muted: #7a736e;--koh-text-on-hero: #fffbeb;--koh-text-on-accent: #1a1614;--koh-text-on-yellow: #1a1614;--koh-text-on-green: #1a1614;--koh-text-on-coral: #fffbeb;--koh-text-accent: #f4b400;--koh-text-success: #b6ff40;--koh-text-danger: #f05a5e;--koh-text-card-header: #1a1614;--koh-text-label-gold: #b38b59;--koh-accent-primary: #f4b400;--koh-accent-primary-dark: #d4a000;--koh-accent-yellow: #f4b400;--koh-accent-yellow-solid: #f4b400;--koh-accent-green: #b6ff40;--koh-accent-green-bright: #b6ff40;--koh-accent-coral: #f05a5e;--koh-accent-coral-solid: #f05a5e;--koh-accent-gradient: #f4b400;--koh-accent-demo: #f05a5e;--koh-accent-podium: linear-gradient(135deg, #fbe18c 0%, #ffcc00 100%);--koh-accent-timer: #d4e157;--koh-accent-timer-warning: #ff5252;--koh-accent-timer-expired: #3a3430;--koh-glow-gold: 0 0 24px rgba(251, 225, 140, .45), 0 0 2px #ffcc00;--koh-glow-silver: 0 0 16px rgba(192, 192, 192, .35);--koh-glow-bronze: 0 0 16px rgba(230, 126, 110, .4);--koh-rank-gold-border: #ffcc00;--koh-rank-silver-border: #c0c0c0;--koh-rank-bronze-border: #e67e6e;--koh-rank-gold-text: #fbe18c;--koh-rank-green-text: #c1d95d;--koh-border-default: rgba(255, 251, 235, .1);--koh-border-focus: #f4b400;--koh-border-subtle: rgba(255, 251, 235, .08);--koh-border-yellow: #f4b400;--koh-border-coral: #f05a5e;--koh-border-green: #b6ff40;--koh-border-footer: rgba(255, 251, 235, .25);--koh-border-card: rgba(255, 251, 235, .12);--koh-border-host-player: #b6ff40;--koh-btn-primary-bg: #f4b400;--koh-btn-primary-text: #1a1614;--koh-btn-primary-shadow: 0 4px 16px rgba(244, 180, 0, .35);--koh-btn-success-bg: #38a139;--koh-btn-success-text: #fffbeb;--koh-btn-join-bg: #b6ff40;--koh-btn-join-text: #1a1614;--koh-btn-create-bg: #f4b400;--koh-btn-create-text: #1a1614;--koh-btn-demo-bg: #f05a5e;--koh-btn-demo-text: #fffbeb;--koh-btn-vote-bg: #ff5252;--koh-btn-vote-text: #fffbeb;--koh-btn-vote-shadow: 0 0 20px rgba(255, 82, 82, .45);--koh-btn-ghost-bg: rgba(255, 251, 235, .05);--koh-btn-ghost-text: #fffbeb;--koh-btn-ghost-border: rgba(255, 251, 235, .25);--koh-shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--koh-shadow-sm: 0 4px 16px rgba(0, 0, 0, .35);--koh-shadow-card-lg: 0 12px 40px rgba(0, 0, 0, .55);--koh-shadow-btn: 0 4px 16px rgba(0, 0, 0, .35);--koh-shadow-timer: 0 0 20px rgba(255, 82, 82, .45);--koh-radius-bento: 28px;--koh-radius-input: 12px;--koh-radius-pill: 9999px;--koh-radius-footer-btn: 16px;--koh-radius-card: 20px;--koh-radius-btn: 16px;--koh-font-display: "Fredoka One", "Luckiest Guy", cursive;--koh-font-ui: "Inter", "Poppins", system-ui, sans-serif;--koh-hero-text-shadow: none;--koh-body-color: #fffbeb;--koh-body-bg: #1e1915}[data-theme=dark] .koh-bg-pattern{position:relative;width:100%}[data-theme=dark] .koh-bg-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:radial-gradient(circle at 12% 18%,rgba(244,180,0,.15) 1px,transparent 1px),radial-gradient(circle at 78% 8%,rgba(240,90,94,.12) 1px,transparent 1px),radial-gradient(circle at 45% 62%,rgba(182,255,64,.1) 1px,transparent 1px),radial-gradient(circle at 88% 72%,rgba(244,180,0,.1) 1px,transparent 1px),radial-gradient(circle at 22% 85%,rgba(240,90,94,.08) 1px,transparent 1px),radial-gradient(circle at 62% 38%,rgba(255,251,235,.06) 1px,transparent 1px);background-size:120px 120px,160px 160px,140px 140px,180px 180px,130px 130px,150px 150px}[data-theme=dark] .koh-bg-pattern>*{position:relative;z-index:1}[data-theme=dark] .koh-bg-pattern:before{animation:kohConfettiDrift 60s linear infinite}@keyframes kohConfettiDrift{to{background-position:120px 240px,-160px 160px,140px -140px,-180px 180px,130px 260px,-150px 150px}}[data-theme=dark] .streamer-display.phase-voting.koh-bg-pattern:before,[data-theme=dark] .streamer-display.phase-voting-final.koh-bg-pattern:before{opacity:.55;animation:kohGoldDustRise 13s linear infinite}@keyframes kohGoldDustRise{to{background-position:80px -560px,-120px -480px,70px -640px,-110px -560px,75px -600px,-90px -520px}}@media (prefers-reduced-motion: reduce){[data-theme=dark] .koh-bg-pattern:before,.streamer-display:before,.streamer-display .animated-background:before,.streamer-display .animated-background:after,.streamer-display .bg-pattern,.streamer-display .pattern-circle,.streamer-display .particle,.streamer-display .shape{animation:none!important}.streamer-display .animated-background:before,.streamer-display .animated-background:after,.streamer-display .shape{transition:none!important}}[data-theme=dark] .rules-page,[data-theme=dark] .about-page,[data-theme=dark] .howto-page{font-family:var(--koh-font-ui)}[data-theme=dark] .rules-page .nav-bar,[data-theme=dark] .about-page .nav-bar,[data-theme=dark] .howto-page .nav-bar{background:#00000059}[data-theme=dark] .rules-page .back-btn:hover,[data-theme=dark] .about-page .back-btn:hover,[data-theme=dark] .howto-page .back-btn:hover{background:var(--koh-bg-card);color:var(--koh-text-accent)}[data-theme=dark] .streamer-display{background:var(--koh-bg-stream);font-family:var(--koh-font-ui)}[data-theme=dark] .streamer-display:before{display:none}[data-theme=dark] .streamer-display .animated-background{display:block}[data-theme=dark] .streamer-display .bg-pattern,[data-theme=dark] .streamer-display .particle-container{display:none}[data-theme=dark] .streamer-display .shape{opacity:.1}[data-theme=dark] .streamer-display .shape-1{background:#f4b40080}[data-theme=dark] .streamer-display .shape-2{background:#f05a5e73}[data-theme=dark] .streamer-display .shape-3{background:#b6ff4059}[data-theme=dark] .streamer-display .animated-background:before,[data-theme=dark] .streamer-display .animated-background:after{content:"";position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;z-index:0;pointer-events:none;opacity:0;transform:translateZ(0) scale(1);transform-origin:center;transition:opacity .9s ease;will-change:transform,opacity;backface-visibility:hidden}[data-theme=dark] .streamer-display .animated-background:before{background:radial-gradient(circle at 24% 28%,rgba(244,180,0,.26) 0%,rgba(244,180,0,.08) 22%,transparent 48%),radial-gradient(circle at 78% 70%,rgba(182,255,64,.15) 0%,rgba(182,255,64,.05) 20%,transparent 46%),radial-gradient(circle at 54% 40%,rgba(255,251,235,.08) 0%,transparent 35%);filter:blur(12px)}[data-theme=dark] .streamer-display.phase-answer .animated-background:before{opacity:.9;animation:kohDarkQuestionFlow 24s ease-in-out infinite}[data-theme=dark] .streamer-display .animated-background:after{background:radial-gradient(circle at 76% 24%,rgba(240,90,94,.22) 0%,rgba(240,90,94,.06) 24%,transparent 48%),radial-gradient(circle at 22% 76%,rgba(244,180,0,.2) 0%,rgba(244,180,0,.06) 26%,transparent 50%),linear-gradient(112deg,transparent 30%,rgba(240,90,94,.03) 42%,rgba(244,180,0,.12) 50%,rgba(255,251,235,.04) 58%,transparent 70%);filter:blur(14px)}[data-theme=dark] .streamer-display.phase-voting .animated-background:after{animation:kohDarkVoteWave 8s ease-in-out infinite}[data-theme=dark] .streamer-display.phase-voting-final .animated-background:after{filter:blur(13px) brightness(1.28)}[data-theme=dark] .streamer-display .decorative-shapes{z-index:1}[data-theme=dark] .streamer-display .shape{transition:opacity .9s ease;will-change:transform,opacity}[data-theme=dark] .streamer-display.phase-answer .shape{opacity:.11}[data-theme=dark] .streamer-display.phase-answer .shape-1{animation-duration:28s}[data-theme=dark] .streamer-display.phase-answer .shape-2{animation-duration:32s}[data-theme=dark] .streamer-display.phase-answer .shape-3{animation-duration:24s}[data-theme=dark] .streamer-display.phase-voting .shape,[data-theme=dark] .streamer-display.phase-voting-final .shape{border-radius:50%;top:auto;bottom:auto;left:auto;right:auto}[data-theme=dark] .streamer-display.phase-voting .shape-1,[data-theme=dark] .streamer-display.phase-voting-final .shape-1{top:6%;left:-25%;width:150vw;height:24vh;background:linear-gradient(96deg,transparent 0%,rgba(244,180,0,.34) 38%,rgba(255,213,79,.48) 50%,rgba(244,180,0,.34) 62%,transparent 100%);filter:blur(46px);animation:kohRibbonDrift1 9s ease-in-out infinite}[data-theme=dark] .streamer-display.phase-voting .shape-2,[data-theme=dark] .streamer-display.phase-voting-final .shape-2{bottom:4%;left:-25%;width:150vw;height:22vh;background:linear-gradient(-100deg,transparent 0%,rgba(240,90,94,.36) 38%,rgba(240,90,94,.46) 50%,rgba(240,90,94,.36) 62%,transparent 100%);filter:blur(46px);animation:kohRibbonDrift2 11s ease-in-out infinite}[data-theme=dark] .streamer-display.phase-voting .shape-3,[data-theme=dark] .streamer-display.phase-voting-final .shape-3{top:36%;left:-30%;width:160vw;height:20vh;background:linear-gradient(88deg,transparent 0%,rgba(255,251,235,.26) 42%,rgba(255,251,235,.34) 50%,rgba(255,251,235,.26) 58%,transparent 100%);filter:blur(52px);animation:kohRibbonDrift3 14s ease-in-out infinite}[data-theme=dark] .streamer-display.phase-voting-final .shape-1{filter:blur(46px) brightness(1.4)}[data-theme=dark] .streamer-display.phase-voting-final .shape-2{filter:blur(46px) brightness(.55)}[data-theme=dark] .streamer-display.phase-voting-final .shape-3{filter:blur(52px) brightness(1.25);background:linear-gradient(88deg,transparent 0%,rgba(255,213,79,.26) 42%,rgba(255,213,79,.36) 50%,rgba(255,213,79,.26) 58%,transparent 100%)}@keyframes kohDarkQuestionFlow{0%,to{transform:translate3d(-3%,2%,0) scale(1) rotate(-2deg)}35%{transform:translate3d(5%,-4%,0) scale(1.08) rotate(2deg)}70%{transform:translate3d(-1%,5%,0) scale(1.04) rotate(-1deg)}}@keyframes kohDarkVoteWave{0%,to{opacity:.6;transform:translate3d(-10%,4%,0) scale(1) rotate(-3deg)}50%{opacity:.9;transform:translate3d(10%,-5%,0) scale(1.16) rotate(3deg)}}@keyframes kohRibbonDrift1{0%{opacity:.16;transform:translate3d(-13%,3%,0) rotate(-7deg) scale(1)}25%{opacity:.3;transform:translate3d(-3%,-6%,0) rotate(2deg) scale(1.08)}50%{opacity:.38;transform:translate3d(13%,2%,0) rotate(7deg) scale(1.16)}75%{opacity:.24;transform:translate3d(3%,7%,0) rotate(0) scale(1.06)}to{opacity:.16;transform:translate3d(-13%,3%,0) rotate(-7deg) scale(1)}}@keyframes kohRibbonDrift2{0%{opacity:.12;transform:translate3d(13%,-3%,0) rotate(6deg) scale(1)}25%{opacity:.22;transform:translate3d(3%,6%,0) rotate(-2deg) scale(1.06)}50%{opacity:.28;transform:translate3d(-13%,-2%,0) rotate(-7deg) scale(1.14)}75%{opacity:.17;transform:translate3d(-3%,-7%,0) rotate(0) scale(1.04)}to{opacity:.12;transform:translate3d(13%,-3%,0) rotate(6deg) scale(1)}}@keyframes kohRibbonDrift3{0%{opacity:.1;transform:translate3d(-10%,-4%,0) rotate(-3deg) scale(1.02)}33%{opacity:.24;transform:translate3d(6%,6%,0) rotate(3deg) scale(1.14)}66%{opacity:.17;transform:translate3d(10%,-3%,0) rotate(-1deg) scale(1.08)}to{opacity:.1;transform:translate3d(-10%,-4%,0) rotate(-3deg) scale(1.02)}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%}body{width:100%;min-height:100vh;font-family:var(--koh-font-ui);line-height:1.6;color:var(--koh-body-color);background:var(--koh-body-bg);overflow-x:hidden}#app{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--koh-radius-btn);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center}.btn-primary{background:var(--koh-btn-primary-bg);color:var(--koh-btn-primary-text);box-shadow:var(--koh-btn-primary-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}[data-theme=dark] .btn-primary:hover{box-shadow:none;filter:brightness(1.06)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-success{background:var(--koh-btn-success-bg);color:var(--koh-btn-success-text)}.btn-success:hover{background:#218838;transform:translateY(-2px)}[data-theme=dark] .btn-success:hover{background:var(--koh-btn-success-bg);filter:brightness(1.06)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}[data-theme=dark] .form-label{color:var(--koh-text-secondary)}.form-control{width:100%;padding:.75rem;border:2px solid var(--koh-border-default);border-radius:var(--koh-radius-input);font-size:1rem;transition:border-color .3s ease;background:var(--koh-bg-input);color:var(--koh-text-primary)}.form-control:focus{outline:none;border-color:var(--koh-border-focus);box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .form-control:focus{box-shadow:0 0 0 3px #f4b40026}.form-control.error{border-color:var(--koh-text-danger)}.card{background:var(--koh-bg-card);border-radius:var(--koh-radius-card);box-shadow:var(--koh-shadow-card);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--koh-border-card)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}[data-theme=dark] .card:hover{box-shadow:var(--koh-shadow-card)}.card-header{background:var(--koh-bg-card-header);color:var(--koh-text-card-header);padding:1.5rem;text-align:center}.card-body{padding:2rem;color:var(--koh-text-primary)}.card-footer{background:var(--koh-bg-card-muted);padding:1rem 2rem;border-top:1px solid var(--koh-border-subtle)}.game-container{max-width:800px;margin:2rem auto;padding:0 1rem}.game-header{text-align:center;margin-bottom:2rem}.game-title{font-size:2.5rem;font-weight:700;color:var(--koh-text-primary);margin-bottom:.5rem}.game-subtitle{font-size:1.2rem;color:var(--koh-text-secondary);margin-bottom:1rem}.room-code{background:var(--koh-bg-card-muted);border:2px dashed var(--koh-accent-primary);border-radius:var(--koh-radius-input);padding:1rem;text-align:center;font-size:1.5rem;font-weight:700;color:var(--koh-accent-primary);letter-spacing:.2em}.player-list{display:grid;gap:1rem;margin-bottom:2rem}.player-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--koh-bg-card);border-radius:var(--koh-radius-input);box-shadow:var(--koh-shadow-sm)}[data-theme=dark] .player-item{border:1px solid var(--koh-border-subtle)}.player-info{display:flex;align-items:center;gap:1rem}.player-avatar{width:40px;height:40px;border-radius:50%;background:var(--koh-accent-gradient);display:flex;align-items:center;justify-content:center;color:var(--koh-text-on-accent);font-weight:700;font-size:1.2rem}.player-name{font-weight:600;color:var(--koh-text-primary)}.player-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--koh-accent-green)}.status-indicator.ready{background:var(--koh-accent-green)}.status-indicator.not-ready{background:var(--koh-text-danger)}.status-indicator.offline{background:#6c757d}.question-card{text-align:center;margin-bottom:2rem}.question-text{font-size:1.8rem;font-weight:700;color:var(--koh-text-primary);margin-bottom:2rem;line-height:1.4}.answer-input{width:100%;min-height:120px;padding:1rem;border:2px solid var(--koh-border-default);border-radius:var(--koh-radius-input);font-size:1.1rem;resize:vertical;font-family:inherit;background:var(--koh-bg-input);color:var(--koh-text-primary)}.answer-input:focus{outline:none;border-color:var(--koh-border-focus);box-shadow:0 0 0 3px #667eea1a}[data-theme=dark] .answer-input:focus{box-shadow:0 0 0 3px #f4b40026}.character-count{text-align:right;margin-top:.5rem;color:var(--koh-text-secondary);font-size:.9rem}.character-count.warning{color:var(--koh-accent-yellow-solid)}.character-count.error{color:var(--koh-text-danger)}.timer{text-align:center;margin-bottom:2rem}.timer-circle{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--koh-accent-primary) 0deg,var(--koh-border-default) 0deg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative}.timer-text{font-size:2rem;font-weight:700;color:var(--koh-text-primary)}.timer-label{font-size:1rem;color:var(--koh-text-secondary);text-transform:uppercase;letter-spacing:.1em}.voting-options{display:grid;gap:1rem;margin-bottom:2rem}.vote-option{background:var(--koh-bg-card);border:2px solid var(--koh-border-default);border-radius:var(--koh-radius-input);padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center}.vote-option:hover{border-color:var(--koh-border-focus);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}[data-theme=dark] .vote-option:hover{box-shadow:var(--koh-shadow-card)}.results-container{text-align:center}.results-title{font-size:2rem;font-weight:700;color:var(--koh-text-primary);margin-bottom:2rem}.score-display{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem}.score-item{text-align:center}.score-value{font-size:3rem;font-weight:700;color:var(--koh-accent-primary)}.score-label{font-size:1rem;color:var(--koh-text-secondary);text-transform:uppercase;letter-spacing:.1em}.leaderboard{background:var(--koh-bg-card);border-radius:var(--koh-radius-card);box-shadow:var(--koh-shadow-card);overflow:hidden;border:1px solid var(--koh-border-card)}.leaderboard-header{background:var(--koh-bg-card-header);color:var(--koh-text-card-header);padding:1.5rem;text-align:center}.leaderboard-title{font-size:1.5rem;font-weight:700;margin:0}.leaderboard-list{padding:0;margin:0;list-style:none}.leaderboard-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--koh-border-subtle)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item.winner{background:var(--koh-accent-podium);font-weight:700}.leaderboard-rank{font-size:1.5rem;font-weight:700;color:var(--koh-accent-primary);min-width:40px}.leaderboard-player{flex:1;margin-left:1rem}.leaderboard-name{font-weight:600;color:var(--koh-text-primary)}.leaderboard-points{font-size:1.2rem;font-weight:700;color:var(--koh-text-success)}@media (max-width: 768px){.container{padding:0 .5rem}.game-title{font-size:2rem}.question-text{font-size:1.5rem}.timer-circle{width:100px;height:100px}.timer-text{font-size:1.5rem}.score-display{flex-direction:column;gap:1rem}.player-item{flex-direction:column;align-items:flex-start;gap:1rem}.player-info{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}