:root{--bg-deep: #0a0e17;--bg-surface: #0f1320;--bg-raised: #141929;--bg-glass: rgba(14, 18, 30, .65);--text-bright: #e8edf5;--text-primary: #b0b8c8;--text-secondary: #6b7a8d;--text-muted: #3d4756;--blue: #4a8fd4;--green: #38d97a;--gold: #daa520;--gold-light: #f0d060;--gold-dim: #8a6a18;--red: #d94848;--blue-subtle: rgba(74, 143, 212, .06);--blue-light: rgba(74, 143, 212, .12);--blue-mid: rgba(74, 143, 212, .2);--blue-strong: rgba(74, 143, 212, .35);--blue-bold: rgba(74, 143, 212, .5);--blue-hover: #5a9fe0;--green-subtle: rgba(56, 217, 122, .06);--green-light: rgba(56, 217, 122, .12);--green-mid: rgba(56, 217, 122, .2);--green-strong: rgba(56, 217, 122, .35);--green-bold: rgba(56, 217, 122, .5);--green-hover: #4ae588;--gold-subtle: rgba(218, 165, 32, .06);--gold-light: rgba(218, 165, 32, .12);--gold-mid: rgba(218, 165, 32, .2);--gold-strong: rgba(218, 165, 32, .35);--gold-bold: rgba(218, 165, 32, .5);--red-subtle: rgba(217, 72, 72, .06);--red-light: rgba(217, 72, 72, .12);--red-mid: rgba(217, 72, 72, .2);--red-strong: rgba(217, 72, 72, .35);--red-bold: rgba(217, 72, 72, .5);--quad-stripe: linear-gradient(90deg, var(--blue) 0%, var(--blue) 25%, var(--green) 25%, var(--green) 50%, var(--gold) 50%, var(--gold) 75%, var(--red) 75%, var(--red) 100% );--glass-border: rgba(140, 170, 220, .06);--glass-border-hover: rgba(140, 170, 220, .12);--panel-radius: 3px;--shadow-panel: 0 2px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(140,170,220,.03);--shadow-glow-blue: 0 0 16px var(--blue-mid);--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: .12s var(--ease-out-expo);--transition-normal: .2s var(--ease-out-expo)}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*: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:14px;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(140,170,220,.018) 1px,transparent 1px);background-size:28px 28px;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 20% 30%,var(--blue-subtle) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,var(--green-subtle) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(6,8,14,.6) 100%);pointer-events:none;z-index:0}@media (max-width: 768px){.graph-viewport:before,.graph-viewport:after{display:none}}.hud-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 16px;height:56px;background:#0a0e17d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.hud-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--quad-stripe);opacity:.6}.hud-logo{display:flex;align-items:center;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-1px;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.hud-logo .logo-l{color:var(--blue)}.hud-logo .logo-e{color:var(--green)}.hud-logo .logo-x{color:var(--gold)}.hud-logo .logo-i{color:var(--red)}.hud-logo .logo-quest{color:#fff}.help-trigger{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-secondary);background:var(--blue-subtle);border:1px solid var(--blue-light);border-radius:2px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.help-trigger:hover{color:var(--blue);background:var(--blue-light);border-color:var(--blue-strong)}.target-beacon{position:relative;display:flex;align-items:center;gap:10px;padding:7px 20px 7px 14px;margin:0 auto;background:var(--red-subtle);border:1px solid var(--red-mid);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel),0 0 14px var(--red-light);animation:beacon-pulse 3s ease-in-out infinite;flex-shrink:1;min-width:0;overflow:hidden}@keyframes beacon-pulse{0%,to{box-shadow:var(--shadow-panel),0 0 10px var(--red-subtle);border-color:var(--red-mid)}50%{box-shadow:var(--shadow-panel),0 0 20px var(--red-mid);border-color:var(--red-strong)}}.target-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:2px;color:var(--red);text-transform:uppercase;flex-shrink:0}.target-word{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-bright);letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.graph-search{display:flex;align-items:center}.graph-search-toggle{display:none}.graph-search-input-wrap{position:relative}.graph-search-input{width:150px;padding:6px 10px;font-family:var(--font-body);font-size:12px;color:var(--text-bright);background:#8caadc0a;border:1px solid var(--glass-border);border-radius:var(--panel-radius);outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}.graph-search-input::placeholder{color:var(--text-muted)}.graph-search-input:focus{border-color:var(--blue-strong);background:#8caadc12}.graph-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0e121cf5;border:1px solid var(--glass-border-hover);border-radius:var(--panel-radius);overflow:hidden;box-shadow:0 6px 20px #00000080;z-index:30}.graph-search-result{display:block;width:100%;padding:8px 12px;font-family:var(--font-body);font-size:12px;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.graph-search-result:hover{background:var(--blue-light)}.graph-search-empty{padding:8px 12px;font-family:var(--font-body);font-size:11px;color:var(--text-muted);font-style:italic}.hud-stats{display:flex;align-items:center;gap:0}.stat-group{display:flex;flex-direction:column;align-items:center;padding:0 12px;min-width:48px}.stat-num{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--text-bright);line-height:1.2;font-variant-numeric:tabular-nums}.stat-num.score-val{color:var(--gold)}.stat-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-top:1px}.stat-sep{width:1px;height:28px;background:var(--glass-border);flex-shrink:0}.btn-new{margin-left:10px;padding:8px 16px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--bg-deep);background:var(--blue);border:none;border-radius:var(--panel-radius);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn-new:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 2px 10px var(--blue-mid)}.btn-new:active{transform:scale(.97)}.btn-new:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-new:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.how-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#06080ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .2s var(--ease-out-expo)}.how-popup{position:relative;width:90%;max-width:400px;padding:32px 28px 28px;background:var(--bg-raised);border:1px solid var(--glass-border-hover);border-radius:var(--panel-radius);box-shadow:0 8px 40px #0009;animation:modal-enter .2s var(--ease-out-expo);overflow:hidden}.how-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--quad-stripe)}.how-close{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);background:none;border:none;border-radius:2px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.how-close:hover{color:var(--text-primary);background:#8caadc0f}.how-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;margin-top:4px}.how-body{margin-bottom:20px}.how-body p{font-size:13px;color:var(--text-primary);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(--red);font-weight:600}.how-legend{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--glass-border)}.how-legend-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.difficulty-bar{position:absolute;top:66px;right:16px;z-index:20;display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--panel-radius)}.difficulty-label{display:flex;align-items:center;gap:8px;cursor:default}.difficulty-text{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);white-space:nowrap}.difficulty-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:3px;border-radius:1px;background:#fff3;outline:none;cursor:pointer}.difficulty-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:2px;background:var(--text-bright);border:2px solid var(--bg-deep);box-shadow:0 0 4px #0006;cursor:pointer}.difficulty-slider::-moz-range-thumb{width:14px;height:14px;border-radius:2px;background:var(--text-bright);border:2px solid var(--bg-deep);box-shadow:0 0 4px #0006;cursor:pointer}.difficulty-slider:disabled{opacity:.5;cursor:default}.difficulty-slider:disabled::-webkit-slider-thumb{cursor:default}.difficulty-slider:disabled::-moz-range-thumb{cursor:default}.difficulty-value{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-bright);min-width:24px;text-align:right}.difficulty-mult{font-family:var(--font-mono);font-size:11px;font-weight:600;white-space:nowrap}.difficulty-mult.bonus{color:var(--green)}.difficulty-mult.penalty{color:var(--red)}.difficulty-slider-lg{width:100%;height:4px}.difficulty-slider-lg::-webkit-slider-thumb{width:18px;height:18px}.difficulty-slider-lg::-moz-range-thumb{width:18px;height:18px}.difficulty-picker{margin-bottom:24px;padding:18px;background:#8caadc05;border:1px solid var(--glass-border);border-radius:var(--panel-radius)}.difficulty-picker-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:14px}.difficulty-picker-row{display:flex;align-items:center;gap:10px}.difficulty-picker-easy,.difficulty-picker-hard{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;min-width:28px}.difficulty-picker-easy{color:var(--green)}.difficulty-picker-hard{color:var(--red)}.difficulty-picker-info{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.difficulty-picker-level{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-bright);letter-spacing:.5px;padding:4px 10px;background:#8caadc0a;border:1px solid var(--glass-border);border-radius:var(--panel-radius)}.difficulty-picker-mult{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.3px}.hud-recent{position:absolute;left:16px;top:66px;z-index:18;min-width:190px;padding:0;background:#0e121e80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);overflow:hidden;animation:recent-enter .2s var(--ease-out-expo)}@keyframes recent-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.recent-header{display:flex;align-items:center;gap:10px;padding:10px 16px 8px;background:var(--blue-subtle);border-bottom:1px solid var(--glass-border)}.recent-source{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-bright);letter-spacing:-.3px}.recent-arrow{font-size:13px;color:var(--text-muted)}.recent-words{display:flex;flex-direction:column;padding:8px 0}.recent-word{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--text-primary);padding:5px 16px;letter-spacing:-.2px}.recent-word:before{content:"";width:4px;height:4px;border-radius:1px;background:var(--blue);opacity:.5;flex-shrink:0}.recent-word:last-child{padding-bottom:8px}.hud-legend{position:absolute;bottom:24px;right:24px;z-index:20;display:flex;gap:18px;padding:10px 18px;background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.legend-swatch{width:14px;height:14px;border-radius:2px}.legend-swatch.start{background:var(--blue-light);border:1.5px solid var(--blue-bold)}.legend-swatch.expanded{background:var(--green-light);border:1.5px solid var(--green-bold)}.legend-swatch.fresh{background:var(--gold-light);border:1.5px solid var(--gold-bold)}.legend-swatch.target{background:var(--red-light);border:1.5px solid var(--red-bold)}.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:36px;height:36px;border:2px solid rgba(140,170,220,.06);border-top-color:var(--blue);border-radius:50%;animation:orbit .8s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.loading-label{margin-top:16px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.5px}.toast-error{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:60;padding:10px 24px;font-family:var(--font-mono);font-size:12px;color:var(--red);background:var(--red-subtle);border:1px solid var(--red-mid);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);animation:toast-in .2s var(--ease-out-expo)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-6px)}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:#06080ee0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;animation:fade-in .25s var(--ease-out-expo)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:90%;max-width:400px;padding:40px 36px 36px;background:var(--bg-raised);border:1px solid var(--glass-border-hover);border-radius:var(--panel-radius);text-align:center;box-shadow:0 8px 48px #0009;overflow:hidden;animation:modal-enter .25s var(--ease-out-expo)}@keyframes modal-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--quad-stripe)}.modal.accent-exceptional:before,.modal.accent-excellent:before,.modal.accent-great:before,.modal.accent-over:before{background:var(--quad-stripe)}.modal-title{font-family:var(--font-display);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);margin-bottom:6px}.modal-rating{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:24px;letter-spacing:-.5px}.modal-rating.exceptional{color:var(--green)}.modal-rating.excellent{color:var(--blue)}.modal-rating.great{color:var(--gold)}.modal-rating.over{color:var(--text-secondary)}.modal-score-display{margin-bottom:24px}.modal-score-num{font-family:var(--font-mono);font-size:60px;font-weight:600;color:var(--text-bright);line-height:1;letter-spacing:-2px}.modal-score-unit{display:block;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--text-muted);margin-top:6px}.breakdown{padding:16px 0;margin-bottom:16px;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.breakdown-key{font-size:13px;color:var(--text-secondary)}.breakdown-val{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-bright)}.breakdown-val.bonus{color:var(--green)}.breakdown-val.penalty{color:var(--red)}.modal-stats{display:flex;justify-content:center;gap:36px;padding:14px 0;margin-bottom:14px}.modal-stat{text-align:center}.modal-stat-val{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--text-bright);line-height:1.2}.modal-stat-val.exceptional{color:var(--green)}.modal-stat-val.excellent{color:var(--blue)}.modal-stat-val.great{color:var(--gold)}.modal-stat-val.over{color:var(--text-secondary)}.modal-stat-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-top:4px}.modal-buttons{display:flex;flex-direction:column;gap:8px;margin-top:4px}.modal .btn-new{width:100%;padding:13px 24px;font-size:14px;margin-left:0}.btn-view-graph{width:100%;padding:11px 24px;font-size:13px;font-family:var(--font-display);font-weight:600;letter-spacing:.5px;color:var(--text-secondary);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;transition:all .15s var(--ease-out-expo)}.btn-view-graph:hover{color:var(--text-primary);border-color:var(--glass-border-hover);background:#8caadc0f}.post-game-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:100;animation:fade-in .25s var(--ease-out-expo)}.legend-swatch.shortest-path{background:#38d9b4b3;box-shadow:0 0 6px #38d9b466}.warmth-val{display:flex;align-items:center;gap:5px}.warmth-dot{display:inline-block;width:8px;height:8px;border-radius:50%;transition:background .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.tutorial-tooltip{position:fixed;z-index:200;display:flex;align-items:center;gap:10px;padding:12px 18px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-bright);background:#0e121eeb;border:1px solid var(--blue-strong);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel),0 0 20px var(--blue-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:tutorial-enter .3s var(--ease-out-expo);pointer-events:auto}.tutorial-click{bottom:50%;left:50%;transform:translate(-50%) translateY(60px)}.tutorial-combine{bottom:40%;left:50%;transform:translate(-50%)}@keyframes tutorial-enter{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tutorial-tooltip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0;animation:tutorial-pulse 1.5s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.tutorial-dismiss{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:2px;flex-shrink:0;transition:color var(--transition-fast)}.tutorial-dismiss:hover{color:var(--text-primary)}.btn-sound{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:6px;font-size:14px;color:var(--text-secondary);background:#8caadc0a;border:1px solid var(--glass-border);border-radius:var(--panel-radius);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);line-height:1}.btn-sound:hover{color:var(--text-primary);background:#8caadc14;border-color:var(--glass-border-hover)}.btn-sound.muted{opacity:.5}.btn-share{width:100%;padding:11px 24px;font-size:13px;font-family:var(--font-display);font-weight:600;letter-spacing:.5px;color:var(--gold);background:var(--gold-subtle);border:1px solid var(--gold-mid);border-radius:var(--panel-radius);cursor:pointer;transition:all .15s var(--ease-out-expo)}.btn-share:hover{background:var(--gold-light);border-color:var(--gold-strong)}.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px;flex-shrink:0;transition:background var(--transition-normal)}.connection-dot.connected{background:var(--green);box-shadow:0 0 6px var(--green-strong)}.connection-dot.disconnected{background:var(--red);box-shadow:0 0 6px var(--red-strong);animation:conn-blink 1s ease-in-out infinite}@keyframes conn-blink{0%,to{opacity:1}50%{opacity:.3}}.connection-label{font-family:var(--font-mono);font-size:9px;color:var(--red);margin-left:4px;letter-spacing:.3px;white-space:nowrap}@media (max-width: 768px){.hud-header{padding:0 12px}.hud-logo{font-size:18px}.help-trigger{width:22px;height:22px;font-size:11px;margin-left:6px}.target-beacon{padding:5px 14px 5px 10px;gap:6px}.target-word{font-size:16px}.target-label{font-size:8px}.stat-group{padding:0 8px;min-width:40px}.stat-num{font-size:17px}.stat-lbl{font-size:8px}.stat-sep{height:24px}.btn-new{padding:6px 12px;font-size:11px}.graph-search-input{width:120px;padding:5px 8px;font-size:11px}.hud-legend,.hud-recent{display:none}.toast-error{top:64px;font-size:11px;padding:8px 16px}.btn-sound{width:26px;height:26px}.modal{padding:32px 24px 28px}.modal-score-num{font-size:46px}.modal-stat-val{font-size:22px}}@media (max-width: 540px){.hud-header{height:48px;padding:0 10px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0e17f0}.hud-logo{font-size:16px;letter-spacing:-.5px}.help-trigger{width:22px;height:22px;font-size:11px;margin-left:5px}.hud-header-right{gap:0}.graph-search-input-wrap:not(.mobile-open){display:none}.graph-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:14px;color:var(--text-secondary);background:var(--blue-subtle);border:1px solid var(--blue-light);border-radius:2px;cursor:pointer}.graph-search-input-wrap{display:none;position:fixed;top:48px;left:0;right:0;padding:6px 10px;background:#0a0e17f5;border-bottom:1px solid var(--glass-border);z-index:30}.graph-search-input-wrap.mobile-open{display:block}.graph-search-input{width:100%}.target-beacon{padding:5px 12px 5px 8px;gap:6px}.target-word{font-size:15px}.target-label{font-size:8px;letter-spacing:1.5px}.hud-stats{position:fixed;top:auto;right:0;bottom:0;left:0;height:auto;width:100%;border-radius:3px 3px 0 0;padding:6px 10px;justify-content:center;gap:0;z-index:25;background:#0a0e17e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-panel)}.difficulty-bar:before{content:"";position:absolute;top:-2px;left:0;right:0;height:1px;background:var(--quad-stripe);opacity:.6}.stat-group{padding:0 7px;min-width:34px}.stat-num{font-size:15px}.stat-lbl{font-size:7px;letter-spacing:1px}.stat-sep{height:20px}.btn-new{padding:6px 10px;font-size:10px;margin-left:6px}.difficulty-bar{position:fixed;top:auto;right:0;bottom:42px;left:0;border-radius:0;padding:4px 10px;justify-content:center;background:#0a0e17e6;border:none;border-top:1px solid var(--glass-border)}.difficulty-slider{width:160px}.difficulty-slider-sm{width:100px}.difficulty-value{font-size:12px}.btn-sound{width:24px;height:24px;font-size:12px;margin-left:4px}.tutorial-click,.tutorial-combine{bottom:80px;left:10px;right:10px;transform:none;font-size:12px;padding:10px 14px}.btn-share{padding:9px 18px;font-size:12px}.connection-label{display:none}.toast-error{top:auto;bottom:90px;font-size:11px;padding:8px 16px;max-width:calc(100% - 24px)}.how-popup{padding:24px 20px 20px;max-width:320px}.how-title{font-size:10px;margin-bottom:12px}.how-body p{font-size:12px;line-height:1.6}.modal{padding:28px 20px 24px;max-width:320px}.modal-title{font-size:9px;letter-spacing:2px}.modal-rating{font-size:22px;margin-bottom:16px}.modal-score-num{font-size:40px;letter-spacing:-1px}.modal-score-unit{font-size:8px;margin-top:4px}.modal-stats{gap:20px;padding:10px 0}.modal-stat-val{font-size:18px}.modal-stat-lbl{font-size:8px}.modal .btn-new{padding:11px 18px;font-size:13px}.btn-view-graph{padding:9px 18px;font-size:12px}.breakdown-key,.breakdown-val{font-size:12px}.post-game-controls{bottom:100px;gap:8px}.post-game-controls .btn-new{padding:8px 14px;font-size:11px}}@media (max-width: 380px){.hud-header{height:42px;padding:0 8px}.hud-logo{font-size:14px}.help-trigger{width:20px;height:20px;font-size:10px}.target-beacon{padding:3px 8px}.target-word{font-size:13px}.graph-search-toggle{width:22px;height:22px;font-size:12px}.graph-search-input-wrap{top:42px}.warmth-dot{width:6px;height:6px}.hud-stats{padding:4px 6px}.stat-group{padding:0 5px}.stat-num{font-size:13px}.btn-new{padding:5px 7px;font-size:9px}.modal{padding:24px 16px 20px}.modal-score-num{font-size:34px}.modal-rating{font-size:18px}.modal-stat-val{font-size:16px}.modal-stats{gap:14px}}@media (pointer: coarse){.btn-new,.help-trigger,.how-close{touch-action:manipulation}.help-trigger{width:28px;height:28px}.how-close{width:32px;height:32px}}.landing{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);overflow:hidden;background-image:radial-gradient(ellipse at 30% 40%,var(--blue-subtle) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,var(--green-subtle) 0%,transparent 50%)}.landing-card{text-align:center;padding:44px 36px;max-width:380px;width:90%}.landing-title{font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:-1.5px;margin-bottom:6px}.landing-title .logo-l{color:var(--blue)}.landing-title .logo-e{color:var(--green)}.landing-title .logo-x{color:var(--gold)}.landing-title .logo-i{color:var(--red)}.landing-title .logo-quest{color:#fff}.landing-stripe{display:block;width:100%;height:2px;margin:10px auto 12px;background:var(--quad-stripe);opacity:.7}.landing-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:36px;letter-spacing:.2px}.landing-buttons{display:flex;flex-direction:column;gap:10px}.btn-landing{width:100%;padding:13px 24px;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.5px;border:none;border-radius:var(--panel-radius);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-landing:hover{transform:translateY(-1px)}.btn-landing:active{transform:scale(.98)}.btn-solo{color:var(--bg-deep);background:var(--blue)}.btn-solo:hover{background:var(--blue-hover);box-shadow:0 2px 12px var(--blue-strong)}.btn-create{color:var(--text-bright);background:var(--green-subtle);border:1px solid var(--green-mid)}.btn-create:hover{background:var(--green-light);border-color:var(--green-strong);box-shadow:0 2px 12px var(--green-light)}.btn-join{color:var(--text-bright);background:var(--gold-subtle);border:1px solid var(--gold-mid)}.btn-join:hover{background:var(--gold-light);border-color:var(--gold-strong);box-shadow:0 2px 12px var(--gold-light)}.btn-start{color:var(--bg-deep);background:var(--green)}.btn-start:hover{background:var(--green-hover);box-shadow:0 2px 12px var(--green-strong)}.btn-start:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn-leave{color:var(--text-secondary);background:#8caadc0a;border:1px solid var(--glass-border);font-size:13px;padding:11px 24px}.btn-leave:hover{background:#8caadc14}.landing-error{position:relative;top:auto;left:auto;transform:none;margin-bottom:16px;text-align:center}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#06080ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .2s var(--ease-out-expo)}.landing-modal{position:relative;width:90%;max-width:340px;padding:32px 28px 28px;background:var(--bg-raised);border:1px solid var(--glass-border-hover);border-radius:var(--panel-radius);box-shadow:0 8px 40px #0009;animation:modal-enter .2s var(--ease-out-expo);overflow:hidden}.landing-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--quad-stripe)}.landing-label{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:14px;text-align:left}.landing-input{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:14px;color:var(--text-bright);background:#8caadc0a;border:1px solid var(--glass-border);border-radius:var(--panel-radius);outline:none;transition:border-color var(--transition-fast)}.landing-input:focus{border-color:var(--blue-strong)}.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:420px}.lobby-code-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding:14px 18px;background:#8caadc08;border:1px solid var(--glass-border);border-radius:var(--panel-radius);position:relative;overflow:hidden}.lobby-code-row:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--quad-stripe);opacity:.5}.lobby-code-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.lobby-code{font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:4px;color:var(--text-bright)}.btn-copy{padding:5px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--green);background:var(--green-subtle);border:1px solid var(--green-mid);border-radius:var(--panel-radius);cursor:pointer;transition:background var(--transition-fast)}.btn-copy:hover{background:var(--green-light)}.lobby-players{text-align:left;margin-bottom:20px}.lobby-players-header{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.lobby-player{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--panel-radius);margin-bottom:3px;background:#8caadc05;border-left:2px solid transparent;transition:border-color var(--transition-fast),background var(--transition-fast)}.lobby-player:first-child{border-left-color:var(--gold);background:var(--gold-subtle)}.lobby-host-star{color:var(--gold);font-size:13px}.lobby-player-name{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-bright)}.lobby-host-tag{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-left:auto}.lobby-difficulty{text-align:center;margin-bottom:20px}.lobby-difficulty-header{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:10px;text-align:left;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.lobby-difficulty-row{display:flex;align-items:center;gap:10px}.lobby-difficulty-info{margin-top:6px}.lobby-words{text-align:center;margin-bottom:20px}.lobby-words-header{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:10px;text-align:left;padding-bottom:6px;border-bottom:1px solid var(--glass-border)}.lobby-words-row{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 14px;background:#8caadc08;border:1px solid var(--glass-border);border-radius:var(--panel-radius)}.lobby-word-pair{display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-word-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.lobby-word-value{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--text-bright)}.lobby-word-start{color:var(--blue)}.lobby-word-target{color:var(--red)}.lobby-word-arrow{font-size:18px;color:var(--text-muted);margin-top:12px}.btn-reroll{margin-top:10px;padding:7px 16px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--gold);background:var(--gold-subtle);border:1px solid var(--gold-mid);border-radius:var(--panel-radius);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn-reroll:hover{background:var(--gold-light);border-color:var(--gold-strong)}.lobby-actions{display:flex;flex-direction:column;gap:8px}.lobby-wait-msg{font-size:13px;font-family:var(--font-mono);color:var(--text-muted);padding:10px 0;letter-spacing:.3px}.mp-stats{gap:0;transition:border-color .2s ease,box-shadow .2s ease}.mp-stats.mp-ready{border-color:var(--green-mid);box-shadow:var(--shadow-panel),0 0 8px var(--green-subtle)}.mp-cooldown-group{min-width:80px;display:flex;flex-direction:row;align-items:center;gap:8px}.mp-cooldown-bar-track{width:48px;height:4px;background:#8caadc14;border-radius:2px;overflow:hidden}.mp-cooldown-bar-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .05s linear}.mp-cooldown-label{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--gold);min-width:28px}.mp-ready-dot{width:6px;height:6px;border-radius:1px;background:var(--green);flex-shrink:0;animation:mp-ready-pulse 1.5s ease-in-out infinite}@keyframes mp-ready-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.mp-ready-label{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--green)}.btn-bomb{padding:7px 12px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);background:var(--red-subtle);border:1px solid var(--red-light);border-radius:var(--panel-radius);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;margin-left:6px}.btn-bomb:hover{background:var(--red-light);border-color:var(--red-strong)}.btn-bomb.bomb-active{background:var(--red-light);border-color:var(--red-bold);color:var(--red);box-shadow:0 0 8px var(--red-light)}.mp-player-bombs{margin-left:auto;font-size:11px;opacity:.6}.mp-players{position:absolute;left:16px;top:66px;z-index:20;min-width:150px;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);padding:0;overflow:hidden}.mp-players-header{padding:8px 14px 6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);background:#8caadc05;border-bottom:1px solid var(--glass-border)}.mp-player{display:flex;align-items:center;gap:6px;padding:6px 14px;font-family:var(--font-display);font-size:13px;font-weight:500;color:var(--text-secondary);transition:background var(--transition-fast)}.mp-player:last-child{padding-bottom:8px}.mp-player-indicator{font-size:9px;width:12px;text-align:center}.mp-bomb-banner{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20;padding:8px 20px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--red);background:var(--red-subtle);border:1px solid var(--red-mid);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);white-space:nowrap}.mp-winning-word{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-bright);letter-spacing:-.5px}.btn-back{position:absolute;bottom:24px;left:24px;z-index:20;padding:8px 16px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--glass-border);border-radius:var(--panel-radius);box-shadow:var(--shadow-panel);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.btn-back:hover{color:var(--text-bright);background:#0e121ed9}@media (max-width: 768px){.mp-players{display:none}.btn-back{bottom:12px;left:12px;padding:7px 12px;font-size:11px}}@media (max-width: 540px){.landing-title{font-size:30px;letter-spacing:-1px}.landing-subtitle{font-size:12px;margin-bottom:24px}.landing-card{padding:32px 24px}.btn-landing{font-size:13px;padding:12px 18px}.lobby-code{font-size:20px}.lobby-code-row{padding:10px 14px}.mp-bomb-banner{bottom:56px;font-size:11px;padding:6px 12px}.mp-stats .mp-cooldown-group{min-width:60px}.mp-cooldown-bar-track{width:36px}.mp-cooldown-label{font-size:11px}.mp-ready-label{font-size:12px}.btn-bomb{padding:6px 8px;font-size:10px}.btn-back{bottom:92px;left:10px}}@media (max-width: 380px){.landing-title{font-size:24px}.landing-card{padding:24px 16px}.btn-landing{font-size:12px;padding:10px 14px}.lobby-code{font-size:18px;letter-spacing:3px}}@media (pointer: coarse){.btn-landing,.btn-copy,.btn-bomb,.btn-back{touch-action:manipulation}}