*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--abyss:#060c18;--navy-deep:#0a1628;--navy:#0d1b2a;--navy-mid:#152238;--navy-light:#1e3050;--navy-glow:#243d5c;--gold:#c9a227;--gold-bright:#e8c840;--gold-pale:#f2dc8a;--gold-dim:#c9a22714;--bronze:#a67c2e;--bronze-dark:#7a5a1e;--marble:#ddd8d0;--marble-dark:#b8b0a4;--marble-light:#edeae4;--marble-warm:#e8dfd2;--olympus-blue:#3a6a9f;--divine-purple:#5a3d8a;--error:#b33025;--success:#2a8a50;--bg:var(--abyss);--bg-card:var(--navy-mid);--text:var(--marble);--text-muted:#7a8ea8;--text-heading:var(--gold);--card-a:linear-gradient(160deg, #3a2d70 0%, #5a3d8a 100%);--card-b:linear-gradient(160deg, #1a5a4a 0%, #258a72 100%);--card-c:linear-gradient(160deg, #6a2828 0%, #9a3535 100%);--greek-key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10' viewBox='0 0 40 10'%3E%3Cpath d='M0 5h5v5h5V5h5V0h5v5h5v5h5V5h5V0h5v5' fill='none' stroke='%23c9a22718' stroke-width='0.75'/%3E%3C/svg%3E");--meander-border:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='12' viewBox='0 0 48 12'%3E%3Cpath d='M0 6h6V0h6v6h6V0h6v6h6V0h6v6h6v6h-6V6h-6v6h-6V6h-6v6h-6V6H6v6H0z' fill='%23c9a22720'/%3E%3C/svg%3E")}body{color:var(--text);background:var(--abyss);min-height:100vh;font-family:"Source Sans 3",sans-serif;overflow-x:hidden}body:before{content:"";z-index:-3;background:url(/images/2_background.png) 50%/cover no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-2;background:radial-gradient(#060c184d 0%,#060c1899 100%);position:fixed;inset:0}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 50%,#060c1899 100%);position:fixed;inset:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes glow-gold{0%,to{box-shadow:0 0 12px #c9a22726,0 0 40px #c9a2270d}50%{box-shadow:0 0 20px #c9a2274d,0 0 60px #c9a2271a}}@keyframes lightning-flash{0%,to{opacity:0}4%,8%{opacity:1}12%{opacity:0}16%,18%{opacity:.7}22%{opacity:0}}@keyframes divine-glow{0%,to{text-shadow:0 2px 30px #c9a22740,0 0 60px #c9a22714}50%{text-shadow:0 2px 40px #c9a22780,0 0 100px #c9a22726}}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}@keyframes shimmer-gold{0%{background-position:-200%}to{background-position:200%}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes carved-reveal{0%{opacity:0;filter:brightness(1.5);transform:scale(.95)}to{opacity:1;filter:brightness();transform:scale(1)}}.prompt-card,.game-settings,.result-card,.score-entry.first-place{background-image:var(--meander-border), var(--meander-border);background-position:top,bottom;background-repeat:repeat-x;background-size:48px 12px}.timer-ring{width:96px;height:96px;margin:0 auto 1.5rem;animation:.4s ease-out scaleIn;position:relative}.timer-ring:before{content:"";background:radial-gradient(circle at 50% 0,#c9a2274d 0,#0000 2px),radial-gradient(circle at 100%,#c9a2274d 0,#0000 2px),radial-gradient(circle at 50% 100%,#c9a2274d 0,#0000 2px),radial-gradient(circle at 0%,#c9a2274d 0,#0000 2px),radial-gradient(circle at 85% 15%,#c9a22733 0,#0000 1.5px),radial-gradient(circle at 85% 85%,#c9a22733 0,#0000 1.5px),radial-gradient(circle at 15% 85%,#c9a22733 0,#0000 1.5px),radial-gradient(circle at 15% 15%,#c9a22733 0,#0000 1.5px);border:1px solid #c9a2271f;border-radius:50%;position:absolute;inset:-6px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-track{fill:none;stroke:var(--navy-light);stroke-width:3.5px}.timer-progress{fill:none;stroke:var(--gold);stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 4px #c9a2274d);transition:stroke .3s}.timer-text{color:var(--gold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:1.35rem;font-weight:700;display:flex;position:absolute;inset:0}.timer-low .timer-progress{stroke:var(--error);filter:drop-shadow(0 0 6px #b3302566)}.timer-low .timer-text{color:var(--error);animation:.7s infinite pulse}.btn{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:.85rem 2rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;transition:all .3s;position:relative}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:linear-gradient(170deg, #dab530 0%, var(--gold) 40%, var(--bronze) 100%);color:var(--navy-deep);box-shadow:0 2px 0 var(--bronze-dark), 0 6px 20px #c9a22733, inset 0 1px 0 #fff3;text-shadow:0 1px #ffffff26}.btn-primary:hover:not(:disabled){box-shadow:0 4px 0 var(--bronze-dark), 0 10px 30px #c9a22759, inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--bronze-dark), 0 2px 10px #c9a22726;transform:translateY(1px)}.btn-secondary{background:linear-gradient(170deg, var(--navy-light) 0%, var(--navy-mid) 100%);color:var(--gold);border:1px solid #c9a22733;box-shadow:inset 0 1px #ffffff0a}.btn-secondary:hover:not(:disabled){background:linear-gradient(170deg, var(--navy-glow) 0%, var(--navy-light) 100%);border-color:#c9a22766;transform:translateY(-1px)}.btn-large{padding:1.05rem 3rem;font-size:.95rem}.btn-link{color:var(--text-muted);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;margin-top:1rem;padding:.4rem;font-family:"Source Sans 3",sans-serif;font-size:.9rem;transition:color .2s}.btn-link:hover{color:var(--gold)}.home-page,.login-page,.join-page,.waiting-room,.answer-input,.vote-picker,.vote-results,.player-lobby,.player-score,.round-scores-view,.final-view,.loading-view{-webkit-backdrop-filter:blur(12px);background:#0a0e1eb3;border:1px solid #c9a2271a;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d}.home-page{text-align:center;animation:.8s ease-out fadeInUp;position:relative}.home-page:before,.home-page:after{content:"";background:linear-gradient(#0000 0%,#c9a22726 15%,#c9a22740 50%,#c9a22726 85%,#0000 100%);width:3px;position:absolute;top:-40px;bottom:-40px}.home-page:before{left:-50px}.home-page:after{right:-50px}.home-logo{filter:drop-shadow(0 8px 30px #c9a2274d);width:100%;max-width:420px;height:auto;margin-bottom:.5rem;animation:.6s ease-out scaleIn,4s ease-in-out .6s infinite float-slow}.page-logo{filter:drop-shadow(0 4px 16px #c9a22740);width:100%;max-width:220px;height:auto;margin-bottom:1.2rem;animation:.4s ease-out scaleIn}.game-subtitle{color:var(--text-muted);letter-spacing:.06em;margin-bottom:3rem;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-style:italic}.home-buttons{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-page,.join-page{text-align:center;width:100%;max-width:380px;animation:.5s ease-out fadeInUp}.login-page h2,.join-page h2{color:var(--gold);letter-spacing:.06em;margin-bottom:1.8rem;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.login-form,.join-form{flex-direction:column;gap:.75rem;display:flex}.login-form input,.join-form input,.answer-form textarea,.settings-select{width:100%;color:var(--marble);background:#152238b3;border:1px solid #c9a2271f;border-radius:2px;outline:none;padding:.85rem 1.1rem;font-family:"Source Sans 3",sans-serif;font-size:1rem;transition:border-color .3s,box-shadow .3s,background .3s;box-shadow:inset 0 2px 4px #0003}.login-form input:focus,.join-form input:focus,.answer-form textarea:focus,.settings-select:focus{border-color:var(--gold);background:#152238d9;box-shadow:inset 0 2px 4px #0003,0 0 0 2px #c9a2271a}.login-form input::placeholder,.join-form input::placeholder,.answer-form textarea::placeholder{color:var(--text-muted);opacity:.5}.btn-twitch{color:#fff;text-transform:none;letter-spacing:0;background:linear-gradient(170deg,#a05aff,#7c3aed);justify-content:center;align-items:center;gap:.6rem;width:100%;font-family:"Source Sans 3",sans-serif;font-size:1rem;display:flex;box-shadow:0 2px #5b21b6,0 6px 20px #7c3aed33}.btn-twitch:hover{background:linear-gradient(170deg,#b06aff,#8b4afa);transform:translateY(-2px);box-shadow:0 4px #5b21b6,0 10px 30px #7c3aed4d}.twitch-icon{flex-shrink:0}.login-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.8rem;margin:1.4rem 0;font-family:Cinzel,serif;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:linear-gradient(90deg,#0000,#c9a22733,#0000);flex:1;height:1px}.room-code-input{text-align:center;letter-spacing:.4em;font-weight:700;color:var(--gold)!important;font-family:Cinzel,serif!important;font-size:1.6rem!important}.error-message{color:var(--error);font-size:.9rem;animation:.3s fadeIn}.error-banner{background:linear-gradient(135deg, #6b1a1a, var(--error));color:var(--marble);cursor:pointer;z-index:100;border:1px solid #ffffff14;border-radius:2px;padding:.8rem 1.5rem;font-weight:500;animation:.3s ease-out scaleIn;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #b3302566}.room-code-badge{text-align:center;cursor:pointer;margin-bottom:2rem;transition:transform .15s;animation:.8s ease-out carved-reveal;position:relative}.room-code-badge:hover{transform:scale(1.02)}.room-code-copy-hint{color:var(--text-muted);opacity:.7;margin-top:.5rem;font-size:.75rem;transition:opacity .2s;display:block}.room-code-badge:hover .room-code-copy-hint{opacity:1;color:var(--gold)}.room-code-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.6rem;font-family:Cinzel,serif;font-size:.7rem;display:block}.room-code-value{letter-spacing:.3em;color:var(--gold-bright);text-shadow:0 0 30px #c9a2274d, 0 2px 0 var(--bronze-dark), 0 -1px 0 #ffffff1a;padding:.3rem 1.5rem;font-family:Cinzel,serif;font-size:4.5rem;font-weight:900;animation:4s ease-in-out infinite divine-glow;display:inline-block;position:relative}.room-code-value:before{content:"";z-index:-1;background:linear-gradient(#c9a22708 0%,#0000 30% 70%,#c9a22708 100%);background-image:var(--meander-border), var(--meander-border), linear-gradient(180deg, #c9a22708 0%, transparent 30%, transparent 70%, #c9a22708 100%);background-position:top,bottom,50%;background-repeat:repeat-x,repeat-x,no-repeat;background-size:48px 12px,48px 12px,100% 100%;border:1px solid #c9a22726;border-radius:2px;position:absolute;inset:-10px -20px}.waiting-room{text-align:center;width:100%;max-width:540px;animation:.5s ease-out fadeInUp}.waiting-hint{color:var(--text-muted);margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic}.player-list{margin:1.5rem 0}.player-list h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-family:Cinzel,serif;font-size:.75rem}.player-chip{background:radial-gradient(ellipse at 30% 20%, #c9a2271f 0%, transparent 70%), var(--navy-mid);min-width:80px;color:var(--marble);border:1.5px solid #c9a22740;border-radius:20px;justify-content:center;align-items:center;margin:.3rem;padding:.55rem 1.3rem;font-size:.9rem;font-weight:600;transition:all .25s;animation:.4s ease-out backwards fadeInUp;display:inline-flex;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d}.player-chip:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 2px 12px #c9a22726,inset 0 1px #ffffff0d}.spectator-list h3{color:var(--text-muted);opacity:.6}.spectator-chip{opacity:.45;border-style:dashed!important;border-color:#c9a22726!important}.no-players{color:var(--text-muted);font-family:Cormorant Garamond,serif;font-style:italic}.waiting-room .btn+.btn{margin-top:1rem}.game-settings{background:linear-gradient(180deg, #c9a22705 0%, transparent 20%, transparent 80%, #c9a22705 100%), var(--navy-mid);text-align:left;border:1px solid #c9a2271a;border-radius:2px;margin:1.5rem 0;padding:1.2rem 1.4rem;box-shadow:inset 0 1px #ffffff08,0 4px 12px #0003}.game-settings h4{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.8rem;font-family:Cinzel,serif;font-size:.7rem}.setting-row{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.setting-row label{color:var(--marble-dark);font-size:.95rem}.settings-select{cursor:pointer;appearance:auto;width:auto;min-width:80px;padding:.4rem .6rem;font-size:.9rem}.prompt-display,.answer-input{text-align:center;width:100%;max-width:600px;animation:.5s ease-out fadeInUp}.round-indicator{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.2rem;font-family:Cinzel,serif;font-size:.75rem}.prompt-card{background:linear-gradient(180deg, #c9a22708 0%, transparent 15%, transparent 85%, #c9a22708 100%), linear-gradient(135deg, var(--navy-mid) 0%, var(--navy) 100%);border:1px solid #c9a2271f;border-radius:2px;margin-bottom:1.5rem;padding:2.5rem;animation:.6s ease-out carved-reveal;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0003,0 8px 24px #0000004d}.prompt-card:before,.prompt-card:after{content:"";border-style:solid;border-color:#c9a22740;width:24px;height:24px;position:absolute}.prompt-card:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.prompt-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.prompt-text{color:var(--marble-light);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;line-height:1.55}.answer-progress{margin-bottom:1rem}.progress-bar{background:var(--navy-light);border-radius:1px;width:100%;height:3px;margin-top:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--bronze), var(--gold), var(--gold-bright));border-radius:1px;height:100%;transition:width .3s}.answer-form{flex-direction:column;gap:.5rem;display:flex}.answer-form textarea{resize:none;font-family:"Source Sans 3",sans-serif;line-height:1.5}.char-count{text-align:right;color:var(--text-muted);opacity:.6;font-size:.8rem}.answer-pair,.vote-picker{text-align:center;width:100%;max-width:640px;animation:.5s ease-out fadeInUp}.vote-picker h3{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem;font-family:Cinzel,serif;font-size:.8rem}.matchup-header{color:var(--text-muted);letter-spacing:.05em;margin-bottom:1rem;font-size:.8rem}.matchup-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.matchup-card{border-radius:2px;flex:1;min-width:200px;padding:2rem 1.5rem;font-size:1.1rem;font-weight:500}.card-a{background:var(--card-a)}.card-b{background:var(--card-b)}.card-c{background:var(--card-c)}.matchup-vs{color:var(--gold);font-family:Cinzel,serif;font-size:1.2rem;font-weight:700}.vote-progress{color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}.vote-options{flex-direction:column;gap:.75rem;margin-top:1.2rem;display:flex}.vote-card{cursor:pointer;width:100%;color:var(--marble);text-align:left;border-radius:2px;padding:1.5rem 1.8rem;font-family:"Source Sans 3",sans-serif;font-size:1.1rem;font-weight:500;transition:all .3s;animation:.4s ease-out backwards fadeInUp;position:relative;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #00000026,0 4px 12px #00000040}.vote-card:first-child{animation-delay:50ms}.vote-card:nth-child(2){animation-delay:.15s}.vote-card:nth-child(3){animation-delay:.25s}.vote-card.card-a{background:linear-gradient(170deg,#4a358066 0%,#5a3d8a40 100%);border:1px solid #6b4c9a40}.vote-card.card-b{background:linear-gradient(170deg,#1a5a4a66 0%,#258a7240 100%);border:1px solid #2a9d8f40}.vote-card.card-c{background:linear-gradient(170deg,#6a282866 0%,#9a353540 100%);border:1px solid #c0392b40}.vote-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:inset 0 1px #ffffff14,0 8px 30px #0000004d,0 0 20px #c9a22714}.vote-card:active{transform:translateY(-1px)}.vote-results,.player-score{text-align:center;width:100%;max-width:680px;animation:.5s ease-out fadeIn}.result-cards{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-bottom:1.5rem;display:flex}.result-card-wrapper{flex-direction:column;flex:1;align-items:center;gap:.6rem;min-width:230px;animation:.5s ease-out backwards scaleIn;display:flex}.result-card-wrapper:first-child{animation-delay:.1s}.result-card-wrapper:nth-child(2){animation-delay:.3s}.result-card-wrapper:nth-child(3){animation-delay:.5s}.result-author-badge{color:var(--gold);letter-spacing:.05em;background:#c9a2271a;border:1px solid #c9a22733;border-radius:12px;align-items:center;gap:.4rem;padding:.3rem .9rem;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;display:inline-flex}.result-author-icon{opacity:.6}.result-card{background:linear-gradient(180deg, #c9a22705 0%, transparent 20%, transparent 80%, #c9a22705 100%), var(--navy-mid);border:1px solid #c9a22714;border-radius:2px;width:100%;padding:2rem 1.5rem;box-shadow:inset 0 1px #ffffff0a,0 6px 20px #00000040}.result-card.quiplash{border:1.5px solid var(--gold);background:radial-gradient(ellipse at 50% 0%, #c9a22714 0%, transparent 60%), linear-gradient(180deg, #c9a2270a 0%, transparent 30%), var(--navy-mid);animation:2.5s ease-in-out infinite glow-gold;position:relative;overflow:hidden}.result-card.quiplash:after{content:"";pointer-events:none;background:radial-gradient(#e8c84033 0%,#0000 65%);animation:4s ease-in-out infinite lightning-flash;position:absolute;inset:0}.result-answer{color:var(--marble-light);margin-bottom:1rem;padding:0 .3rem;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600;line-height:1.4}.result-vote-count{color:var(--gold);justify-content:center;align-items:center;gap:.5rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:700;display:flex}.result-voters-row{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.voter-chip{color:var(--text-muted);background:#7a8ea814;border:1px solid #7a8ea826;border-radius:10px;padding:.2rem .6rem;font-size:.72rem;font-weight:500;display:inline-block}.voter-none{opacity:.35;font-style:italic}.result-no-voters{opacity:.35}.quiplash-badge{color:var(--gold-bright);letter-spacing:.06em;text-shadow:0 0 12px #e8c84080;font-size:1rem;font-weight:800;display:inline-block}.quiplash-badge:before{content:"⚡";margin-right:3px}.scoreboard{width:100%;max-width:480px;margin:0 auto;animation:.5s ease-out fadeInUp}.scoreboard h2{text-align:center;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:1.2rem}.score-list{flex-direction:column;gap:.5rem;display:flex}.score-entry{background:var(--navy-mid);border:1px solid #c9a2270f;border-radius:2px;align-items:center;gap:1rem;padding:.85rem 1.2rem;transition:border-color .2s;animation:.4s ease-out backwards fadeInUp;display:flex;box-shadow:0 2px 6px #00000026}.score-entry:first-child{animation-delay:50ms}.score-entry:nth-child(2){animation-delay:.1s}.score-entry:nth-child(3){animation-delay:.15s}.score-entry:nth-child(4){animation-delay:.2s}.score-entry:nth-child(5){animation-delay:.25s}.score-entry.first-place{background:radial-gradient(ellipse at 20% 50%, #c9a2271a 0%, transparent 70%), linear-gradient(135deg, #c9a22714, #a67c2e0d), var(--navy-mid);border-color:#c9a2274d;box-shadow:0 4px 16px #c9a2271a,0 2px 6px #00000026}.score-entry:nth-child(2){border-color:#c0c0c026}.score-entry:nth-child(3){border-color:#cd7f3226}.score-rank{min-width:2.5rem;color:var(--gold);font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.score-entry:nth-child(2) .score-rank{color:#b0b0b0}.score-entry:nth-child(3) .score-rank{color:var(--bronze)}.score-name{flex:1;font-weight:500}.score-points{color:var(--gold-pale);font-family:Cinzel,serif;font-size:.9rem;font-weight:600}.player-lobby{text-align:center;width:100%;max-width:420px;animation:.5s ease-out fadeInUp}.player-lobby h2{color:var(--gold);letter-spacing:.05em;font-family:Cinzel,serif;font-size:1.3rem}.player-name{margin:.6rem 0 1rem;font-size:1.05rem}.player-name strong{color:var(--gold)}.waiting-text{color:var(--text-muted);margin:1rem 0;font-family:Cormorant Garamond,serif;font-size:1.05rem;font-style:italic}.waiting{flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.round-scores-view,.final-view{text-align:center;width:100%;max-width:500px;animation:.5s ease-out fadeInUp}.round-scores-view .btn,.final-view .btn{margin-top:1.5rem}.final-view .btn+.btn{margin-left:auto;margin-right:auto;display:block}.loading-view{text-align:center;color:var(--text-muted);font-family:Cormorant Garamond,serif;font-size:1.15rem;font-style:italic;animation:3s ease-in-out infinite float-slow}.exit-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:50;background:#152238cc;border:1px solid #c9a22733;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:fixed;top:1rem;right:1rem}.exit-btn:hover{border-color:var(--error);color:var(--error);background:#b3302526}.top-bar-buttons{z-index:50;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.top-bar-buttons .exit-btn,.top-bar-buttons .logout-btn{position:static}.mute-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#152238cc;border:1px solid #c9a22733;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.mute-btn:hover{border-color:var(--gold);color:var(--gold)}.logout-btn{width:auto;height:34px;color:var(--text-muted);cursor:pointer;z-index:50;background:#152238cc;border:1px solid #c9a22733;border-radius:17px;align-items:center;gap:.4rem;padding:0 .8rem;font-family:"Source Sans 3",sans-serif;font-size:.75rem;transition:all .2s;display:flex;position:fixed;top:1rem;right:1rem}.logout-btn:hover{border-color:var(--error);color:var(--error);background:#b3302526}.disconnect-banner{color:var(--gold);z-index:100;background:#152238f2;border:1px solid #c9a22740;border-radius:2px;padding:.8rem 1.5rem;font-weight:500;animation:.3s ease-out scaleIn;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.waiting-room:before,.scoreboard:before{content:"✦  ✦  ✦";text-align:center;color:#c9a22733;letter-spacing:.5em;margin-bottom:1.5rem;font-size:.65rem;display:block}.phase-illustration{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;margin:0 auto 1.5rem;animation:.5s ease-out scaleIn;display:block}.waiting-illustration{filter:drop-shadow(0 4px 20px #0006);border-radius:16px;max-width:320px}.answer-illustration{filter:drop-shadow(0 4px 16px #0000004d);max-width:200px;animation:.5s ease-out scaleIn,4s ease-in-out .5s infinite float-slow}.voting-illustration{filter:drop-shadow(0 4px 16px #0000004d);max-width:240px;margin-bottom:1rem}.victory-illustration{filter:drop-shadow(0 6px 24px #c9a22766);max-width:160px;animation:.6s ease-out scaleIn,3s ease-in-out .6s infinite float-slow}@media (width<=600px){.home-logo{max-width:280px}.home-page:before,.home-page:after{display:none}.waiting-illustration{max-width:240px}.voting-illustration{max-width:180px}.victory-illustration{max-width:120px}.answer-illustration{max-width:150px}.room-code-value{letter-spacing:.2em;padding:.3rem 1rem;font-size:3rem}.room-code-value:before{inset:-6px -10px}.prompt-text{font-size:1.2rem}.timer-ring{width:80px;height:80px}.timer-text{font-size:1.15rem}.matchup-cards,.result-cards{flex-direction:column}.matchup-card,.result-card-wrapper{min-width:auto}.setting-row{flex-direction:column;align-items:flex-start;gap:.3rem}.btn-large{padding:.9rem 2rem;font-size:.85rem}.prompt-card{padding:1.8rem 1.5rem}}@media (width<=380px){.home-logo{max-width:220px}.room-code-value{font-size:2.4rem}.app{padding:1rem}}