.board-editor{min-height:100vh;padding:var(--space-6);background:var(--bg-primary);animation:fadeIn .3s ease-out}.editor-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:var(--space-8);max-width:1400px;margin-left:auto;margin-right:auto}.editor-header h1{text-align:center;font-size:var(--text-5xl);font-weight:var(--font-black);color:var(--color-white);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 0 var(--color-jeopardy-blue-darker),0 4px 8px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.5),0 0 50px rgba(212,175,55,.3);animation:slideDown .5s ease-out;justify-self:center}.back-btn{justify-self:start;background:var(--color-white);color:var(--color-jeopardy-blue);border:2px solid var(--color-gold);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-bold);font-size:var(--text-base);transition:all var(--transition-base);box-shadow:0 4px 12px #0003,0 0 15px #d4af3733}.back-btn:hover{background:var(--color-gold-light);color:var(--color-jeopardy-blue-darker);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766,0 4px 12px #0000004d,0 0 25px #d4af374d}.editor-header__actions{justify-self:start;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.close-room-btn{background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-bold);font-size:var(--text-sm)}.close-room-btn:hover{border-color:var(--color-white);background:#ffffff1a}.room-id{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;justify-self:end;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);color:var(--color-white);text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000004d,0 0 20px #d4af3733}.room-id-label{font-size:var(--text-base);line-height:1.1}.room-id strong{display:block;color:var(--color-gold-light);font-weight:var(--font-black);line-height:1.1}.editor-content{max-width:1400px;margin:0 auto}.prompt-section{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:0 10px 40px #0000004d,0 0 30px #d4af3733,0 0 50px #d4af371a;border:3px solid var(--color-gold);position:relative;transition:all var(--transition-base);animation:slideUp .6s ease-out}.prompt-section:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#d4af374d,#d4af371a);border-radius:inherit;z-index:-1;filter:blur(10px);opacity:.6}.prompt-section:hover{box-shadow:0 15px 50px #0006,0 0 40px #d4af374d,0 0 70px #d4af3733;transform:translateY(-2px)}.prompt-section:hover:before{opacity:.8}.prompt-section h2{margin-bottom:var(--space-6);color:var(--color-jeopardy-blue);font-size:var(--text-3xl);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.vibe-selection{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:2px solid rgba(212,175,55,.3)}.vibe-label{display:block;margin-bottom:var(--space-3);color:var(--color-jeopardy-blue);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.vibe-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.vibe-option{display:flex;align-items:center;cursor:pointer;padding:var(--space-2) var(--space-4);background:#d4af371a;border:2px solid rgba(212,175,55,.3);border-radius:var(--radius-full);transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-jeopardy-blue)}.vibe-option:hover{background:#d4af3733;border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.vibe-option input[type=radio]{display:none}.vibe-option input[type=radio]:checked+span{color:var(--color-jeopardy-blue-darker);font-weight:var(--font-bold)}.vibe-option:has(input[type=radio]:checked){background:var(--color-gold);border-color:var(--color-gold);color:var(--color-jeopardy-blue-darker);box-shadow:0 4px 15px #d4af3780,0 0 20px #d4af374d}.vibe-option span{-webkit-user-select:none;user-select:none;pointer-events:none}.prompt-input-group{display:flex;flex-direction:column;gap:var(--space-4);align-items:stretch;width:100%}.prompt-input{width:100%;min-width:0;min-height:10rem;padding:var(--space-4);border:3px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-family-base);resize:vertical;transition:all var(--transition-base);box-shadow:0 2px 8px #0000001a}.prompt-input-group .generate-btn{width:100%;white-space:normal;text-align:center}.prompt-input:focus{outline:none;border-color:var(--color-gold);box-shadow:0 4px 15px #d4af374d,0 0 20px #d4af3733}.generate-btn{padding:var(--space-4) var(--space-8);background:var(--color-gold);color:var(--color-jeopardy-blue-darker);border:3px solid var(--color-gold);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-black);cursor:pointer;transition:all var(--transition-base);box-shadow:0 6px 20px #d4af3780,0 2px 8px #0003,0 0 30px #d4af3766;text-transform:uppercase;letter-spacing:.05em}.generate-btn:hover:not(:disabled){background:var(--color-gold-light);transform:translateY(-3px);box-shadow:0 10px 30px #d4af3799,0 4px 12px #0000004d,0 0 40px #d4af3780}.generate-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #d4af3766}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0003}.board-section{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 10px 40px #0000004d,0 0 30px #d4af3733,0 0 50px #d4af371a;border:3px solid var(--color-gold);position:relative;animation:slideUp .8s ease-out}.board-section:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#d4af374d,#d4af371a);border-radius:inherit;z-index:-1;filter:blur(10px);opacity:.6}.board-section:hover:before{opacity:.8}.board-section h2{margin-bottom:var(--space-2);color:var(--color-jeopardy-blue);font-size:var(--text-3xl);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.instructions{color:var(--color-gray-600);margin-bottom:var(--space-6);font-size:var(--text-base);font-style:italic}.board-container{overflow-x:auto;margin-bottom:var(--space-8);padding:var(--space-2) 0}.editor-board{width:100%;border-collapse:separate;border-spacing:3px;background:var(--color-black);box-shadow:0 0 0 3px var(--color-black),var(--shadow-2xl),0 0 40px #d4af3733;min-width:900px;border-radius:var(--radius-lg);overflow:hidden}.editor-board th{background:var(--color-jeopardy-blue);color:var(--color-white);padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--text-xl);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.05em;border-bottom:4px solid var(--color-gold);position:relative;transition:all var(--transition-base);min-width:160px;max-width:200px;word-wrap:break-word}.editor-board th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--color-gold-light),transparent);opacity:0;transition:opacity var(--transition-base)}.editor-board th:hover:after{opacity:1}.editor-board th:hover{background:var(--color-primary-hover);box-shadow:0 0 20px #d4af3766,inset 0 0 15px #ffd7001a}.category-input{width:100%;padding:var(--space-2);border:2px solid transparent;background:#ffffff26;color:var(--color-white);font-weight:var(--font-black);font-size:var(--text-lg);text-align:center;border-radius:var(--radius-sm);transition:all var(--transition-base);text-transform:uppercase}.category-input::placeholder{color:#fff9;text-transform:none}.category-input:focus{outline:none;background:#ffffff40;border-color:var(--color-gold-light);box-shadow:0 0 15px #d4af3766,inset 0 0 10px #ffd7001a}.regenerate-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:var(--text-base);transition:all var(--transition-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.regenerate-btn:hover{background:#fff6;border-color:var(--color-gold-light);transform:scale(1.1) rotate(180deg);box-shadow:0 0 15px #d4af3780}.editor-board td{background:var(--color-jeopardy-blue);color:var(--color-gold-light);padding:var(--space-10) var(--space-4);border:2px solid var(--color-black);cursor:pointer;transition:all var(--transition-base);position:relative;min-height:120px;vertical-align:middle;font-size:var(--text-4xl);font-weight:var(--font-black);text-shadow:0 2px 4px rgba(0,0,0,.3)}.editor-board td:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity var(--transition-base)}.editor-board td:hover{background:var(--color-primary-hover);transform:scale(1.05);box-shadow:0 0 30px #d4af3799,inset 0 0 20px #ffd70033;z-index:10}.editor-board td:hover:before{opacity:1}.editor-board td:active{transform:scale(.98)}.editor-board td.editing{background:var(--color-gold);color:var(--color-jeopardy-blue-darker);box-shadow:0 0 40px #d4af37cc,inset 0 0 30px #ffd7004d;z-index:20;pointer-events:auto}.editor-board td.editing>*{pointer-events:auto}.cell-content{text-align:center}.value{font-size:var(--text-2xl);font-weight:var(--font-black);margin-bottom:var(--space-2);text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview{font-size:var(--text-sm);opacity:.9;font-weight:var(--font-medium)}.empty{font-size:var(--text-base);opacity:.6;font-style:italic;font-weight:var(--font-medium)}.edit-form{display:flex;flex-direction:column;gap:var(--space-2);position:relative;z-index:30;pointer-events:auto;width:100%;height:100%}.edit-form input{padding:var(--space-2);border:3px solid var(--color-jeopardy-blue-darker);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family-base);transition:all var(--transition-base);box-shadow:0 2px 8px #0003;pointer-events:auto;cursor:text;position:relative;z-index:31;background:var(--color-white);color:var(--color-jeopardy-blue-darker)}.edit-form input:focus{outline:none;border-color:var(--color-jeopardy-blue);box-shadow:0 4px 15px #060ce94d,0 0 20px #060ce933}.edit-form button{padding:var(--space-2) var(--space-4);background:var(--color-jeopardy-blue);color:var(--color-white);border:2px solid var(--color-gold);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-bold);font-size:var(--text-base);transition:all var(--transition-base);box-shadow:0 4px 12px #0003,0 0 15px #d4af3733;pointer-events:auto;position:relative;z-index:31}.edit-form button:hover{background:var(--color-jeopardy-blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766,0 4px 12px #0000004d,0 0 25px #d4af374d}.actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}.save-board-btn{padding:var(--space-3) var(--space-6);background:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.6);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer}.save-board-btn:hover:not(:disabled){border-color:var(--color-gold-light);color:var(--color-gold-light)}.save-board-btn:disabled{opacity:.5;cursor:not-allowed}.start-btn{padding:var(--space-4) var(--space-12);background:var(--color-gold);color:var(--color-jeopardy-blue-darker);border:3px solid var(--color-gold);border-radius:var(--radius-xl);font-size:var(--text-2xl);font-weight:var(--font-black);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 8px 25px #d4af3780,0 4px 12px #0000004d,0 0 35px #d4af3766;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.start-btn:hover:not(:disabled){background:var(--color-gold-light);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #d4af3799,0 6px 15px #0006,0 0 50px #d4af3780}.start-btn:hover:not(:disabled):before{width:300px;height:300px}.start-btn:active:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px #d4af3766}.start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0003}.error{background:var(--color-error);color:var(--color-white);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-4);text-align:center;font-weight:var(--font-semibold);font-size:var(--text-base);box-shadow:0 4px 15px #ef444466,0 0 20px #ef444433;border:2px solid var(--color-error-dark);animation:slideDown .3s ease-out}@media (max-width: 1200px){.editor-board{min-width:800px}.editor-board th,.editor-board td{min-width:140px;padding:var(--space-5) var(--space-3)}.editor-board th{font-size:var(--text-lg)}.editor-board td{font-size:var(--text-3xl)}}@media (max-width: 900px){.editor-header h1{font-size:var(--text-3xl)}.editor-board{min-width:700px}.editor-board th,.editor-board td{min-width:120px;padding:var(--space-4) var(--space-2)}.editor-board th{font-size:var(--text-base)}.editor-board td{font-size:var(--text-2xl)}.prompt-input-group{flex-direction:column}.generate-btn{width:100%}}@media screen and (max-width: 900px) and (orientation: landscape){.board-editor{padding:var(--space-3);padding-left:calc(var(--space-3) + var(--safe-area-left));padding-right:calc(var(--space-3) + var(--safe-area-right))}.editor-header{display:flex;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.editor-header h1{font-size:var(--text-2xl);flex:0 0 100%;order:-1;margin-bottom:var(--space-2)}.back-btn,.close-room-btn,.room-id{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.prompt-section{padding:var(--space-4);margin-bottom:var(--space-4)}.prompt-section h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.vibe-selection{margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.vibe-label{font-size:var(--text-sm);margin-bottom:var(--space-2)}.vibe-options{gap:var(--space-2)}.vibe-option{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.prompt-input{padding:var(--space-3);font-size:var(--text-sm)}.generate-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.board-section{padding:var(--space-4)}.board-section h2{font-size:var(--text-xl)}.instructions{font-size:var(--text-sm);margin-bottom:var(--space-4)}.editor-board{min-width:auto;width:100%}.editor-board th{padding:var(--space-2) var(--space-1);font-size:var(--text-xs);min-width:auto;max-width:none}.category-input{padding:var(--space-1);font-size:var(--text-xs)}.editor-board td{padding:var(--space-3) var(--space-1);font-size:var(--text-base);min-height:auto}.value{font-size:var(--text-base);margin-bottom:var(--space-1)}.preview,.empty{font-size:var(--text-xs)}.regenerate-btn{padding:var(--space-1);font-size:var(--text-sm)}.actions{margin-top:var(--space-4)}.start-btn{padding:var(--space-3) var(--space-8);font-size:var(--text-lg)}}@media screen and (max-width: 768px) and (orientation: portrait){.board-editor{padding:var(--space-3);padding-top:calc(var(--space-3) + var(--safe-area-top));padding-left:calc(var(--space-3) + var(--safe-area-left));padding-right:calc(var(--space-3) + var(--safe-area-right));padding-bottom:calc(var(--space-3) + var(--safe-area-bottom))}.editor-header{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.editor-header h1{font-size:var(--text-2xl);flex:0 0 100%;order:-1;margin-bottom:var(--space-2)}.back-btn,.close-room-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.room-id{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.prompt-section{padding:var(--space-4);margin-bottom:var(--space-4)}.prompt-section h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.vibe-options{gap:var(--space-2)}.vibe-option{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.prompt-input-group{flex-direction:column;gap:var(--space-3)}.prompt-input{padding:var(--space-3);font-size:var(--text-base)}.generate-btn{width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.board-section{padding:var(--space-4)}.board-section h2{font-size:var(--text-xl)}.instructions{font-size:var(--text-sm);margin-bottom:var(--space-3)}.board-container{overflow-x:visible;margin-bottom:var(--space-4)}.editor-board{min-width:0;width:100%;table-layout:fixed;border-spacing:2px}.editor-board th{padding:var(--space-2) 2px;font-size:.6rem;min-width:0;max-width:none;word-break:break-word}.category-input{padding:var(--space-1);font-size:.65rem}.editor-board td{padding:var(--space-2) 2px;font-size:var(--text-xs);min-height:0}.value{font-size:var(--text-sm);margin-bottom:var(--space-1)}.preview{font-size:.6rem;line-height:1.2}.empty{font-size:.65rem}.regenerate-btn{padding:2px 4px;font-size:var(--text-xs)}.actions{margin-top:var(--space-4)}.start-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-lg);width:100%}}@media screen and (max-width: 380px) and (orientation: portrait){.editor-board{border-spacing:1px}.editor-board th{font-size:.5rem;padding:var(--space-1) 1px}.editor-board td{padding:var(--space-1) 1px}.value{font-size:var(--text-xs)}.preview,.empty{font-size:.55rem}}@media screen and (max-width: 667px) and (orientation: landscape){.board-editor{padding:var(--space-2)}.editor-header h1{font-size:var(--text-xl)}.prompt-section,.board-section{padding:var(--space-3);border-radius:var(--radius-lg)}.prompt-section h2,.board-section h2{font-size:var(--text-lg)}.editor-board th{font-size:.6rem;padding:var(--space-1)}.editor-board td{padding:var(--space-2) var(--space-1);font-size:var(--text-sm)}.value{font-size:var(--text-sm)}}.quick-start{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:2px solid rgba(212,175,55,.3)}.quick-start-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.auto-generate-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-600);cursor:pointer}.theme-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.theme-chip{padding:var(--space-2) var(--space-4);background:var(--color-white);border:2px solid rgba(6,12,233,.25);border-radius:var(--radius-full);color:var(--color-jeopardy-blue);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.theme-chip:hover:not(:disabled){border-color:var(--color-jeopardy-blue);transform:translateY(-2px);box-shadow:0 4px 12px #060ce933}.theme-chip.selected{background:var(--color-jeopardy-blue);border-color:var(--color-jeopardy-blue);color:var(--color-white)}.theme-chip.surprise-chip{background:#d4af3726;border-color:var(--color-gold);color:var(--color-jeopardy-blue-darker)}.theme-chip:disabled,.instant-game-btn:disabled,.starter-board-card:disabled{opacity:.6;cursor:not-allowed}.instant-game{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.instant-game-btn{padding:var(--space-2) var(--space-4);background:var(--color-jeopardy-blue);color:var(--color-white);border:2px solid var(--color-jeopardy-blue-dark);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.instant-game-btn:hover:not(:disabled){background:var(--color-jeopardy-blue-dark)}.instant-game-hint{font-size:var(--text-sm);color:var(--color-gray-500)}.starter-boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.starter-boards-status{font-size:var(--text-sm);color:var(--color-gray-600)}.error-text{color:var(--color-error-dark)}.starter-board-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:left;background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.starter-board-card:hover:not(:disabled){border-color:var(--color-gold);box-shadow:0 4px 12px #d4af374d}.starter-board-title{font-weight:var(--font-bold);color:var(--color-jeopardy-blue-darker)}.starter-board-description{font-size:var(--text-sm);color:var(--color-gray-600)}.generation-progress{margin-top:var(--space-4)}.generation-progress-header{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-jeopardy-blue)}.generation-progress-time{color:var(--color-gray-500);font-variant-numeric:tabular-nums}.generation-progress-track{height:10px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.generation-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));border-radius:inherit;transition:width .25s linear}.regenerate-btn.spinning{animation:spin 1s linear infinite}.draft-note,.quality-note{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-gray-600)}.quality-note .quality-verified{color:var(--color-success-dark);font-weight:var(--font-semibold)}.quality-note .quality-warning{color:var(--color-warning-dark);font-weight:var(--font-semibold)}@media screen and (max-width: 768px){.theme-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.starter-boards{grid-template-columns:1fr}}.fullscreen-toggle{display:none;position:fixed;bottom:var(--space-3);right:var(--space-3);width:44px;height:44px;padding:var(--space-2);background:#ffffffe6;border:2px solid var(--color-gold);border-radius:var(--radius-md);cursor:pointer;z-index:var(--z-fixed);transition:all var(--transition-base);box-shadow:var(--shadow-lg)}.fullscreen-toggle:hover{background:var(--color-gold-light);transform:scale(1.1)}.fullscreen-toggle:active{transform:scale(.95)}.fullscreen-toggle svg{width:100%;height:100%;color:var(--color-jeopardy-blue)}@media screen and (max-width: 900px) and (orientation: landscape){.fullscreen-toggle{display:flex;align-items:center;justify-content:center;right:calc(var(--space-3) + var(--safe-area-right));bottom:calc(var(--space-3) + var(--safe-area-bottom))}}.fullscreen-toggle--inline{position:static;flex:none;width:36px;height:36px;padding:6px;box-shadow:none}@media screen and (max-width: 900px) and (orientation: landscape){.fullscreen-toggle--inline{right:auto;bottom:auto}}:fullscreen .fullscreen-toggle,:-webkit-full-screen .fullscreen-toggle,:-moz-full-screen .fullscreen-toggle,:-ms-fullscreen .fullscreen-toggle{bottom:var(--space-2);right:var(--space-2);opacity:.6}:fullscreen .fullscreen-toggle:hover,:-webkit-full-screen .fullscreen-toggle:hover,:-moz-full-screen .fullscreen-toggle:hover,:-ms-fullscreen .fullscreen-toggle:hover{opacity:1}@media (hover: none) and (pointer: coarse){.fullscreen-toggle:hover{transform:none;background:#ffffffe6}.fullscreen-toggle:active{background:var(--color-gold-light);transform:scale(.95)}}.answer-feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10000;pointer-events:none}.answer-feedback{background:#000000d9;border-radius:var(--radius-xl);padding:var(--space-8) var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:300px;box-shadow:0 8px 32px #00000080,0 0 60px #ffffff1a;animation:feedbackAppear .3s ease-out;pointer-events:auto}.answer-feedback-overlay.correct .answer-feedback{border:3px solid var(--color-success);box-shadow:0 8px 32px #22c55e66,0 0 60px #22c55e4d}.answer-feedback-overlay.incorrect .answer-feedback{border:3px solid var(--color-error);box-shadow:0 8px 32px #ef444466,0 0 60px #ef44444d}@keyframes feedbackAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-icon{font-size:80px;line-height:1;animation:iconPulse .5s ease-out}@keyframes iconPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.feedback-icon .checkmark{color:var(--color-success);text-shadow:0 0 20px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.6);animation:checkmarkDraw .6s ease-out}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.feedback-icon .cross{color:var(--color-error);text-shadow:0 0 20px rgba(239,68,68,.8),0 0 40px rgba(239,68,68,.6);animation:crossDraw .6s ease-out}@keyframes crossDraw{0%{opacity:0;transform:scale(0) rotate(45deg)}50%{opacity:1;transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.feedback-message{text-align:center;color:var(--color-white)}.feedback-player{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);opacity:.9}.feedback-result{font-size:var(--text-3xl);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.answer-feedback-overlay.correct .feedback-result{color:var(--color-success);text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(34,197,94,.6)}.answer-feedback-overlay.incorrect .feedback-result{color:var(--color-error);text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 20px rgba(239,68,68,.6)}.answer-feedback.visible{animation:feedbackAppear .3s ease-out}.answer-feedback.fading-out{animation:feedbackDisappear .3s ease-in forwards}@keyframes feedbackDisappear{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(20px)}}@media (max-width: 768px){.answer-feedback{min-width:250px;padding:var(--space-6) var(--space-8)}.feedback-icon{font-size:60px}.feedback-result{font-size:var(--text-2xl)}}.buzzer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6)}.buzzer-delay-indicator{background:#f59e0be6;color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #f59e0b66;animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.buzzer-button{width:240px;height:240px;border-radius:var(--radius-full);border:none;font-size:var(--text-xl);font-weight:var(--font-black);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:visible;text-transform:uppercase;letter-spacing:.05em}.buzzer-button.active{background:radial-gradient(circle at 30% 30%,var(--color-success),var(--color-success-dark));color:var(--color-white);box-shadow:0 8px 32px #22c55e80,inset 0 -8px 16px #0003,inset 0 2px 8px #ffffff4d;animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 8px 32px #22c55e80,inset 0 -8px 16px #0003,inset 0 2px 8px #ffffff4d}50%{transform:scale(1.02);box-shadow:0 8px 48px #22c55eb3,inset 0 -8px 16px #0003,inset 0 2px 8px #ffffff4d}}.buzzer-button.active:hover{transform:scale(1.08);box-shadow:0 12px 48px #22c55ecc,inset 0 -10px 20px #0000004d,inset 0 2px 8px #fff6}.buzzer-button.active:active{transform:scale(1) translateY(4px);box-shadow:0 4px 16px #22c55e66,inset 0 4px 16px #0006,inset 0 -2px 4px #fff3}.buzzer-button:disabled{background:radial-gradient(circle at 30% 30%,var(--color-gray-400),var(--color-gray-500));color:var(--color-gray-200);cursor:not-allowed;transform:scale(.95);box-shadow:0 4px 16px #0003,inset 0 -4px 8px #0000004d;animation:none}.buzzer-button.buzzed{background:radial-gradient(circle at 30% 30%,var(--color-warning),var(--color-warning-dark));color:var(--color-white);box-shadow:0 8px 32px #f59e0b80,inset 0 -8px 16px #0003,inset 0 2px 8px #ffffff4d;animation:none;cursor:default}.buzzer-button.fastest{background:radial-gradient(circle at 30% 30%,var(--color-gold-light),var(--color-gold-dark));color:var(--color-jeopardy-blue-darker);box-shadow:0 8px 32px #d4af37cc,inset 0 -8px 16px #0003,inset 0 2px 8px #ffffff80;animation:championGlow 1s ease-in-out infinite alternate}@keyframes championGlow{0%{box-shadow:0 8px 32px #d4af37cc,0 0 60px #ffd70099,inset 0 -8px 16px #0003,inset 0 2px 8px #ffffff80}to{box-shadow:0 12px 48px #d4af37,0 0 100px #ffd700e6,inset 0 -8px 16px #0003,inset 0 2px 8px #fff9}}.buzzer-label{font-size:var(--text-3xl);font-weight:var(--font-black);letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.buzzer-hint{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9;text-transform:none;letter-spacing:.05em}.buzzer-status{font-size:var(--text-2xl);font-weight:var(--font-black);letter-spacing:.1em}.buzzer-time{font-size:var(--text-3xl);font-weight:var(--font-black);margin-top:var(--space-2);text-shadow:0 2px 8px rgba(0,0,0,.3)}.fastest-badge{position:absolute;top:-15px;right:-15px;background:var(--color-white);color:var(--color-jeopardy-blue);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 16px #0000004d,0 0 20px #ffd70099;animation:bounce .6s cubic-bezier(.68,-.55,.265,1.55) infinite alternate}@keyframes bounce{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-8px) rotate(5deg)}}@media (max-width: 768px){.buzzer-button{width:200px;height:200px}.buzzer-label,.buzzer-time{font-size:var(--text-2xl)}.buzzer-status{font-size:var(--text-xl)}.fastest-badge{font-size:var(--text-sm);padding:var(--space-1) var(--space-4)}}@media (max-width: 480px){.buzzer-button{width:180px;height:180px}.buzzer-label{font-size:var(--text-xl)}.buzzer-hint{font-size:var(--text-xs)}.buzzer-time{font-size:var(--text-xl)}.buzzer-status{font-size:var(--text-lg)}}@media (hover: none) and (pointer: coarse){.buzzer-button.active{width:260px;height:260px}}@media screen and (max-width: 900px) and (orientation: landscape){.buzzer-container{padding:var(--space-1);gap:var(--space-1)}.buzzer-button{width:100px;height:100px}.buzzer-label{font-size:var(--text-base)}.buzzer-hint{font-size:.6rem;display:none}.buzzer-time{font-size:var(--text-base);margin-top:2px}.buzzer-status{font-size:var(--text-sm)}.buzzer-delay-indicator{font-size:.6rem;padding:2px var(--space-2)}.fastest-badge{font-size:.6rem;padding:2px var(--space-2);top:-8px;right:-8px}}@media screen and (max-width: 900px) and (orientation: landscape) and (hover: none) and (pointer: coarse){.buzzer-button{width:160px;height:160px}.buzzer-button.active:hover{transform:none}.buzzer-button.active:active{transform:scale(.95) translateY(2px)}}.answer-input-section{margin-top:var(--space-8);padding:var(--space-5);background:#fffffff2;border-radius:var(--radius-lg)}.answer-form{display:flex;flex-direction:column;gap:var(--space-4)}.answer-form label{font-weight:var(--font-bold);color:var(--color-gray-800);font-size:var(--text-lg)}.answer-form input{padding:var(--space-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-lg);transition:border-color var(--transition-base);min-height:var(--touch-target-min)}.answer-form input:focus{outline:none;border-color:var(--color-primary)}.answer-form button{padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary) 0%,#764ba2 100%);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:transform var(--transition-base);min-height:var(--touch-target-min)}.answer-form button:hover:not(:disabled){transform:scale(1.02)}.answer-form button:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width: 900px) and (orientation: landscape){.answer-input-section{margin-top:var(--space-4);padding:var(--space-3)}.answer-form{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.answer-form label{font-size:var(--text-base);flex:0 0 100%}.answer-form input{flex:1;min-width:200px;padding:var(--space-3);font-size:var(--text-base)}.answer-form button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);flex-shrink:0}}@media screen and (max-width: 667px) and (orientation: landscape){.answer-input-section{padding:var(--space-2);margin-top:var(--space-2)}.answer-form label{font-size:var(--text-sm)}.answer-form input{padding:var(--space-2);font-size:var(--text-sm);min-width:150px}.answer-form button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}.app.app--room{padding:0}.room-view{min-height:100vh;color:var(--color-white);overflow-x:hidden}.room-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6) var(--space-4);min-height:60vh;text-align:center}.room-connecting p{font-size:var(--text-xl);margin:0}.reconnect-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-popover);display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-warning);color:var(--color-gray-900);font-weight:var(--font-bold);box-shadow:var(--shadow-lg)}.gold-button.MuiButton-root{background:var(--color-gold);color:var(--color-black);font-weight:var(--font-black);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 20px #d4af3773}.gold-button.MuiButton-root:hover{background:var(--color-gold-light)}.gold-button.MuiButton-root.Mui-disabled{background:var(--color-gray-400);color:var(--color-gray-700);box-shadow:none}.ghost-button.MuiButton-root{color:var(--color-white);border:2px solid rgba(255,255,255,.7);font-weight:var(--font-bold)}.ghost-button.MuiButton-root:hover{border-color:var(--color-gold);border-width:2px;background:#ffffff1a}.ghost-button.MuiButton-root.Mui-disabled{color:#fff6;border-color:#ffffff40}.conn-dot{display:inline-block;flex:0 0 auto;width:10px;height:10px;border-radius:var(--radius-full)}.conn-dot--on{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.conn-dot--off{background:var(--color-gray-400)}.room-topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-6);background:#0000004d;border-bottom:3px solid var(--color-gold)}.room-topbar__title{font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold-light);font-size:var(--text-xl)}.room-topbar__code{margin-left:auto;font-family:var(--font-family-mono);font-weight:var(--font-bold);letter-spacing:.15em;font-size:var(--text-lg)}.room-topbar__menu.MuiIconButton-root{color:var(--color-white)}.room-code{display:flex;align-items:center;gap:var(--space-6)}.room-code__text{display:flex;flex-direction:column;min-width:0}.room-code__label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-weight:var(--font-semibold)}.room-code__value{font-family:var(--font-family-mono);font-weight:var(--font-black);color:var(--color-gold-light);letter-spacing:.15em;line-height:1;text-shadow:0 4px 16px rgba(0,0,0,.4)}.room-code__url{margin-top:var(--space-3);font-size:var(--text-lg);word-break:break-all}.room-code__qr{background:var(--color-white);padding:var(--space-2);border-radius:var(--radius-lg);line-height:0;flex:0 0 auto}.room-code--large{flex-direction:column;text-align:center}.room-code--large .room-code__value{font-size:clamp(4rem,10vw,9rem)}.room-code--small{background:#00000040;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);justify-content:space-between}.room-code--small .room-code__value{font-size:var(--text-4xl)}.host-lobby{display:grid;grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) var(--space-6);max-width:1400px;margin:0 auto}@media (min-width: 960px){.host-lobby{grid-template-columns:1fr 1fr;align-items:start}}.host-lobby__join{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.host-lobby__title{font-size:clamp(2rem,4vw,3.5rem);text-transform:uppercase;text-align:center;color:var(--color-white)}.host-lobby__players{background:#00000040;border:2px solid rgba(212,175,55,.5);border-radius:var(--radius-2xl);padding:var(--space-6)}.host-lobby__players h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.host-lobby__empty,.host-lobby__hint{font-size:var(--text-lg);opacity:.85;margin:var(--space-2) 0}.host-lobby__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-6)}.host-lobby__actions .MuiButton-root,.room-view--host .final-standings__actions .MuiButton-root,.clue-stage__actions .MuiButton-root{font-size:var(--text-xl);padding:var(--space-3) var(--space-8)}.player-chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3)}.player-chip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-white);color:var(--color-jeopardy-blue-darker);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);font-size:var(--text-xl);font-weight:var(--font-bold);animation:fadeIn .3s ease-out}.host-game{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-4) var(--space-6) var(--space-8);max-width:1800px;margin:0 auto}@media (min-width: 1100px){.host-game{grid-template-columns:minmax(0,1fr) 320px}}.host-game__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.host-game__status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.control-pill{background:var(--color-gold);color:var(--color-black);font-weight:var(--font-black);font-size:var(--text-2xl);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);box-shadow:var(--shadow-glow);overflow-wrap:anywhere}.host-game__left{font-size:var(--text-lg);opacity:.85}.host-game__side{display:flex;flex-direction:column;gap:var(--space-4)}.board-grid{display:grid;gap:6px;background:var(--color-black);padding:6px;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)}.board-grid__category{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-jeopardy-blue);color:var(--color-white);font-weight:var(--font-black);text-transform:uppercase;font-size:clamp(.85rem,1.4vw,1.5rem);line-height:1.15;padding:var(--space-3) var(--space-2);min-height:90px;border-bottom:4px solid var(--color-gold);overflow-wrap:anywhere}.board-grid__cell{display:flex;align-items:center;justify-content:center;min-height:11vh;background:var(--color-jeopardy-blue);color:var(--color-gold-light);font-size:clamp(1.6rem,3.6vw,3.6rem);font-weight:var(--font-black);text-shadow:2px 2px 0 var(--color-black);border:none;border-radius:0;font-family:var(--font-family-display)}button.board-grid__cell:not(:disabled){cursor:pointer}button.board-grid__cell:not(:disabled):hover,button.board-grid__cell:not(:disabled):focus-visible{background:var(--color-primary-hover);outline:3px solid var(--color-gold-light);outline-offset:-3px}button.board-grid__cell:disabled{cursor:default}.board-grid__cell--played{background:var(--color-jeopardy-blue-darker)}.board-grid__cell--current{outline:3px solid var(--color-gold-light);outline-offset:-3px}.board-grid--compact{gap:3px;padding:3px}.board-grid--compact .board-grid__category{font-size:.6rem;min-height:48px;padding:2px;border-bottom-width:2px}.board-grid--compact .board-grid__cell{min-height:52px;font-size:1.05rem;text-shadow:1px 1px 0 var(--color-black)}.clue-stage{display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-jeopardy-blue);border-radius:var(--radius-2xl);padding:clamp(var(--space-4),3vw,var(--space-12));box-shadow:0 0 0 5px var(--color-gold),var(--shadow-2xl);animation:scaleIn .3s ease-out}.clue-stage__status{margin:0;text-align:center;font-size:clamp(1.25rem,2.2vw,2rem);font-weight:var(--font-bold);overflow-wrap:anywhere}.clue-stage__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4)}.clue-card{display:flex;flex-direction:column;gap:var(--space-3)}.clue-card__header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:3px solid var(--color-gold);padding-bottom:var(--space-2)}.clue-card__category{font-weight:var(--font-black);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere}.clue-card__value{color:var(--color-gold-light);font-weight:var(--font-black);flex:0 0 auto}.clue-card__text{margin:0;font-weight:var(--font-semibold);line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 6px rgba(0,0,0,.6)}.clue-card--large .clue-card__header{font-size:clamp(1.25rem,2vw,2rem)}.clue-card--large .clue-card__text{font-size:clamp(1.75rem,3.8vw,3.6rem);text-align:center;padding:var(--space-6) 0}.clue-stage[data-phase=judging] .clue-card--large .clue-card__text,.clue-stage[data-phase=revealed] .clue-card--large .clue-card__text{font-size:clamp(1.25rem,2.2vw,2rem);padding:var(--space-2) 0}.clue-stage[data-phase=judging] .clue-stage__status{display:none}.clue-card--normal{background:var(--color-jeopardy-blue);border:3px solid var(--color-gold);border-radius:var(--radius-xl);padding:var(--space-4)}.clue-card--normal .clue-card__text{font-size:var(--text-xl)}.countdown{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0}.countdown__track{flex:1;height:10px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.countdown__bar{height:100%;background:var(--color-gold);transition:width .2s linear}.countdown__seconds{min-width:3ch;text-align:right;font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.countdown--urgent .countdown__bar{background:var(--color-error)}.host-judgment{display:flex;flex-direction:column;gap:var(--space-4);background:#00000059;border-radius:var(--radius-xl);padding:var(--space-6)}.host-judgment__attempt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.host-judgment__who{font-size:var(--text-2xl);font-weight:var(--font-bold)}.host-judgment__answer{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:var(--font-black);color:var(--color-gold-light);overflow-wrap:anywhere}.host-judgment__hint.MuiChip-root{font-size:var(--text-lg);font-weight:var(--font-bold)}.host-judgment__peek{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:#ffffffd9}.host-judgment__peek .MuiButton-root{font-size:var(--text-lg)}.host-judgment__correct{font-size:var(--text-xl)}.host-judgment__alternates{font-size:var(--text-base);opacity:.8}.host-judgment__buttons{display:flex;flex-wrap:wrap;gap:var(--space-4)}.host-judgment__btn.MuiButton-root{flex:1 1 200px;font-size:var(--text-2xl);font-weight:var(--font-black);padding:var(--space-4) var(--space-8)}.answer-reveal{background:#fffffff2;color:var(--color-jeopardy-blue-darker);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);text-align:center;border:4px solid transparent;overflow-wrap:anywhere}.answer-reveal__answer{display:flex;flex-direction:column;gap:var(--space-1)}.answer-reveal__label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-sm);font-weight:var(--font-bold);opacity:.7}.answer-reveal__answer strong{font-size:clamp(1.5rem,3vw,2.75rem);font-weight:var(--font-black);overflow-wrap:anywhere}.answer-reveal__outcome{margin:var(--space-2) 0 0;font-size:var(--text-xl);font-weight:var(--font-bold)}.answer-reveal--correct,.answer-reveal--win{border-color:var(--color-success)}.answer-reveal--miss{border-color:var(--color-error)}.answer-reveal--flash.answer-reveal--win{animation:flash-win 1.2s ease-out}.answer-reveal--flash.answer-reveal--miss{animation:flash-miss 1.2s ease-out}@keyframes flash-win{0%{box-shadow:0 0 #22c55ee6;transform:scale(1.04)}to{box-shadow:0 0 0 24px #22c55e00;transform:scale(1)}}@keyframes flash-miss{0%{box-shadow:0 0 #ef4444e6;transform:translate(-6px)}20%{transform:translate(6px)}40%{transform:translate(-4px)}to{box-shadow:0 0 0 24px #ef444400;transform:translate(0)}}.buzz-queue__title{font-size:var(--text-lg);margin-bottom:var(--space-2);opacity:.85}.buzz-queue__list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);counter-reset:buzz}.buzz-queue__item{counter-increment:buzz;display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff26;border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-lg);font-weight:var(--font-semibold)}.buzz-queue__item:before{content:counter(buzz) ".";opacity:.7}.buzz-queue__item--answering{background:var(--color-gold);color:var(--color-black)}.buzz-queue__item--done{text-decoration:line-through;opacity:.55}.buzz-queue__time{font-size:var(--text-sm);opacity:.8;font-variant-numeric:tabular-nums}.scoreboard{background:#00000040;border:2px solid rgba(212,175,55,.5);border-radius:var(--radius-xl);padding:var(--space-4)}.scoreboard__title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.scoreboard__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.scoreboard__item{display:flex;align-items:center;gap:var(--space-3);background:#fffffff2;color:var(--color-jeopardy-blue-darker);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border-left:6px solid transparent;font-size:var(--text-xl)}.scoreboard__item--control{border-left-color:var(--color-gold)}.scoreboard__item--me{box-shadow:0 0 0 3px var(--color-gold-light)}.scoreboard__item--away{opacity:.6}.scoreboard__name{flex:1;min-width:0;font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard__score{font-weight:var(--font-black);font-variant-numeric:tabular-nums}.scoreboard__score.negative{color:var(--color-error-dark)}.scoreboard--compact .scoreboard__item{font-size:var(--text-base)}.final-standings{width:100%;max-width:720px;background:var(--color-jeopardy-blue);border:4px solid var(--color-gold);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-2xl)}.final-standings__crown{font-size:3.5rem;line-height:1}.final-standings__title{font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;color:var(--color-white)}.final-standings__headline{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--color-gold-light);font-weight:var(--font-black);margin:var(--space-2) 0 var(--space-4);overflow-wrap:anywhere}.final-standings__subtitle{font-size:var(--text-xl);margin-bottom:var(--space-2)}.final-standings__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.final-standings__row{display:flex;align-items:center;gap:var(--space-3);background:#fffffff2;color:var(--color-jeopardy-blue-darker);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-xl)}.final-standings__row--first{background:linear-gradient(135deg,var(--color-gold-light),var(--color-gold))}.final-standings__row--me{box-shadow:0 0 0 3px var(--color-white),0 0 0 6px var(--color-gold)}.final-standings__rank{font-weight:var(--font-black);min-width:2.5ch}.final-standings__name{flex:1;min-width:0;font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.final-standings__score{font-weight:var(--font-black);font-variant-numeric:tabular-nums}.final-standings__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}@media (min-width: 600px){.room-view--host .final-standings__actions{flex-direction:row;justify-content:center}}.manage-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.manage-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.manage-row__name{flex:1 1 120px;min-width:0;font-weight:var(--font-bold);overflow-wrap:anywhere}.player-room{max-width:560px;margin:0 auto;padding:0 var(--space-3) var(--space-8);min-height:100vh}.player-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;margin-bottom:var(--space-3);background:var(--color-jeopardy-blue-dark);border-bottom:2px solid var(--color-gold)}.player-header__name{flex:1;min-width:0;font-weight:var(--font-bold);font-size:var(--text-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-header__score{font-weight:var(--font-black);font-size:var(--text-xl);color:var(--color-gold-light);font-variant-numeric:tabular-nums}.player-header__score.negative{color:#fca5a5}.player-header__menu.MuiIconButton-root{color:var(--color-white)}.player-main{display:flex;flex-direction:column;gap:var(--space-4)}.player-headline{margin:var(--space-2) 0;text-align:center;font-size:var(--text-2xl);font-weight:var(--font-black);overflow-wrap:anywhere}.player-headline--turn{color:var(--color-gold-light)}.player-status{margin:0;text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);background:#00000040;border-radius:var(--radius-lg);padding:var(--space-4);overflow-wrap:anywhere}.player-code{display:flex;flex-direction:column;align-items:center}.player-code strong{font-family:var(--font-family-mono);font-size:var(--text-5xl);letter-spacing:.15em;color:var(--color-gold-light)}.player-room .buzzer-container{padding:var(--space-2)}.player-room .buzzer-button{width:min(72vw,260px);height:min(72vw,260px);font-size:var(--text-3xl);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.player-room .buzzer-label{font-size:3rem}.buzzer-reason{margin:0;text-align:center;font-weight:var(--font-semibold);opacity:.9}.player-room .answer-form{background:#fffffff2;border-radius:var(--radius-lg);padding:var(--space-4)}.player-room .answer-form input{font-size:1.125rem;width:100%}.player-room .final-standings{padding:var(--space-4)}.spectator-view{max-width:720px;margin:0 auto}.resume-banner.MuiAlert-root{max-width:720px;margin:0 auto var(--space-4)}.app{min-height:100vh;padding:20px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#fff}.app-header h1{font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.new-game-btn{padding:10px 20px;font-size:1rem;background:#fff;color:#667eea;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:transform .2s}.new-game-btn:hover{transform:scale(1.05)}.error{background:#f44;color:#fff;padding:15px;border-radius:5px;margin:20px 0;text-align:center}:root{--color-jeopardy-blue: #060CE9;--color-jeopardy-blue-dark: #04099D;--color-jeopardy-blue-darker: #030663;--color-gold: #D4AF37;--color-gold-light: #FFD700;--color-gold-dark: #B8941F;--color-primary: #060CE9;--color-primary-hover: #0510FF;--color-secondary: #D4AF37;--color-secondary-hover: #FFD700;--color-success: #22C55E;--color-success-dark: #16A34A;--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-error: #EF4444;--color-error-dark: #DC2626;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-black: #000000;--bg-primary: linear-gradient(135deg, #060CE9 0%, #04099D 100%);--bg-game-board: #060CE9;--bg-overlay: rgba(0, 0, 0, .95);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Courier New", 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;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(212, 175, 55, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--touch-target-min: 44px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.5;color:var(--color-gray-900);background:var(--bg-primary);min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.025em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}strong{font-weight:var(--font-semibold)}button{font-family:var(--font-family-base);cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:var(--font-family-base);font-size:var(--text-base);outline:none;transition:all var(--transition-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.uppercase{text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{text-shadow:0 4px 8px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.6),0 0 50px rgba(212,175,55,.4),0 0 70px rgba(212,175,55,.2)}to{text-shadow:0 4px 8px rgba(0,0,0,.5),0 0 40px rgba(212,175,55,.8),0 0 70px rgba(212,175,55,.6),0 0 100px rgba(212,175,55,.4)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-gray-100)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:var(--color-secondary);color:var(--color-white)}::-moz-selection{background:var(--color-secondary);color:var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,input,select,textarea{touch-action:manipulation}.safe-padding{padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left)}.safe-padding-x{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-padding-y{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}@media screen and (max-width: 900px) and (orientation: landscape){body{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}html{font-size:14px}}@media (hover: none) and (pointer: coarse){button,a,input[type=button],input[type=submit],.clickable{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}button:hover,a:hover{transition:none}.game-view{-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}