:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-bg: #eef2ff;--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #d1fae5;--color-error: #ef4444;--color-error-light: #f87171;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fef3c7;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-bg: #f9fafb;--color-white: #ffffff;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75rem;--spacing-20: 5rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow-primary: 0 0 20px -5px var(--color-primary-light);--shadow-glow-success: 0 0 20px -5px var(--color-success-light);--shadow-glow-error: 0 0 20px -5px var(--color-error-light);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px) rotate(-2deg)}40%{transform:translate(4px) rotate(2deg)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white)}.glass-effect{background:#ffffffb3;border:1px solid rgba(255,255,255,.4)}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){.glass-effect{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){.glass-effect{background:#fffffff2}}.card{background-color:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:var(--font-medium);padding:var(--spacing-3) var(--spacing-6);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);cursor:pointer;border:none;font-size:var(--text-sm)}.btn:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@keyframes pulse{0%,to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}}@keyframes fadeIn{0%,to{opacity:1}}@keyframes slideUp{0%,to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%,to{transform:scale(1);opacity:1}}}:root{font-family:var(--font-primary);line-height:var(--leading-normal);font-weight:var(--font-normal);color-scheme:light;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-light)}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-bold);line-height:var(--leading-tight)}button{font-family:inherit;cursor:pointer;border:none;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}._container_17vhm_1{text-align:center;padding:var(--spacing-10) var(--spacing-5);max-width:600px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center}._title_17vhm_12{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-10);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));cursor:default;-webkit-user-select:none;user-select:none;transition:transform var(--duration-base) var(--ease-out)}._title_17vhm_12:hover{animation:_pulse_17vhm_1 2s infinite}._difficultySection_17vhm_30{margin-bottom:var(--spacing-8);display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}._difficultyLabel_17vhm_38{font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--color-text-secondary)}._difficultySelect_17vhm_44{font-size:var(--text-xl);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);border:2px solid var(--color-primary);background-color:var(--color-white);color:var(--color-text-primary);box-shadow:var(--shadow-sm);cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);appearance:none;padding-right:var(--spacing-8);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}._difficultySelect_17vhm_44:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}._difficultySelect_17vhm_44:focus{box-shadow:0 0 0 3px var(--color-primary-bg);border-color:var(--color-primary-dark)}._buttonContainer_17vhm_74{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;width:100%}._btn_17vhm_82{font-size:var(--text-xl);padding:var(--spacing-4) var(--spacing-12);border-radius:var(--radius-md);width:280px;font-weight:var(--font-bold);color:var(--color-white);border:none;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out);position:relative;overflow:hidden}._btn_17vhm_82:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}._btn_17vhm_82:active{transform:translateY(0);transform:scale(.98)}._btnSolo_17vhm_107{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}._btnSolo_17vhm_107:hover{box-shadow:var(--shadow-glow-primary)}._btnCreate_17vhm_114{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success) 100%);background-color:var(--color-success)}._btnCreate_17vhm_114:hover{box-shadow:var(--shadow-glow-success)}._btnJoin_17vhm_122{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning) 100%);background-color:var(--color-warning)}._btnJoin_17vhm_122:hover{box-shadow:0 10px 15px -3px #f59e0b4d}._timer_k5ib9_1{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow-primary);text-shadow:0 2px 4px rgba(0,0,0,.2);transition:background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);min-width:120px}._warning_k5ib9_19{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-light) 100%);box-shadow:var(--shadow-lg),0 0 20px -5px var(--color-warning);animation:_pulse_k5ib9_1 1s infinite}._critical_k5ib9_25{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-light) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow-error);animation:_shake_k5ib9_1 .5s cubic-bezier(.36,.07,.19,.97) both infinite}._container_1qoyl_1{display:flex;flex-direction:column;gap:var(--spacing-3)}._optionButton_1qoyl_7{position:relative;display:flex;align-items:center;width:100%;text-align:left;padding:var(--spacing-4) var(--spacing-6);min-height:var(--spacing-12);font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}._optionButton_1qoyl_7:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translate(4px);z-index:1}._optionButton_1qoyl_7:active:not(:disabled){background-color:var(--color-primary-bg);transform:translate(4px) scale(.98)}._optionButton_1qoyl_7:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-bg);transform:none;box-shadow:none}._container_155yz_1{text-align:center;padding:var(--spacing-8)}._question_155yz_6{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-8)}._skipButton_155yz_14{margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-border);color:var(--color-text-primary);border:2px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}._skipButton_155yz_14:hover:not(:disabled){border-color:var(--color-text-secondary);background-color:var(--color-bg);transform:translateY(-1px)}._skipButton_155yz_14:active:not(:disabled){transform:translateY(0)}._skipButton_155yz_14:disabled{opacity:.5;cursor:not-allowed}._toast_19e2k_1{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-6) var(--spacing-10);border-radius:var(--radius-2xl);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white);z-index:9999;border:1px solid rgba(255,255,255,.4);text-shadow:0 2px 4px rgba(0,0,0,.2);animation:_toastEnter_19e2k_1 .35s var(--ease-out) forwards;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity}@supports (backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px)){._toast_19e2k_1{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@supports not ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){._toast_19e2k_1{background:#000000e6}}._correct_19e2k_38{background:linear-gradient(135deg,#10b981d9,#34d39999);box-shadow:var(--shadow-xl),var(--shadow-glow-success),inset 0 0 20px #ffffff4d;border-color:#a7f3d099}._wrong_19e2k_44{background:linear-gradient(135deg,#ef4444d9,#f8717199);box-shadow:var(--shadow-xl),var(--shadow-glow-error),inset 0 0 20px #ffffff4d;border-color:#fecaca99;animation:_toastEnter_19e2k_1 .35s var(--ease-out) forwards,_shake_19e2k_1 .5s var(--ease-bounce) .2s}@keyframes _toastEnter_19e2k_1{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes _shake_19e2k_1{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 4px),-50%) rotate(-2deg)}40%{transform:translate(calc(-50% + 4px),-50%) rotate(2deg)}60%{transform:translate(calc(-50% - 2px),-50%)}80%{transform:translate(calc(-50% + 2px),-50%)}}._container_f87c7_1{text-align:center;padding:var(--spacing-10) var(--spacing-5);max-width:800px;margin:0 auto}._title_f87c7_8{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-6);color:var(--color-text-primary);animation:_scaleIn_f87c7_1 var(--duration-slow) var(--ease-bounce) backwards}._scoreContainer_f87c7_16{display:flex;gap:var(--spacing-4);justify-content:center;align-items:center;margin-bottom:var(--spacing-6);flex-wrap:wrap}._scoreCard_f87c7_25{padding:var(--spacing-6);border-radius:var(--radius-xl);min-width:140px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-2);transition:transform var(--duration-base) var(--ease-out);animation:_slideUp_f87c7_1 var(--duration-slow) var(--ease-bounce) backwards;background-color:var(--color-bg);border:1px solid var(--color-border)}._scoreCard_f87c7_25:nth-child(1){animation-delay:.1s}._scoreCard_f87c7_25:nth-child(3){animation-delay:.2s}._scoreCard_f87c7_25._winner_f87c7_44{background-color:var(--color-success-bg);border:2px solid var(--color-success);transform:scale(1.05);z-index:10}._scoreCard_f87c7_25._loser_f87c7_51{background-color:var(--color-error-bg);border:2px solid var(--color-error);opacity:.9}._summaryCard_f87c7_58{background-color:var(--color-bg);padding:var(--spacing-8);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);animation:_slideUp_f87c7_1 var(--duration-base) var(--ease-out) backwards}._playerName_f87c7_68{font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text-primary)}._score_f87c7_16{font-size:var(--text-3xl);font-weight:var(--font-bold)}._score_f87c7_16._winner_f87c7_44{color:var(--color-success)}._score_f87c7_16._loser_f87c7_51{color:var(--color-error)}._score_f87c7_16._neutral_f87c7_81{color:var(--color-primary)}._details_f87c7_83{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}._vs_f87c7_89{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-secondary);opacity:.5;font-style:italic;animation:_scaleIn_f87c7_1 var(--duration-base) var(--ease-out) .15s backwards}._aiComment_f87c7_98{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-light);color:var(--color-text-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);font-size:var(--text-lg);line-height:var(--leading-relaxed);text-align:left;box-shadow:var(--shadow-md);position:relative;animation:_slideUp_f87c7_1 var(--duration-slow) var(--ease-out) .3s backwards}._aiComment_f87c7_98:before{content:"🤖";margin-right:var(--spacing-2)}._encouragement_f87c7_119{font-size:var(--text-xl);margin-bottom:var(--spacing-8);color:var(--color-text-secondary);font-weight:var(--font-medium);animation:_fadeIn_f87c7_1 var(--duration-base) ease-in .4s backwards}._buttonGroup_f87c7_127{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;animation:_slideUp_f87c7_1 var(--duration-base) var(--ease-out) .5s backwards}._button_f87c7_127{font-size:var(--text-xl);padding:var(--spacing-3) var(--spacing-8);border-radius:var(--radius-lg);border:none;cursor:pointer;font-weight:var(--font-bold);color:var(--color-white);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._button_f87c7_127:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}._button_f87c7_127:active{transform:scale(.98)}._buttonPrimary_f87c7_157{background-color:var(--color-success)}._buttonPrimary_f87c7_157:hover{background-color:var(--color-success-light)}._buttonSecondary_f87c7_164{background-color:var(--color-text-secondary)}._buttonSecondary_f87c7_164:hover{background-color:var(--color-text-primary)}._container_1jy5m_1{max-width:600px;margin:0 auto;padding:var(--spacing-5);animation:_fadeIn_1jy5m_1 var(--duration-base) var(--ease-out)}._timerContainer_1jy5m_8{display:flex;justify-content:center;margin-bottom:var(--spacing-6);position:sticky;top:var(--spacing-2);z-index:10;filter:drop-shadow(var(--shadow-md))}._cardBase_1jy5m_18{border-radius:var(--radius-xl);padding:var(--spacing-4);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);position:relative;overflow:hidden}._myCard_1jy5m_27{background-color:var(--color-primary-bg);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-lg);border:2px solid var(--color-primary-light)}._opponentCard_1jy5m_35{background-color:var(--color-bg);margin-bottom:0;box-shadow:var(--shadow-md);opacity:.8;border:1px solid var(--color-border)}._playerInfoContainer_1jy5m_44{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}._playerDetails_1jy5m_51{display:flex;align-items:center;gap:var(--spacing-3)}._playerName_1jy5m_57{font-weight:var(--font-bold);font-family:var(--font-primary);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}._scoreDisplay_1jy5m_64{font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-mono);line-height:var(--leading-tight)}._myScore_1jy5m_71{color:var(--color-primary);text-shadow:0 0 20px var(--color-primary-bg)}._opponentScore_1jy5m_76{color:var(--color-text-secondary)}._loadingState_1jy5m_80,._waitingState_1jy5m_80{text-align:center;padding:var(--spacing-5);color:var(--color-text-secondary);font-style:italic;font-size:var(--text-sm)}._waitingState_1jy5m_80{color:var(--color-text-secondary)}._disabledWrapper_1jy5m_92{pointer-events:none;filter:grayscale(.5)}