:root{--bg-deep: #080c18;--bg-glass: rgba(14, 20, 44, .72);--text-bright: #f0ebe0;--text-primary: #c8c0b4;--text-secondary: #8a8580;--text-muted: #5a5650;--gold: #daa520;--gold-light: #f0d060;--gold-dim: #8a6a18;--gold-glow: rgba(218, 165, 32, .25);--violet: #7b68ee;--violet-light:#9d8fff;--violet-dim: #4a3ca0;--violet-glow: rgba(123, 104, 238, .18);--coral: #ff6b6b;--coral-light:#ff9494;--coral-glow: rgba(255, 107, 107, .25);--blue: #4a9eff;--green: #4ade80;--red: #f87171;--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--panel-radius: 14px;--shadow-panel: 0 4px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255,255,255,.04);--shadow-glow-gold: 0 0 24px rgba(218, 165, 32, .35);--font-display: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Menlo", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s var(--ease-out-expo);--transition-normal: .3s var(--ease-out-expo)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{position:relative;width:100%;height:100%;overflow:hidden}.graph-viewport{width:100%;height:100%;position:relative}.graph-viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}.graph-viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(4,6,12,.6) 100%);pointer-events:none;z-index:0}@media (max-width: 768px){.graph-viewport:before,.graph-viewport:after{display:none}}.target-beacon,.hud-legend,.hud-recent{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel)}.hud-header{position:absolute;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;height:72px;background:#080c18bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 30px #0006}.hud-logo{justify-self:start;font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;white-space:nowrap}.hud-logo span{color:var(--gold)}.help-trigger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:12px;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--gold-dim);background:#daa52014;border:1px solid rgba(218,165,32,.2);border-radius:50%;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);vertical-align:middle}.help-trigger:hover{color:var(--gold);background:#daa52026;border-color:#daa52066}.graph-search{position:absolute;top:0;right:460px;height:72px;display:flex;align-items:center;z-index:22}.graph-search-toggle{display:none}.graph-search-input-wrap{position:relative}.graph-search-input{width:200px;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.graph-search-input::placeholder{color:#ffffff4d}.graph-search-input:focus{border-color:#daa52066;background:#ffffff1a}.graph-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0e1220f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}.graph-search-result{display:block;width:100%;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.graph-search-result:hover{background:#daa52026}.graph-search-empty{padding:8px 12px;font-family:var(--font-body);font-size:12px;color:#ffffff59;font-style:italic}.how-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#04060cbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .25s var(--ease-out-expo)}.how-popup{position:relative;width:90%;max-width:400px;padding:36px 32px 32px;background:linear-gradient(170deg,#141a34f5,#0a0e1efa);border:1px solid rgba(218,165,32,.15);border-radius:18px;box-shadow:0 8px 48px #00000080,0 0 24px #daa52014;animation:modal-enter .3s var(--ease-out-expo)}.how-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted);background:none;border:none;border-radius:8px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.how-close:hover{color:var(--text-primary);background:#ffffff0f}.how-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--gold);margin-bottom:18px;letter-spacing:-.3px}.how-body{margin-bottom:22px}.how-body p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.how-body p:last-child{margin-bottom:0}.how-body strong{color:var(--text-bright);font-weight:600}.how-target{color:var(--coral-light);font-weight:600}.how-legend{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.how-legend-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.target-beacon{justify-self:center;display:flex;align-items:center;gap:14px;padding:12px 30px 12px 22px;border-radius:40px;border-color:#daa52026;box-shadow:var(--shadow-panel),var(--shadow-glow-gold);animation:beacon-pulse 3s ease-in-out infinite}@keyframes beacon-pulse{0%,to{box-shadow:var(--shadow-panel),0 0 16px #daa52033}50%{box-shadow:var(--shadow-panel),0 0 28px #daa52059}}.target-label{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase}.target-word{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--gold-light);letter-spacing:-.3px}.hud-stats{position:absolute;top:0;right:0;height:72px;z-index:21;display:flex;align-items:center;gap:0;padding:10px 28px 10px 22px;border-radius:var(--panel-radius)}.stat-group{display:flex;flex-direction:column;align-items:center;padding:0 18px;min-width:60px}.stat-num{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--text-bright);line-height:1.2;font-variant-numeric:tabular-nums}.stat-num.score-val{color:var(--gold-light)}.stat-num.under-par{color:var(--green)}.stat-num.over-par{color:var(--gold)}.stat-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:2px}.stat-sep{width:1px;height:36px;background:var(--glass-border);flex-shrink:0}.btn-new{margin-left:12px;padding:12px 22px;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--bg-deep);background:var(--gold);border:none;border-radius:10px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.btn-new:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-new:active{transform:scale(.97)}.btn-new:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-new:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.hud-recent{position:absolute;left:28px;top:92px;z-index:18;min-width:200px;padding:0;background:#0e142c73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff0a;overflow:hidden;animation:recent-enter .35s var(--ease-out-expo)}@keyframes recent-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.recent-header{display:flex;align-items:center;gap:12px;padding:14px 20px 12px;background:#daa52008;border-bottom:1px solid rgba(218,165,32,.06)}.recent-source{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--gold-light);letter-spacing:-.2px}.recent-arrow{font-size:15px;color:#daa52059}.recent-words{display:flex;flex-direction:column;padding:10px 0}.recent-word{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--text-bright);padding:7px 20px;letter-spacing:-.2px}.recent-word:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.4;flex-shrink:0}.recent-word:last-child{padding-bottom:10px}.hud-legend{position:absolute;bottom:28px;right:28px;z-index:20;display:flex;gap:22px;padding:14px 24px;border-color:#daa5201a}.legend-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary)}.legend-swatch{width:16px;height:16px;border-radius:5px}.legend-swatch.start{background:#3a5080;border:1.5px solid rgba(100,150,255,.5)}.legend-swatch.expanded{background:#3a2870;border:1.5px solid rgba(123,104,238,.5)}.legend-swatch.fresh{background:#302818;border:1.5px solid rgba(218,175,60,.5)}.legend-swatch.target{background:#5a2030;border:1.5px solid rgba(255,107,107,.55)}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-deep)}.loading-orbit{width:44px;height:44px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--gold);border-radius:50%;animation:orbit .9s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.loading-label{margin-top:20px;font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-muted);letter-spacing:.3px}.toast-error{position:absolute;top:90px;left:50%;transform:translate(-50%);z-index:60;padding:12px 28px;font-size:14px;color:var(--red);background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:var(--panel-radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-panel);animation:toast-in .3s var(--ease-out-expo)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060ce0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fade-in .35s var(--ease-out-expo)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:90%;max-width:420px;padding:48px 40px 40px;background:linear-gradient(170deg,#141a34f2,#0a0e1ef7);border:1px solid var(--glass-border-hover);border-radius:20px;text-align:center;box-shadow:0 8px 60px #0009,0 0 0 1px #ffffff08;overflow:hidden;animation:modal-enter .4s var(--ease-out-expo)}@keyframes modal-enter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0}.modal.accent-exceptional:before{background:linear-gradient(90deg,#a855f7,#7c3aed)}.modal.accent-excellent:before{background:linear-gradient(90deg,#4ade80,#22c55e)}.modal.accent-par:before{background:linear-gradient(90deg,#4a9eff,#3b82f6)}.modal.accent-over:before{background:linear-gradient(90deg,#fbbf24,#daa520)}.modal-title{font-family:var(--font-display);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);margin-bottom:8px}.modal-rating{font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:28px;letter-spacing:-.5px}.modal-rating.exceptional{color:#a855f7}.modal-rating.excellent{color:#4ade80}.modal-rating.par{color:#4a9eff}.modal-rating.over{color:var(--text-secondary)}.modal-score-display{margin-bottom:28px}.modal-score-num{font-family:var(--font-mono);font-size:68px;font-weight:600;color:var(--gold-light);line-height:1;letter-spacing:-2px}.modal-score-unit{display:block;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-top:8px}.breakdown{padding:18px 0;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.breakdown-key{font-size:14px;color:var(--text-secondary)}.breakdown-val{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-bright)}.breakdown-val.bonus{color:var(--green)}.modal-stats{display:flex;justify-content:center;gap:40px;padding:16px 0;margin-bottom:16px}.modal-stat{text-align:center}.modal-stat-val{font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text-bright);line-height:1.2}.modal-stat-val.exceptional{color:#a855f7}.modal-stat-val.excellent{color:#4ade80}.modal-stat-val.par{color:#4a9eff}.modal-stat-val.over{color:var(--gold)}.modal-stat-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:4px}.par-pill{display:inline-block;font-family:var(--font-display);font-size:14px;font-weight:600;padding:9px 22px;border-radius:20px;margin-bottom:24px}.par-pill.exceptional{color:#a855f7;background:#a855f71a}.par-pill.excellent{color:#4ade80;background:#4ade801a}.par-pill.par{color:#4a9eff;background:#4a9eff1a}.par-pill.over{color:var(--gold);background:#daa5201a}.modal .btn-new{width:100%;padding:15px 24px;font-size:15px;border-radius:12px;margin-left:0}@media (max-width: 768px){.hud-header{height:64px;padding:0 18px}.hud-logo{font-size:22px}.help-trigger{width:26px;height:26px;font-size:13px;margin-left:8px}.target-beacon{padding:8px 22px 8px 16px;gap:10px}.target-word{font-size:22px}.target-label{font-size:11px}.hud-stats{height:64px;padding:8px 18px 8px 14px}.stat-group{padding:0 12px;min-width:48px}.stat-num{font-size:20px}.stat-lbl{font-size:10px}.btn-new{padding:10px 16px;font-size:13px}.graph-search{height:64px;right:380px}.graph-search-input{width:170px;padding:8px 12px;font-size:13px}.hud-legend,.hud-recent{display:none}.toast-error{top:80px;font-size:13px;padding:10px 20px}.modal{padding:36px 28px 32px}.modal-score-num{font-size:52px}.modal-stat-val{font-size:24px}}@media (max-width: 540px){.hud-header{height:56px;padding:0 14px;grid-template-columns:auto 1fr;backdrop-filter:none;-webkit-backdrop-filter:none;background:#080c18eb}.hud-logo{font-size:18px}.help-trigger{width:24px;height:24px;font-size:12px;margin-left:6px}.graph-search{right:14px;height:56px}.graph-search-input-wrap:not(.mobile-open){display:none}.graph-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px;color:var(--gold-dim);background:#daa52014;border:1px solid rgba(218,165,32,.2);border-radius:50%;cursor:pointer}.graph-search-input-wrap{display:none;position:fixed;top:56px;left:0;right:0;padding:8px 14px;background:#080c18f2;border-bottom:1px solid rgba(255,255,255,.06);z-index:30}.graph-search-input-wrap.mobile-open{display:block}.graph-search-input{width:100%}.target-beacon{padding:6px 16px 6px 12px;gap:8px;justify-self:center}.target-word{font-size:18px}.target-label{display:none}.hud-stats{position:fixed;top:auto;right:0;bottom:0;left:0;height:auto;width:100%;border-radius:14px 14px 0 0;padding:8px 12px;justify-content:center;gap:0;z-index:25;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-panel)}.stat-group{padding:0 10px;min-width:40px}.stat-num{font-size:18px}.stat-lbl{font-size:9px;letter-spacing:1px}.stat-sep{height:26px}.btn-new{padding:8px 14px;font-size:12px;margin-left:6px;border-radius:8px}.toast-error{top:auto;bottom:70px;font-size:13px;padding:10px 20px;max-width:calc(100% - 32px)}.how-popup{padding:28px 24px 24px;max-width:340px}.how-title{font-size:18px;margin-bottom:14px}.how-body p{font-size:13px;line-height:1.6}.modal{padding:32px 24px 28px;max-width:360px}.modal-title{font-size:13px;letter-spacing:2px}.modal-rating{font-size:26px;margin-bottom:20px}.modal-score-num{font-size:48px;letter-spacing:-1px}.modal-score-unit{font-size:10px;margin-top:6px}.modal-stats{gap:28px;padding:12px 0}.modal-stat-val{font-size:22px}.modal-stat-lbl{font-size:9px}.par-pill{font-size:13px;padding:8px 18px;margin-bottom:20px}.modal .btn-new{padding:13px 20px;font-size:14px}.breakdown-key,.breakdown-val{font-size:13px}}@media (max-width: 380px){.hud-header{height:48px;padding:0 10px}.hud-logo{font-size:16px}.help-trigger{width:22px;height:22px;font-size:11px}.target-beacon{padding:5px 12px}.target-word{font-size:16px}.graph-search{top:8px;right:10px}.graph-search-toggle{width:28px;height:28px;font-size:16px}.graph-search-input-wrap{top:48px}.hud-stats{padding:6px 8px}.stat-group{padding:0 7px}.stat-num{font-size:15px}.btn-new{padding:7px 10px;font-size:11px}.modal{padding:28px 20px 24px}.modal-score-num{font-size:40px}.modal-rating{font-size:22px}.modal-stat-val{font-size:20px}.modal-stats{gap:20px}}@media (pointer: coarse){.btn-new,.help-trigger,.how-close{touch-action:manipulation}.help-trigger{width:32px;height:32px}.how-close{width:36px;height:36px}}.landing{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);overflow:hidden}.landing-card{text-align:center;padding:48px 40px;max-width:400px;width:90%}.landing-title{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:-1px;color:var(--text-secondary);margin-bottom:8px}.landing-title span{color:var(--gold)}.landing-subtitle{font-size:15px;color:var(--text-muted);margin-bottom:40px}.landing-buttons{display:flex;flex-direction:column;gap:12px}.btn-landing{width:100%;padding:15px 24px;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.3px;border:none;border-radius:12px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.btn-landing:hover{transform:translateY(-1px)}.btn-landing:active{transform:scale(.98)}.btn-solo{color:var(--bg-deep);background:var(--gold)}.btn-solo:hover{background:var(--gold-light)}.btn-create{color:var(--text-bright);background:#7b68ee26;border:1px solid rgba(123,104,238,.3)}.btn-create:hover{background:#7b68ee40;border-color:#7b68ee80}.btn-join{color:var(--text-bright);background:#4a9eff1f;border:1px solid rgba(74,158,255,.25)}.btn-join:hover{background:#4a9eff38;border-color:#4a9eff73}.btn-leave{color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:14px;padding:12px 24px}.btn-leave:hover{background:#ffffff1a}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#04060cbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .25s var(--ease-out-expo)}.landing-modal{position:relative;width:90%;max-width:360px;padding:36px 32px 32px;background:linear-gradient(170deg,#141a34f5,#0a0e1efa);border:1px solid rgba(218,165,32,.15);border-radius:18px;box-shadow:0 8px 48px #00000080,0 0 24px #daa52014;animation:modal-enter .3s var(--ease-out-expo)}.landing-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:16px;text-align:left}.landing-input{width:100%;padding:12px 16px;font-family:var(--font-body);font-size:15px;color:var(--text-bright);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none;transition:border-color var(--transition-fast)}.landing-input:focus{border-color:#daa52066}.landing-input::placeholder{color:var(--text-muted)}.landing-input-code{font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:4px;text-align:center;text-transform:uppercase}.btn-modal-action{width:100%;margin-left:0;margin-top:4px}.lobby-card{max-width:440px}.lobby-code-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;padding:16px 20px;background:#daa5200f;border:1px solid rgba(218,165,32,.15);border-radius:14px}.lobby-code-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.lobby-code{font-family:var(--font-mono);font-size:28px;font-weight:700;letter-spacing:4px;color:var(--gold-light)}.btn-copy{padding:6px 14px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--gold);background:#daa5201f;border:1px solid rgba(218,165,32,.25);border-radius:8px;cursor:pointer;transition:background var(--transition-fast)}.btn-copy:hover{background:#daa52033}.lobby-players{text-align:left;margin-bottom:24px}.lobby-players-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:10px}.lobby-player{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;margin-bottom:4px;background:#ffffff08}.lobby-host-star{color:var(--gold);font-size:14px}.lobby-player-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-bright)}.lobby-host-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gold-dim);margin-left:auto}.lobby-actions{display:flex;flex-direction:column;gap:10px}.lobby-wait-msg{font-size:14px;color:var(--text-muted);padding:12px 0}.mp-stats{gap:0;transition:border-color .3s ease,box-shadow .3s ease}.mp-stats.mp-active-turn{border-color:#daa52059;box-shadow:var(--shadow-panel),0 0 12px #daa5201f}.mp-turn-group{min-width:80px;display:flex;flex-direction:row;align-items:center;gap:8px}.mp-turn-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:mp-dot-pulse 1.5s ease-in-out infinite}@keyframes mp-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.mp-turn-name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-primary)}.mp-turn-name.my-turn{color:var(--gold-light)}.last-action{color:var(--coral)!important;animation:mp-last-pulse 1s ease-in-out infinite}.last-action-lbl{color:var(--coral)!important;font-weight:600;letter-spacing:.5px}@keyframes mp-last-pulse{0%,to{opacity:1}50%{opacity:.5}}.mp-turn-flash{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;font-family:var(--font-display);font-size:48px;font-weight:800;letter-spacing:4px;color:var(--gold-light);text-shadow:0 0 30px rgba(218,165,32,.5),0 0 60px rgba(218,165,32,.2);pointer-events:none;animation:mp-flash-in 2.5s ease-out forwards}@keyframes mp-flash-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.btn-end-turn{padding:8px 16px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;margin-left:6px}.btn-end-turn:hover{background:#ffffff1a;border-color:#fff3}.btn-bomb{padding:8px 14px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary);background:#ff505014;border:1px solid rgba(255,80,80,.2);border-radius:8px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;margin-left:6px}.btn-bomb:hover{background:#ff505026;border-color:#ff505066}.btn-bomb.bomb-active{background:#ff505033;border-color:#ff505099;color:#ff6b6b;box-shadow:0 0 10px #ff505026}.mp-player-bombs{margin-left:auto;font-size:12px;opacity:.7}.mp-players{position:absolute;left:28px;top:92px;z-index:20;min-width:160px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);padding:0;overflow:hidden}.mp-players-header{padding:10px 16px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);background:#ffffff05;border-bottom:1px solid var(--glass-border)}.mp-player{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-secondary);transition:background var(--transition-fast)}.mp-player:last-child{padding-bottom:10px}.mp-player-active{color:var(--gold-light);background:#daa5200f}.mp-player-indicator{font-size:10px;width:12px;text-align:center}.mp-player-active .mp-player-indicator{color:var(--gold)}.mp-bomb-banner{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:20;padding:10px 24px;font-family:var(--font-display);font-size:14px;font-weight:600;color:#ff9494;background:#501414d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,80,80,.3);border-radius:20px;box-shadow:var(--shadow-panel),0 0 12px #ff505026;white-space:nowrap}.mp-waiting-banner{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:20;padding:10px 24px;font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-secondary);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-panel);white-space:nowrap}.mp-winning-word{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--gold-light);letter-spacing:-.5px}.btn-back{position:absolute;bottom:28px;left:28px;z-index:20;padding:10px 20px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--shadow-panel);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.btn-back:hover{color:var(--text-bright);background:#0e142ce6}@media (max-width: 768px){.mp-players{display:none}.btn-back{bottom:14px;left:14px;padding:8px 14px;font-size:12px}}@media (max-width: 540px){.landing-title{font-size:32px}.landing-subtitle{font-size:14px;margin-bottom:28px}.landing-card{padding:36px 28px}.btn-landing{font-size:15px;padding:14px 20px}.lobby-code{font-size:22px}.lobby-code-row{padding:12px 16px}.mp-waiting-banner{bottom:60px;font-size:13px;padding:8px 18px}.mp-bomb-banner{bottom:60px;font-size:12px;padding:8px 16px}.mp-stats .mp-turn-group{min-width:60px}.mp-turn-name{font-size:13px}.btn-end-turn{padding:7px 12px;font-size:11px}.btn-bomb{padding:7px 10px;font-size:11px}.btn-back{bottom:60px;left:12px}}@media (max-width: 380px){.landing-title{font-size:26px}.landing-card{padding:28px 20px}.btn-landing{font-size:14px;padding:12px 16px}.lobby-code{font-size:20px;letter-spacing:3px}}@media (pointer: coarse){.btn-landing,.btn-copy,.btn-end-turn,.btn-bomb,.btn-back{touch-action:manipulation}}