:root{--ocean-deep: #0b1e3d;--ocean-mid: #143056;--ocean-light: #1a4070;--ocean-surface: #2a5a8f;--sand-light: #f5e6c8;--sand-mid: #e0c9a0;--sand-dark: #c4a66a;--driftwood: #8b7d6b;--driftwood-light: #a89880;--sunset-orange: #e8713a;--sunset-warm: #f09050;--sunset-hot: #ff6b35;--sunset-glow: #ffb347;--sea-foam: #7ec8c8;--sea-foam-light: #a0e0e0;--trophy-gold: #ffd700;--trophy-silver: #c0c0c0;--trophy-bronze: #cd7f32;--farkle-red: #e04040;--success-green: #4caf50;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-bg-hover: rgba(255, 255, 255, .12);--text-primary: #f0f0f0;--text-secondary: #b0b8c8;--text-muted: #7a8598;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--ocean-deep) 0%,var(--ocean-mid) 40%,#1a3a5c 100%);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--sea-foam-light);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--sunset-glow)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:1rem;max-width:1100px;width:100%;margin:0 auto}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.brand-link{text-decoration:none}.brand{font-size:1.3rem;font-weight:700;color:var(--sand-light);display:flex;align-items:center;gap:.4rem;letter-spacing:.5px}.brand-icon{font-size:1.5rem}.nav-links{display:flex;gap:1.25rem}.nav-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:all var(--transition)}.nav-links a:hover{color:var(--text-primary);background:var(--glass-bg)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card-title{font-size:1.2rem;font-weight:600;color:var(--sand-light);margin-bottom:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.3rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition);text-decoration:none;line-height:1.2}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--sunset-orange),var(--sunset-hot));color:#fff;box-shadow:0 3px 12px #e8713a59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--sunset-hot),#ff5522);box-shadow:0 4px 18px #e8713a80;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,var(--ocean-surface),var(--ocean-light));color:var(--text-primary);box-shadow:0 3px 12px #2a5a8f4d}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#3070a8,var(--ocean-surface));transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-green),#388e3c);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--farkle-red),#c03030);color:#fff}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.btn-lg{padding:.85rem 2rem;font-size:1.1rem}.input,.select,.textarea{width:100%;padding:.6rem .9rem;background:#00000040;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color var(--transition)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--sea-foam);box-shadow:0 0 0 3px #7ec8c826}.input::placeholder{color:var(--text-muted)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.dice-area{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:1.5rem;min-height:100px}.die{width:64px;height:64px;background:linear-gradient(145deg,#fff,#e8e8e8);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 3px 8px #00000040,inset 0 1px 2px #fff9;-webkit-user-select:none;user-select:none;position:relative}.die:hover:not(.die-disabled){transform:translateY(-3px);box-shadow:0 6px 16px #0000004d}.die-selected{box-shadow:0 0 0 3px var(--sea-foam),0 0 20px #7ec8c866,0 4px 12px #0003;transform:translateY(-4px)}.die-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}.die-rolling{animation:diceRoll .5s ease-in-out}.die-dot{width:10px;height:10px;background:#1a1a2e;border-radius:50%;align-self:center;justify-self:center}.dot-hidden{visibility:hidden}@keyframes diceRoll{0%{transform:rotate(0) scale(.8)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes diceRollSelected{0%{transform:rotate(0) scale(.8) translateY(-4px)}25%{transform:rotate(90deg) scale(1.1) translateY(-4px)}50%{transform:rotate(180deg) scale(.9) translateY(-4px)}75%{transform:rotate(270deg) scale(1.05) translateY(-4px)}to{transform:rotate(360deg) scale(1) translateY(-4px)}}.set-aside-area{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;padding:.75rem;background:#00000026;border-radius:var(--radius-sm);min-height:50px;border:1px dashed var(--glass-border)}.set-aside-area .die{width:44px;height:44px;padding:5px;cursor:default;opacity:.7}.set-aside-area .die-dot{width:7px;height:7px}.scoreboard{width:100%;border-collapse:collapse}.scoreboard th{text-align:left;padding:.5rem .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--glass-border)}.scoreboard td{padding:.55rem .75rem;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.scoreboard tr.current-turn{background:#7ec8c81f;border-left:3px solid var(--sea-foam)}.scoreboard tr.current-turn td:first-child{padding-left:calc(.75rem - 3px)}.scoreboard .on-board-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success-green);margin-left:.4rem}.scoreboard .not-on-board{background:var(--text-muted)}.scoreboard .player-score{font-weight:700;font-variant-numeric:tabular-nums;color:var(--sand-light)}.trophy-display{text-align:center;padding:1.25rem;background:linear-gradient(135deg,#ffd7001a,#ffb34714);border:1px solid rgba(255,215,0,.25);border-radius:var(--radius)}.trophy-icon{font-size:3rem;display:block;margin-bottom:.25rem;filter:drop-shadow(0 2px 6px rgba(255,215,0,.4))}.trophy-holder-name{font-size:1.3rem;font-weight:700;color:var(--trophy-gold)}.trophy-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem}.game-room{display:grid;gap:1rem}.game-room-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.invite-code-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#0000004d;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:1rem;font-weight:700;color:var(--sunset-glow);letter-spacing:2px;cursor:pointer}.invite-code-badge:hover{background:#00000073}.turn-indicator{text-align:center;padding:.6rem;font-size:1rem;font-weight:600;color:var(--sea-foam-light)}.your-turn{color:var(--sunset-glow);animation:pulse 2s infinite}.game-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;padding:.5rem 0}.turn-score-display{text-align:center;font-size:1.5rem;font-weight:700;color:var(--sunset-glow);padding:.5rem}.turn-score-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.farkle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}.farkle-message{text-align:center;animation:farkleSlam .5s ease-out}.farkle-text{font-size:5rem;font-weight:900;color:var(--farkle-red);text-shadow:0 4px 20px rgba(224,64,64,.5),0 0 60px rgba(224,64,64,.3);letter-spacing:8px}.farkle-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:.5rem}@keyframes farkleSlam{0%{transform:scale(3);opacity:0}60%{transform:scale(.9);opacity:1}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.celebration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b1e3deb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .5s ease}.celebration-card{background:linear-gradient(135deg,#ffd70014,#ffb3470d);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;max-width:500px;width:90%;animation:celebrationPop .6s ease-out;box-shadow:0 0 60px #ffd70026}.celebration-trophy{font-size:5rem;animation:trophyBounce 1s ease infinite;display:block}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}@keyframes celebrationPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.celebration-winner{font-size:2rem;font-weight:800;color:var(--trophy-gold);margin:.5rem 0;text-shadow:0 2px 10px rgba(255,215,0,.3)}.celebration-message{font-size:1rem;color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem}.standings-list{list-style:none;margin:1.5rem 0}.standings-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.standings-list li:first-child{color:var(--trophy-gold);font-weight:700}.standings-list li:nth-child(2){color:var(--trophy-silver)}.standings-list li:nth-child(3){color:var(--trophy-bronze)}.standings-position{font-weight:700;min-width:30px}.standings-name{flex:1;text-align:left;margin:0 .75rem}.standings-score{font-variant-numeric:tabular-nums}.standings-points{font-size:.8rem;color:var(--text-muted);margin-left:.5rem}.celebration-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.chat-panel{max-height:300px;display:flex;flex-direction:column;overflow:visible}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.3rem;max-height:160px;min-height:80px}.chat-message{font-size:.85rem;padding:.25rem 0;word-break:break-word}.chat-message .chat-sender{font-weight:600;color:var(--sea-foam-light)}.chat-message .chat-text{color:var(--text-secondary);margin-left:.3rem}.chat-message.system-message{color:var(--text-muted);font-style:italic;font-size:.8rem}.chat-input-row{display:flex;gap:.5rem;padding:.5rem .75rem;border-top:1px solid var(--glass-border)}.chat-input-row .input{flex:1}.quarter-flag-btn{padding:.4rem .6rem;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-sm);color:var(--trophy-gold);cursor:pointer;font-size:.85rem;transition:all var(--transition)}.quarter-flag-btn:hover{background:#ffd70040}.spectator-list li{color:var(--text-muted);font-style:italic}.spectator-list-inline{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.spectator-list-inline li{font-size:.85rem;color:var(--text-muted);font-style:italic}.home-page{display:grid;gap:1.25rem}.home-page .welcome-section{text-align:center;padding:2rem 1rem}.welcome-title{font-size:1.8rem;font-weight:800;color:var(--sand-light);margin-bottom:.25rem}.welcome-subtitle{font-size:.95rem;color:var(--text-muted)}.welcome-flavor{font-size:1rem;color:var(--sunset-glow);font-style:italic;margin-top:.75rem;min-height:1.5em}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lobby-action-card{padding:1.5rem}.lobby-action-card h3{font-size:1rem;margin-bottom:.75rem;color:var(--sand-light)}.name-persist-note{font-size:.75rem;color:var(--text-muted);margin-top:.3rem}.home-links{display:flex;gap:.75rem;justify-content:center}.waiting-state{text-align:center;padding:3rem 1rem}.waiting-dots:after{content:"";animation:dots 1.5s steps(3,end) infinite}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.player-list{list-style:none;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.player-list li{padding:.35rem .75rem;background:var(--glass-bg);border-radius:20px;font-size:.85rem;border:1px solid var(--glass-border)}.schedule-page{display:grid;gap:1.25rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--sand-light);margin-bottom:.25rem}.page-subtitle{font-size:.85rem;color:var(--text-muted)}.schedule-list{display:grid;gap:.75rem}.schedule-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.schedule-item:hover{background:var(--glass-bg-hover);border-color:var(--sea-foam)}.schedule-item-title{font-weight:600;color:var(--text-primary)}.schedule-item-date{font-size:.85rem;color:var(--text-secondary)}.schedule-item-creator{font-size:.8rem;color:var(--text-muted)}.schedule-item-rsvps{font-size:.85rem;color:var(--sea-foam);font-weight:600}.rsvp-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.rsvp-detail{padding:1rem;background:#00000026;border-radius:var(--radius-sm);margin-top:.75rem}.rsvp-list{list-style:none;margin-top:.5rem}.rsvp-list li{padding:.3rem 0;font-size:.85rem;display:flex;justify-content:space-between}.rsvp-status-confirmed{color:var(--success-green)}.rsvp-status-maybe{color:var(--sunset-glow)}.rsvp-status-declined{color:var(--text-muted)}.quarter-jar-page{display:grid;gap:1.25rem}.jar-total{text-align:center;padding:2rem;position:relative}.jar-icon{font-size:4rem;display:block;margin-bottom:.5rem}.jar-amount{font-size:2.5rem;font-weight:800;color:var(--trophy-gold);text-shadow:0 2px 10px rgba(255,215,0,.3)}.jar-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.coin{display:inline-block;width:28px;height:28px;background:linear-gradient(145deg,var(--trophy-gold),#daa520);border-radius:50%;border:2px solid #b8860b;font-size:.7rem;line-height:24px;text-align:center;color:#5c4600;font-weight:900;box-shadow:0 2px 4px #0003,inset 0 1px 2px #fff6}.shame-list{list-style:none}.shame-list li{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.05)}.shame-list li:first-child{color:var(--farkle-red);font-weight:600}.shame-amount{font-weight:700;font-variant-numeric:tabular-nums;color:var(--trophy-gold)}.shame-rank{font-size:.8rem;color:var(--text-muted);min-width:24px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.gap-sm{gap:.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-orange{background:#e8713a33;color:var(--sunset-orange)}.badge-blue{background:#7ec8c833;color:var(--sea-foam)}.final-round-banner{text-align:center;padding:.5rem;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-sm);color:var(--trophy-gold);font-weight:600;font-size:.9rem;animation:pulse 2s infinite}@media(max-width:640px){.nav-header{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.brand{font-size:1.1rem}.nav-links{gap:.75rem}.lobby-actions{grid-template-columns:1fr}.main-content{padding:.75rem}.die{width:52px;height:52px;padding:6px}.die-dot{width:8px;height:8px}.farkle-text{font-size:3rem;letter-spacing:4px}.celebration-card{padding:1.5rem}.welcome-title{font-size:1.4rem}.jar-amount{font-size:2rem}}@media(min-width:768px){.game-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem}.game-main{order:1}.game-sidebar{order:2}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.jar-widget{position:fixed;top:60px;right:12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.4rem .6rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;z-index:50;transition:all .2s ease}.jar-widget:hover{background:var(--glass-bg-hover)}.jar-widget-icon{font-size:1.2rem}.jar-widget-amounts{display:flex;flex-direction:column}.jar-widget-total{font-size:.85rem;font-weight:700;color:var(--trophy-gold)}.jar-widget-current{font-size:.6rem;color:var(--sunset-glow);font-weight:500}.jar-widget-label{font-size:.55rem;color:var(--text-muted);white-space:nowrap}.pregame-table-container{position:relative;width:min(350px,80vw);aspect-ratio:1;margin:1rem auto}.pregame-table-surface{position:absolute;top:20%;left:20%;width:60%;height:60%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,var(--driftwood-light),var(--driftwood));border:3px solid #6b5d4e;box-shadow:inset 0 0 25px #0000004d,0 4px 16px #0000004d}.pregame-chair{position:absolute;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.pregame-chair-empty{width:28px;height:28px;border-radius:50%;border:2px dashed var(--glass-border);background:#ffffff08}.pregame-chair--occupied{background:var(--glass-bg);border:2px solid var(--sea-foam);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:auto;height:auto;padding:.25rem .5rem;border-radius:var(--radius-sm)}.pregame-chair--self{border-color:var(--sunset-glow);box-shadow:0 0 8px #ffb3474d}.pregame-chair-name{font-size:.7rem;font-weight:600;color:var(--text-primary);white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis}.pregame-spectator{position:absolute;transform:translate(-50%,-50%);font-size:.6rem;color:var(--text-muted);font-style:italic;white-space:nowrap}.game-table-container{position:relative;width:min(90vw,90vh,700px);aspect-ratio:1;margin:0 auto}.game-table-surface{position:absolute;top:15%;left:15%;width:70%;height:70%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,var(--driftwood-light),var(--driftwood));border:4px solid #6b5d4e;box-shadow:inset 0 0 40px #00000059,0 8px 32px #0006;display:flex;align-items:center;justify-content:center;z-index:1}.table-center{display:flex;flex-direction:column;align-items:center;gap:.4rem;max-width:80%;z-index:2}.table-set-aside{display:flex;gap:.2rem;justify-content:center}.table-set-aside .die{width:32px;height:32px;padding:3px}.table-set-aside .die-dot{width:5px;height:5px}.table-dice-area{display:flex;gap:.3rem;justify-content:center;flex-wrap:wrap;min-height:48px;align-items:center}.table-dice-area .die{width:44px;height:44px;padding:5px}.table-dice-area .die-dot{width:7px;height:7px}.table-roll-prompt{font-size:.8rem;color:var(--ocean-deep);font-weight:600;opacity:.7}.table-turn-score{font-size:1.1rem;font-weight:700;color:var(--ocean-deep);text-shadow:0 1px 2px rgba(255,255,255,.3)}.table-actions{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center}.table-actions .btn{font-size:.75rem;padding:.35rem .7rem}.table-final-round{position:absolute;top:5%;left:50%;transform:translate(-50%);background:var(--farkle-red);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;letter-spacing:1px;z-index:10;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dice-cup{position:absolute;transform:translate(-50%,-50%);font-size:1.5rem;z-index:5;transition:left .8s cubic-bezier(.4,0,.2,1),top .8s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.player-seat{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:3;padding:.35rem .6rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--glass-border);border-radius:var(--radius-sm);min-width:60px;cursor:default;transition:all .3s ease}.player-seat--active{border-color:var(--sunset-glow);box-shadow:0 0 12px #ffb34766;animation:seatActivate .5s ease}.player-seat--self{border-color:var(--sea-foam)}.player-seat--active.player-seat--self{border-color:var(--sunset-glow)}@keyframes seatActivate{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}to{transform:translate(-50%,-50%) scale(1)}}.seat-name{font-size:.75rem;font-weight:600;color:var(--text-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-score{font-size:.65rem;color:var(--sea-foam-light);font-weight:500}.seat-not-on-board{width:6px;height:6px;border-radius:50%;background:var(--text-muted);margin:2px auto 0}.table-ordering{display:flex;flex-direction:column;align-items:center;gap:.5rem}.table-ordering-title{font-size:1rem;font-weight:700;color:var(--ocean-deep);text-shadow:0 1px 2px rgba(255,255,255,.3)}.order-winner-announce{font-size:.95rem;font-weight:700;color:var(--ocean-deep);text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.3);animation:winnerPulse 1s ease infinite}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.seat-order-roll{display:flex;align-items:center;gap:.2rem;font-size:.7rem}.order-dice{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:3px;font-weight:700;color:var(--text-primary);font-size:.65rem}.order-total{font-weight:600;color:var(--sunset-glow);margin-left:.15rem}.spectator-seat{position:absolute;transform:translate(-50%,-50%);text-align:center;z-index:2;padding:.2rem .4rem;opacity:.65}.spectator-seat .seat-name{font-size:.65rem;font-weight:400;color:var(--text-muted);font-style:italic;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speech-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.7rem;color:var(--text-primary);max-width:140px;word-break:break-word;z-index:20;animation:bubbleFadeIn .2s ease;pointer-events:none}.speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--glass-border)}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-bar{display:flex;gap:.5rem;padding:.5rem 0;max-width:min(90vw,700px);margin:0 auto}.chat-bar .input{flex:1}@media(max-width:640px){.game-table-container{width:95vw}.table-dice-area .die{width:36px;height:36px;padding:4px}.table-dice-area .die-dot{width:6px;height:6px}.table-set-aside .die{width:26px;height:26px;padding:2px}.table-set-aside .die-dot{width:4px;height:4px}.seat-name{font-size:.65rem;max-width:60px}.seat-score{font-size:.55rem}.table-actions .btn{font-size:.7rem;padding:.3rem .5rem}.table-turn-score{font-size:.9rem}.spectator-seat .seat-name{font-size:.55rem;max-width:50px}}