@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Inter:wght@400;500;600&display=swap";:root{--catan-brown:#8b4513;--catan-tan:#d2a96a;--catan-gold:#daa520;--catan-dark:#2c1810;--catan-cream:#f5e6c8;--catan-red:#c0392b;--catan-green:#27753d;--catan-blue:#2471a3;--catan-orange:#e67e22;--catan-bg:#1a0f0a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--catan-bg);color:var(--catan-cream);font-family:Inter,sans-serif;overflow-x:hidden}#root{z-index:1;position:relative}.catan-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.catan-bg-svg{width:100%;height:100%;display:block}.catan-bg-overlay{pointer-events:none;background:radial-gradient(#1a0f0a99 0%,#1a0f0ad9 60%,#1a0f0af2 100%);position:absolute;inset:0}.spline-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.spline-bg canvas{width:100%!important;height:100%!important}.spline-bg-overlay{pointer-events:none;background:radial-gradient(#1a0f0a4d 0%,#1a0f0ab3 60%,#1a0f0ae6 100%);position:absolute;inset:0}.catan-3d-bg{z-index:-1;pointer-events:none;position:fixed;inset:0}.catan-3d-interactive{z-index:0;position:fixed;inset:0}.catan-3d-overlay{pointer-events:none;background:radial-gradient(at 50% 40%,#1a0f0a40 0%,#1a0f0aa6 50%,#1a0f0aeb 100%);position:absolute;inset:0}.catan-3d-overlay-light{pointer-events:none;background:radial-gradient(at 50% 40%,#0000 0%,#1a0f0a0d 70%,#1a0f0a26 100%);position:absolute;inset:0}.hex-tile{transform-origin:50%}.floating-particle{opacity:.2}.setup-screen{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.setup-header{text-align:center;margin-bottom:2rem}.hex-icon{color:var(--catan-gold);margin-bottom:.5rem;font-size:3rem;line-height:1}.setup-header h1{color:var(--catan-gold);text-shadow:0 2px 8px #daa5204d;letter-spacing:.05em;font-family:Cinzel,serif;font-size:2.2rem;font-weight:900}.setup-header h2{color:var(--catan-tan);margin-top:.25rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:400}.setup-card{border:2px solid var(--catan-brown);background:linear-gradient(145deg,#2c1810,#1a0f0a);border-radius:12px;width:100%;max-width:480px;padding:2rem;box-shadow:0 8px 32px #00000080,inset 0 1px #d2a96a1a}.setup-field{margin-bottom:1.5rem}.setup-field label{color:var(--catan-tan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;display:block}.stepper{align-items:center;gap:.5rem;display:flex}.stepper button{border:2px solid var(--catan-brown);width:44px;height:44px;color:var(--catan-gold);cursor:pointer;background:#8b45134d;border-radius:8px;font-size:1.2rem;font-weight:700;transition:all .2s}.stepper button:hover{border-color:var(--catan-gold);background:#8b451399}.stepper input{text-align:center;border:2px solid var(--catan-brown);width:80px;height:44px;color:var(--catan-cream);background:#0006;border-radius:8px;outline:none;font-size:1.3rem;font-weight:600}.stepper input:focus{border-color:var(--catan-gold)}.stepper-value{border:2px solid var(--catan-brown);background:#0006;border-radius:8px;justify-content:center;align-items:center;width:80px;height:44px;font-size:1.3rem;font-weight:600;display:flex}.player-list{flex-direction:column;gap:.5rem;display:flex}.player-row{align-items:center;gap:.5rem;display:flex}.player-order{background:var(--catan-brown);width:28px;height:28px;color:var(--catan-cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.player-row input{border:2px solid var(--catan-brown);height:40px;color:var(--catan-cream);background:#0006;border-radius:8px;outline:none;flex:1;padding:0 .75rem;font-family:Inter,sans-serif;font-size:1rem}.player-row input:focus{border-color:var(--catan-gold)}.order-buttons{flex-direction:column;gap:2px;display:flex}.order-buttons button{border:1px solid var(--catan-brown);width:28px;height:20px;color:var(--catan-tan);cursor:pointer;background:#8b45134d;border-radius:4px;justify-content:center;align-items:center;font-size:.6rem;transition:all .2s;display:flex}.order-buttons button:hover:not(:disabled){color:var(--catan-gold);background:#8b451399}.order-buttons button:disabled{opacity:.3;cursor:not-allowed}.start-button{text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(145deg, var(--catan-gold), #b8860b);width:100%;height:52px;color:var(--catan-dark);cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #daa5204d}.start-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #daa52080}.start-button:disabled{opacity:.5;cursor:not-allowed}.timer-screen{flex-direction:column;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}.timer-screen:after{content:"";pointer-events:none;z-index:100;opacity:0;border-radius:0;position:fixed;inset:0}.screen-glow-caution:after{animation:2s ease-in-out infinite glowCaution;box-shadow:inset 0 0 40px 8px #f1c40f4d}.screen-glow-caution.screen-paused:after{opacity:1;animation:none;box-shadow:inset 0 0 40px 8px #f1c40f40}.screen-glow-warning:after{animation:1.5s ease-in-out infinite glowWarning;box-shadow:inset 0 0 50px 12px #f39c1266}.screen-glow-warning.screen-paused:after{opacity:1;animation:none;box-shadow:inset 0 0 50px 12px #f39c1259}.screen-glow-urgent:after{animation:1s ease-in-out infinite glowUrgent;box-shadow:inset 0 0 60px 15px #e67e2280}.screen-glow-urgent.screen-paused:after{opacity:1;animation:none;box-shadow:inset 0 0 60px 15px #e67e2273}.screen-glow-critical:after{animation:.5s ease-in-out infinite glowCritical;box-shadow:inset 0 0 80px 20px #c0392b99}.screen-glow-critical.screen-paused:after{opacity:1;animation:none;box-shadow:inset 0 0 80px 20px #c0392b8c}@keyframes glowCaution{0%,to{opacity:.3}50%{opacity:1}}@keyframes glowWarning{0%,to{opacity:.3}50%{opacity:1}}@keyframes glowUrgent{0%,to{opacity:.4}50%{opacity:1}}@keyframes glowCritical{0%,to{opacity:.5}50%{opacity:1}}.screen-flash-up:after{opacity:1;box-shadow:inset 0 0 100px 30px #c0392b80}.timer-top-bar{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:1rem;display:flex}.back-button{border:1px solid var(--catan-brown);color:var(--catan-tan);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .8rem;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .2s}.back-button:hover{border-color:var(--catan-gold);color:var(--catan-gold)}.top-bar-right{align-items:center;gap:.75rem;display:flex}.round-indicator{color:var(--catan-tan);font-family:Cinzel,serif;font-size:1rem;font-weight:700}.game-elapsed{font-variant-numeric:tabular-nums;color:var(--catan-gold);font-family:Cinzel,serif;font-size:.85rem;font-weight:700}.controller-header-right{align-items:center;gap:.5rem;display:flex}.player-banner{background:#000000b3;border:3px solid;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.5rem;display:flex}.player-color-dot{border-radius:50%;flex-shrink:0;width:18px;height:18px}.player-banner h2{color:var(--catan-cream);font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.timer-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.timer-display{border:6px solid var(--catan-brown);background:radial-gradient(circle,#2c1810 0%,#1a0f0a 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:280px;height:280px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 0 40px #8b451333,inset 0 0 30px #0000004d}.time-value{color:var(--catan-cream);font-family:Cinzel,serif;font-size:5rem;font-weight:900;line-height:1;transition:color .3s}.time-up-text{color:var(--catan-red);text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem;font-family:Cinzel,serif;font-size:1rem;font-weight:700}.pulse-yellow{border-color:#f1c40f;animation:1s ease-in-out infinite pulseYellow}.pulse-yellow .time-value{color:#f1c40f}@keyframes pulseYellow{0%,to{transform:scale(1);box-shadow:0 0 20px #f1c40f33,inset 0 0 30px #0000004d}50%{transform:scale(1.03);box-shadow:0 0 60px #f1c40f80,0 0 100px #f1c40f33,inset 0 0 30px #0000004d}}.pulse-red{border-color:var(--catan-red);animation:.6s ease-in-out infinite pulseRed}.pulse-red .time-value{color:var(--catan-red)}.pulse-paused.pulse-yellow,.pulse-paused.pulse-red{animation:none}@keyframes pulseRed{0%,to{transform:scale(1);box-shadow:0 0 20px #c0392b4d,inset 0 0 30px #0000004d}50%{transform:scale(1.05);box-shadow:0 0 80px #c0392b99,0 0 120px #c0392b4d,inset 0 0 30px #0000004d}}.time-up{border-color:var(--catan-red);box-shadow:0 0 60px #c0392b80}.time-up .time-value{color:var(--catan-red)}.timer-controls{gap:1rem;margin:2rem 0;display:flex}.control-btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:2px solid;border-radius:8px;height:48px;padding:0 1.5rem;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .2s}.play-btn{background:linear-gradient(145deg, var(--catan-gold), #b8860b);color:var(--catan-dark);border-color:var(--catan-gold);min-width:120px}.play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #daa52066}.reset-btn{color:var(--catan-tan);border-color:var(--catan-brown);background:#8b45134d}.reset-btn:hover{border-color:var(--catan-gold);background:#8b451380}.next-btn{color:#6fcf8d;border-color:var(--catan-green);background:#27753d66}.next-btn:hover{background:#27753d99;transform:translateY(-1px);box-shadow:0 4px 16px #2ecc714d}.player-queue{flex-wrap:wrap;justify-content:center;gap:.75rem;padding-bottom:2rem;display:flex}.queue-player{border:2px solid;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.queue-player.active{background:#ffffff14}.queue-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.lobby-card{flex-direction:column;gap:1rem;display:flex}.lobby-btn{width:100%;margin-top:0}.lobby-btn-secondary{background:linear-gradient(145deg, var(--catan-brown), #5a2d0c);color:var(--catan-cream);box-shadow:0 4px 12px #8b45134d}.lobby-btn-secondary:hover:not(:disabled){box-shadow:0 6px 20px #8b451380}.lobby-btn-join{border-radius:0 8px 8px 0;flex-shrink:0;width:auto;height:52px;padding:0 1.5rem}.lobby-divider{align-items:center;gap:1rem;margin:.5rem 0;display:flex}.lobby-divider:before,.lobby-divider:after{content:"";background:var(--catan-brown);flex:1;height:1px}.lobby-divider span{color:var(--catan-tan);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;font-family:Cinzel,serif;font-size:.75rem}.lobby-join{max-width:100%;display:flex}.lobby-join-input{letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--catan-brown);min-width:0;height:52px;color:var(--catan-cream);background:#0006;border-right:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:0 1rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600}.lobby-join-input:focus{border-color:var(--catan-gold)}.lobby-join-input::placeholder{color:#d2a96a66;letter-spacing:.2em}.lobby-error{color:var(--catan-red);text-align:center;font-size:.85rem}.game-code-group{align-items:center;gap:.4rem;display:flex}.game-code-badge{letter-spacing:.15em;border:1px solid var(--catan-gold);color:var(--catan-gold);background:#daa52026;border-radius:6px;padding:.3rem .7rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.gc-badge{letter-spacing:.15em;border:1px solid var(--catan-gold);color:var(--catan-gold);background:#daa52026;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;display:inline-flex}.gc-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.gc-dot-on{background:#2ecc71;box-shadow:0 0 4px #2ecc7180}.gc-dot-off{background:var(--catan-red);box-shadow:0 0 4px #c0392b80}.share-button{background:var(--catan-gold);color:var(--catan-dark);cursor:pointer;border:none;border-radius:6px;padding:.3rem .6rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:opacity .2s}.share-button:hover{opacity:.85}.share-button.music-active{background:var(--catan-gold);color:var(--catan-dark);box-shadow:0 0 8px #daa52066}.display-controls{margin:1rem auto;padding-bottom:0}.hamburger-btn{border:1px solid var(--catan-brown);color:var(--catan-tan);cursor:pointer;background:0 0;border-radius:6px;padding:.2rem .5rem;font-size:1.2rem;line-height:1;transition:all .2s}.hamburger-btn:hover{border-color:var(--catan-gold);color:var(--catan-gold)}.game-menu-overlay{z-index:100;background:#00000080;justify-content:flex-end;padding-top:3.5rem;padding-right:1rem;display:flex;position:fixed;inset:0}.game-menu{border:1px solid var(--catan-brown);background:linear-gradient(145deg,#2c1810fa,#1a0f0afa);border-radius:10px;flex-direction:column;gap:.25rem;width:220px;height:fit-content;padding:.5rem;display:flex;box-shadow:0 8px 32px #00000080}.game-menu-item{color:var(--catan-cream);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:.6rem .75rem;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;transition:background .15s}.game-menu-item:hover{background:#daa52026}.game-menu-danger{color:var(--catan-red)}.game-menu-danger:hover{background:#c0392b26}.game-menu-volume{color:var(--catan-tan);align-items:center;gap:.5rem;padding:.4rem .75rem;font-family:Cinzel,serif;font-size:.75rem;display:flex}.game-menu-volume .volume-slider{flex:1}.connection-dot-wrapper{position:fixed;bottom:1rem;right:1rem}.connection-dot{border-radius:50%;width:10px;height:10px}.connection-dot.connected{background:#2ecc71;box-shadow:0 0 6px #2ecc7180}.connection-dot.disconnected{background:var(--catan-red);box-shadow:0 0 6px #c0392b80}.controller-screen{flex-direction:column;align-items:center;min-height:100vh;padding:1rem;display:flex}.controller-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}.controller-player{color:var(--catan-cream);background:#000000b3;border:3px solid;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1.5rem;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;display:flex}.controller-round{color:var(--catan-tan);margin-bottom:2rem;font-family:Cinzel,serif;font-size:.9rem}.controller-time{color:var(--catan-cream);text-align:center;flex:1;justify-content:center;align-items:center;font-family:Cinzel,serif;font-size:5rem;font-weight:900;line-height:1;transition:color .3s;display:flex}.controller-time-warning{color:#f1c40f}.controller-time-urgent{color:var(--catan-red)}.controller-time-up{color:var(--catan-red);letter-spacing:.1em;font-size:2.5rem}.controller-buttons{gap:.75rem;width:100%;max-width:480px;padding-bottom:2rem;display:flex}.controller-btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid;border-radius:12px;flex:1;height:64px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .2s}.controller-reset{color:var(--catan-tan);border-color:var(--catan-brown);background:#8b45134d}.controller-reset:active{background:#8b451399}.controller-play{background:linear-gradient(145deg, var(--catan-gold), #b8860b);color:var(--catan-dark);border-color:var(--catan-gold)}.controller-play:active{box-shadow:0 4px 16px #daa52066}.controller-next{color:#6fcf8d;border-color:var(--catan-green);background:#27753d66}.controller-next:active{background:#27753d99}.controller-music{width:100%;max-width:480px;height:48px;color:var(--catan-tan);border-color:var(--catan-brown);background:#8b451333;margin-top:.75rem}.controller-music-active{color:var(--catan-gold);border-color:var(--catan-gold);background:#daa52033}.controller-music:active{background:#8b451366}.controller-music-section{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:480px;display:flex}.volume-row{background:#0000004d;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;display:flex}.volume-label{color:var(--catan-tan);flex-shrink:0;font-family:Cinzel,serif;font-size:.8rem;font-weight:700}.volume-value{color:var(--catan-gold);text-align:right;flex-shrink:0;min-width:2ch;font-family:Cinzel,serif;font-size:.8rem;font-weight:700}.volume-slider{appearance:none;background:var(--catan-brown);border-radius:4px;outline:none;flex:1;height:8px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--catan-gold);cursor:pointer;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000004d}.volume-slider::-moz-range-thumb{background:var(--catan-gold);cursor:pointer;border:none;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 6px #0000004d}.controller-end{width:100%;max-width:480px;height:48px;color:var(--catan-red);border-color:var(--catan-red);background:#c0392b33;margin-top:.5rem}.controller-end:active{background:#c0392b66}.top-bar-left{align-items:center;gap:.4rem;display:flex}.end-game-btn{border-color:var(--catan-red);color:var(--catan-red);font-size:.75rem}.end-game-btn:hover{border-color:var(--catan-red);color:var(--catan-red);opacity:.8}.board-type-picker{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.board-type-btn{border:2px solid var(--catan-brown);height:48px;color:var(--catan-cream);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#8b451333;border-radius:8px;font-family:Cinzel,serif;font-size:.8rem;font-weight:700;transition:all .2s}.board-type-btn:hover{border-color:var(--catan-gold)}.board-type-btn.active{border-color:var(--catan-gold);color:var(--catan-gold);background:#daa52040;box-shadow:0 0 12px #daa52033}.board-preview-screen{justify-content:flex-start;padding-top:1rem}.board-preview-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a0f0acc;border-radius:10px;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:.5rem;display:flex}.board-preview-name{color:var(--catan-gold);font-family:Cinzel,serif;font-size:1rem;font-weight:700}.board-preview-actions{align-items:center;gap:.4rem;display:flex}.fairness-toggles{flex-direction:column;gap:.4rem;display:flex}.fairness-toggle{border:1px solid var(--catan-brown);color:var(--catan-tan);cursor:pointer;text-align:left;background:#0003;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.fairness-toggle:hover{border-color:var(--catan-gold)}.fairness-toggle.active{border-color:var(--catan-green);color:var(--catan-cream);background:#27753d33}.fairness-toggle.active:before{content:"✓";color:var(--catan-green);font-weight:900}.fairness-toggle:not(.active):before{content:"✗";color:var(--catan-red);opacity:.5}.stats-card{flex-direction:column;gap:1.25rem;display:flex}.stats-summary{justify-content:space-around;gap:1rem;display:flex}.stats-summary-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stats-label{text-transform:uppercase;letter-spacing:.1em;color:var(--catan-tan);opacity:.7;font-family:Cinzel,serif;font-size:.75rem;font-weight:700}.stats-value{color:var(--catan-gold);font-family:Cinzel,serif;font-size:1.5rem;font-weight:900}.stats-divider{align-items:center;gap:1rem;display:flex}.stats-divider:before,.stats-divider:after{content:"";background:var(--catan-brown);flex:1;height:1px}.stats-divider span{color:var(--catan-tan);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;font-family:Cinzel,serif;font-size:.75rem}.stats-players{flex-direction:column;gap:1rem;display:flex}.stats-player{background:#0000004d;border-radius:8px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.stats-player-header{align-items:center;gap:.5rem;display:flex}.stats-player-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.stats-player-name{color:var(--catan-cream);flex:1;font-family:Cinzel,serif;font-size:1rem;font-weight:700}.stats-player-turns{color:var(--catan-tan);opacity:.7;font-family:Cinzel,serif;font-size:.8rem}.stats-bar-row{align-items:center;gap:.5rem;display:flex}.stats-bar{opacity:.8;border-radius:4px;min-width:4px;height:20px;transition:width .5s}.stats-bar-label{color:var(--catan-cream);white-space:nowrap;font-family:Cinzel,serif;font-size:.8rem;font-weight:700}.stats-detail-row{color:var(--catan-tan);opacity:.6;justify-content:space-between;font-family:Cinzel,serif;font-size:.7rem;display:flex}.stats-actions{flex-direction:column;gap:.5rem;display:flex}.rc-screen{background:var(--catan-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:1rem;display:flex;position:relative}.rc-header{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.rc-code{letter-spacing:.1em;color:var(--catan-tan);opacity:.6;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.rc-menu-btn{color:var(--catan-tan);cursor:pointer;opacity:.6;background:0 0;border:1px solid #8b451366;border-radius:6px;padding:.2rem .5rem;font-size:1.1rem}.rc-menu-overlay{z-index:100;background:#0009;justify-content:flex-end;padding-top:3rem;padding-right:1rem;display:flex;position:fixed;inset:0}.rc-menu{border:1px solid var(--catan-brown);background:#1a0f0afa;border-radius:10px;flex-direction:column;gap:.2rem;width:180px;height:fit-content;padding:.5rem;display:flex}.rc-menu-item{color:var(--catan-cream);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:.6rem .75rem;font-family:Cinzel,serif;font-size:.8rem;font-weight:600}.rc-menu-item:hover{background:#daa52026}.rc-menu-danger{color:var(--catan-red)}.rc-menu-volume{color:var(--catan-tan);align-items:center;gap:.5rem;padding:.3rem .75rem;font-family:Cinzel,serif;font-size:.7rem;display:flex}.rc-menu-volume .volume-slider{flex:1}.rc-player{background:#0006;border:2px solid;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;display:flex}.rc-player-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.rc-player-name{color:var(--catan-cream);font-family:Cinzel,serif;font-size:1.1rem;font-weight:700}.rc-timer{color:var(--catan-cream);font-family:Cinzel,serif;font-size:5rem;font-weight:900;line-height:1;transition:color .3s}.rc-timer-warn{color:#f1c40f}.rc-timer-up{color:var(--catan-red);font-size:3rem}.rc-info{color:var(--catan-tan);opacity:.6;gap:1rem;font-family:Cinzel,serif;font-size:.8rem;display:flex}.rc-actions{gap:.6rem;width:100%;max-width:400px;display:flex}.rc-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid;border-radius:12px;font-family:Cinzel,serif;font-size:1rem;font-weight:700;transition:all .15s}.rc-btn-secondary{height:60px;color:var(--catan-tan);border-color:var(--catan-brown);background:#8b45134d;flex:1}.rc-btn-primary{background:linear-gradient(145deg, var(--catan-gold), #b8860b);height:60px;color:var(--catan-dark);border-color:var(--catan-gold);flex:1}.rc-btn-big{flex:1.5;height:70px;font-size:1.2rem}.rc-btn-next{color:#6fcf8d;border-color:var(--catan-green);background:#27753d66;flex:1;height:60px}.rc-btn-reset{width:100%;max-width:400px;height:44px;color:var(--catan-tan);opacity:.6;background:0 0;border-color:#8b45134d;font-size:.85rem}.rc-btn:active{opacity:.9;transform:scale(.97)}.rc-loading{color:var(--catan-tan);font-family:Cinzel,serif;font-size:1.2rem}.rc-error{text-align:center;color:var(--catan-cream);font-family:Cinzel,serif}.rc-error h2{margin-bottom:.5rem;font-size:1.5rem}.rc-error p{color:var(--catan-tan);margin-bottom:1.5rem;font-size:.9rem}.setup-screen,.timer-screen,.controller-screen{max-width:100vw;overflow-x:hidden}@media (width<=768px){.timer-display{width:240px;height:240px}.time-value{font-size:4rem}.player-banner h2{font-size:1.25rem}}@media (width<=480px){.setup-screen{padding:1.5rem .75rem}.setup-header h1{font-size:1.5rem}.setup-header h2{font-size:1rem}.hex-icon{font-size:2.25rem}.setup-card{border-radius:10px;padding:1.25rem}.setup-field label{font-size:.8rem}.timer-screen{padding:.75rem}.timer-display{border-width:4px;width:200px;height:200px}.time-value{font-size:3.2rem}.time-up-text{font-size:.8rem}.player-banner{margin-bottom:1rem;padding:.5rem 1rem}.player-banner h2{text-overflow:ellipsis;white-space:nowrap;max-width:60vw;font-size:1.1rem;overflow:hidden}.timer-controls{gap:.5rem;margin:1.25rem 0}.control-btn{height:44px;padding:0 .75rem;font-size:.8rem}.play-btn{min-width:100px}.round-indicator{font-size:.85rem}.back-button{padding:.35rem .6rem;font-size:.8rem}.queue-player{padding:.3rem .6rem;font-size:.75rem}.player-queue{gap:.5rem;padding-bottom:1.5rem}.controller-time{font-size:4rem}.controller-time-up{font-size:2rem}.controller-btn{height:56px;font-size:.95rem}.controller-player{padding:.5rem 1rem;font-size:1.1rem}}@media (width<=360px){.setup-header h1{font-size:1.3rem}.timer-display{width:170px;height:170px}.time-value{font-size:2.6rem}.control-btn{height:40px;padding:0 .5rem;font-size:.75rem}.play-btn{min-width:80px}}@supports (padding:env(safe-area-inset-top)){.setup-screen{padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.timer-screen,.controller-screen{padding-top:calc(.75rem + env(safe-area-inset-top))}.player-queue{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.controller-buttons{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}@media (height<=600px){.setup-header{margin-bottom:1rem}.hex-icon{margin-bottom:.25rem;font-size:2rem}.timer-display{border-width:4px;width:160px;height:160px}.time-value{font-size:2.5rem}.player-banner{margin-bottom:.75rem}.timer-controls{margin:1rem 0}}