.color-picker[data-v-c387ef46]{position:relative;width:100%}.canvas-wrapper[data-v-c387ef46]{position:relative;width:100%;overflow:hidden}.color-canvas[data-v-c387ef46]{width:100%;height:180px;cursor:crosshair;touch-action:none;display:block}.color-indicator[data-v-c387ef46]{position:absolute;width:16px;height:16px;border:3px solid white;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 0 10px #ffffff80;z-index:10;top:0;left:0;margin-top:0;margin-left:0}.hue-slider-container[data-v-c387ef46]{margin-top:12px}.slider-label[data-v-c387ef46]{display:block;font-size:10px;color:var(--text-secondary);margin-bottom:8px;text-align:center;letter-spacing:2px}.hue-slider[data-v-c387ef46]{width:100%;height:12px;-webkit-appearance:none;appearance:none;outline:none;border:2px solid var(--text-primary);cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.hue-slider[data-v-c387ef46]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fff;border:3px solid var(--text-primary);cursor:pointer;box-shadow:0 0 10px #00000080}.hue-slider[data-v-c387ef46]::-moz-range-thumb{width:20px;height:20px;background:#fff;border:3px solid var(--text-primary);cursor:pointer;box-shadow:0 0 10px #00000080}@media(max-width:600px){.color-canvas[data-v-c387ef46]{height:150px}.color-indicator[data-v-c387ef46]{width:14px;height:14px;border:2px solid white}.hue-slider-container[data-v-c387ef46]{margin-top:10px}.slider-label[data-v-c387ef46]{font-size:9px;margin-bottom:6px}.hue-slider[data-v-c387ef46]{height:10px}.hue-slider[data-v-c387ef46]::-webkit-slider-thumb{width:18px;height:18px}.hue-slider[data-v-c387ef46]::-moz-range-thumb{width:18px;height:18px}}@media(max-width:480px){.color-canvas[data-v-c387ef46]{height:130px}.color-indicator[data-v-c387ef46]{width:12px;height:12px;border:2px solid white}.slider-label[data-v-c387ef46]{font-size:8px;margin-bottom:5px;letter-spacing:1.5px}.hue-slider[data-v-c387ef46]{height:10px}.hue-slider[data-v-c387ef46]::-webkit-slider-thumb{width:16px;height:16px;border:2px solid var(--text-primary)}.hue-slider[data-v-c387ef46]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--text-primary)}}@media(max-width:360px){.color-canvas[data-v-c387ef46]{height:110px}.color-indicator[data-v-c387ef46]{width:10px;height:10px}.slider-label[data-v-c387ef46]{font-size:7px;letter-spacing:1px}}@media(max-height:700px){.color-canvas[data-v-c387ef46]{height:120px}}@media(max-height:600px){.color-canvas[data-v-c387ef46]{height:100px}.color-indicator[data-v-c387ef46]{width:10px;height:10px;border:2px solid white}.hue-slider-container[data-v-c387ef46]{margin-top:8px}.slider-label[data-v-c387ef46]{margin-bottom:4px}}.game-container[data-v-bc25f6bd]{max-width:1000px;margin:0 auto;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px}.language-switcher[data-v-bc25f6bd]{position:absolute;top:20px;right:20px;display:flex;gap:5px;z-index:1000}.lang-btn[data-v-bc25f6bd]{background:var(--bg-dark);color:var(--text-secondary);border:1px solid var(--text-secondary);padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.lang-btn[data-v-bc25f6bd]:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.lang-btn.active[data-v-bc25f6bd]{background:var(--accent-primary);color:var(--bg-dark);border-color:var(--accent-primary)}@media(max-width:768px){.language-switcher[data-v-bc25f6bd]{top:10px;right:10px}.lang-btn[data-v-bc25f6bd]{padding:6px 10px;font-size:10px}}.main-menu[data-v-bc25f6bd]{background:var(--bg-card);padding:60px 40px;text-align:center;width:100%;max-width:500px}.menu-subtitle[data-v-bc25f6bd]{font-size:11px;color:var(--text-secondary);margin-top:-5px;margin-bottom:40px;letter-spacing:1px}.menu-buttons[data-v-bc25f6bd]{display:flex;flex-direction:column;gap:15px}.menu-btn[data-v-bc25f6bd]{width:100%;padding:18px;font-size:14px}.menu-btn.secondary[data-v-bc25f6bd]{background:var(--bg-dark);border-color:var(--text-secondary)}.menu-btn.secondary[data-v-bc25f6bd]:hover{border-color:var(--accent-primary)}.rules-screen[data-v-bc25f6bd],.privacy-screen[data-v-bc25f6bd]{background:var(--bg-card);padding:30px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.screen-title[data-v-bc25f6bd]{font-size:20px;color:var(--accent-primary);text-align:center;margin-bottom:25px;letter-spacing:2px}.rules-content[data-v-bc25f6bd],.privacy-content[data-v-bc25f6bd]{text-align:left;margin-bottom:25px}.rule-section[data-v-bc25f6bd],.privacy-section[data-v-bc25f6bd]{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--border-pixel)}.rule-section[data-v-bc25f6bd]:last-child,.privacy-section[data-v-bc25f6bd]:last-child{border-bottom:none}.rule-section h3[data-v-bc25f6bd],.privacy-section h3[data-v-bc25f6bd]{font-size:12px;color:var(--accent-primary);margin-bottom:10px;letter-spacing:1px}.rule-section p[data-v-bc25f6bd],.privacy-section p[data-v-bc25f6bd]{font-size:10px;line-height:1.6;color:var(--text-secondary);margin-bottom:8px}.rule-section ul[data-v-bc25f6bd]{list-style:none;padding:0;margin:0}.rule-section li[data-v-bc25f6bd]{font-size:10px;line-height:1.8;color:var(--text-secondary);padding-left:15px;position:relative}.rule-section li[data-v-bc25f6bd]:before{content:"▸";position:absolute;left:0;color:var(--accent-primary)}.mode-detail[data-v-bc25f6bd]{margin-bottom:20px;padding:15px;background:var(--bg-dark);border-left:3px solid var(--accent-primary)}.mode-detail[data-v-bc25f6bd]:last-child{margin-bottom:0}.mode-detail-name[data-v-bc25f6bd]{display:block;font-size:11px;color:var(--accent-primary);margin-bottom:8px;letter-spacing:1px}.mode-detail p[data-v-bc25f6bd]{font-size:10px;line-height:1.7;color:var(--text-secondary);margin-bottom:6px}.mode-detail p[data-v-bc25f6bd]:last-child{margin-bottom:0}.mode-meta[data-v-bc25f6bd]{font-size:9px!important;color:var(--text-secondary);opacity:.7;margin-top:8px!important}.formula[data-v-bc25f6bd]{background:var(--bg-dark);padding:10px;border-left:3px solid var(--accent-primary);font-family:monospace;font-size:11px;color:var(--text-primary)}.rules-screen[data-v-bc25f6bd]::-webkit-scrollbar,.privacy-screen[data-v-bc25f6bd]::-webkit-scrollbar{width:12px}.rules-screen[data-v-bc25f6bd]::-webkit-scrollbar-track,.privacy-screen[data-v-bc25f6bd]::-webkit-scrollbar-track{background:var(--bg-dark);border:2px solid var(--border-pixel)}.rules-screen[data-v-bc25f6bd]::-webkit-scrollbar-thumb,.privacy-screen[data-v-bc25f6bd]::-webkit-scrollbar-thumb{background:var(--accent-primary);border:2px solid var(--bg-dark)}.rules-screen[data-v-bc25f6bd]::-webkit-scrollbar-thumb:hover,.privacy-screen[data-v-bc25f6bd]::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.rules-screen[data-v-bc25f6bd],.privacy-screen[data-v-bc25f6bd]{scrollbar-width:thin;scrollbar-color:var(--accent-primary) var(--bg-dark)}.mode-selector[data-v-bc25f6bd]{background:var(--bg-card);padding:40px;text-align:center;width:100%;max-width:600px}.game-title[data-v-bc25f6bd]{font-size:40px;margin-bottom:10px;letter-spacing:3px;text-shadow:3px 3px 0 var(--accent-secondary),6px 6px 0 var(--bg-dark)}.game-title.clickable[data-v-bc25f6bd]{cursor:pointer;transition:transform .2s,opacity .2s}.game-title.clickable[data-v-bc25f6bd]:hover{transform:scale(1.05);opacity:.9}.game-title.clickable[data-v-bc25f6bd]:active{transform:scale(.98)}.game-title .accent[data-v-bc25f6bd]{color:var(--accent-primary)}.mode-title[data-v-bc25f6bd]{font-size:16px;color:var(--text-secondary);margin-bottom:30px;letter-spacing:2px}.modes[data-v-bc25f6bd]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-button[data-v-bc25f6bd]{background:var(--bg-dark);padding:20px;cursor:pointer;border:3px solid var(--border-pixel);transition:all .2s;font-family:var(--pixel-font)}.mode-button[data-v-bc25f6bd]:hover{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:0 5px 20px var(--shadow-glow)}.mode-button.easy[data-v-bc25f6bd]{border-color:#51cf66}.mode-button.normal[data-v-bc25f6bd]{border-color:#4dabf7}.mode-button.hard[data-v-bc25f6bd]{border-color:#ff6b6b}.mode-button.daily[data-v-bc25f6bd]{border-color:#ffd93d}.mode-button.blitz[data-v-bc25f6bd]{border-color:#ff6b9d}.mode-button.gradient[data-v-bc25f6bd]{border-color:#c060ff}.mode-button.blind[data-v-bc25f6bd]{border-color:#ffa94d}.mode-button.illusion[data-v-bc25f6bd]{border-color:#da77f2}.mode-button.lynx[data-v-bc25f6bd]{border-color:#74c0fc}.mode-button.complementary[data-v-bc25f6bd]{border-color:#ffa8a8}.mode-button.streak[data-v-bc25f6bd]{border-color:#8ce99a}.mode-name[data-v-bc25f6bd]{font-size:18px;margin-bottom:8px;color:var(--text-primary)}.mode-desc[data-v-bc25f6bd]{font-size:10px;color:var(--text-secondary)}.game-screen[data-v-bc25f6bd]{width:100%;max-width:900px}.game-header[data-v-bc25f6bd]{margin-bottom:15px}.title-row[data-v-bc25f6bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.game-header .game-title[data-v-bc25f6bd]{font-size:28px;margin:0}.mode-badge[data-v-bc25f6bd]{background:var(--bg-card);padding:8px 16px;font-size:10px;border:2px solid;cursor:pointer;transition:all .2s}.mode-badge[data-v-bc25f6bd]:hover{transform:scale(1.05)}.mode-badge.easy[data-v-bc25f6bd]{border-color:#51cf66;color:#51cf66}.mode-badge.normal[data-v-bc25f6bd]{border-color:#4dabf7;color:#4dabf7}.mode-badge.hard[data-v-bc25f6bd]{border-color:#ff6b6b;color:#ff6b6b}.mode-badge.daily[data-v-bc25f6bd]{border-color:#ffd93d;color:#ffd93d}.mode-badge.blitz[data-v-bc25f6bd]{border-color:#ff6b9d;color:#ff6b9d}.mode-badge.gradient[data-v-bc25f6bd]{border-color:#c060ff;color:#c060ff}.mode-badge.blind[data-v-bc25f6bd]{border-color:#ffa94d;color:#ffa94d}.mode-badge.illusion[data-v-bc25f6bd]{border-color:#da77f2;color:#da77f2}.mode-badge.lynx[data-v-bc25f6bd]{border-color:#74c0fc;color:#74c0fc}.mode-badge.complementary[data-v-bc25f6bd]{border-color:#ffa8a8;color:#ffa8a8}.mode-badge.streak[data-v-bc25f6bd]{border-color:#8ce99a;color:#8ce99a}.stats[data-v-bc25f6bd]{display:flex;gap:15px;justify-content:center}.stat-item[data-v-bc25f6bd]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label[data-v-bc25f6bd]{font-size:9px;color:var(--text-secondary)}.stat-value[data-v-bc25f6bd]{font-size:18px;color:var(--accent-primary)}.stat-value.time-warning[data-v-bc25f6bd]{color:#ff6b6b;animation:pulse-bc25f6bd .5s ease-in-out infinite}@keyframes pulse-bc25f6bd{0%,to{opacity:1}50%{opacity:.6}}.game-board[data-v-bc25f6bd]{background:var(--bg-card);border:4px solid var(--border-pixel);box-shadow:0 8px 24px #0006}.game-layout[data-v-bc25f6bd]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.target-section[data-v-bc25f6bd],.guess-section[data-v-bc25f6bd]{display:flex;flex-direction:column;gap:10px}.section-label[data-v-bc25f6bd]{font-size:12px;color:var(--text-secondary);text-align:center;letter-spacing:2px;margin:0}.color-preview[data-v-bc25f6bd]{width:100%;height:180px;transition:all .3s ease}.hex-code[data-v-bc25f6bd]{text-align:center;font-size:14px;color:var(--accent-primary);letter-spacing:2px}.gradient-preview[data-v-bc25f6bd]{display:flex;align-items:center;gap:15px;width:100%}.gradient-color[data-v-bc25f6bd]{flex:1;height:180px}.gradient-arrow[data-v-bc25f6bd]{font-size:32px;color:var(--accent-primary);font-weight:700}.blind-hint[data-v-bc25f6bd]{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:5px}.blind-channel[data-v-bc25f6bd]{color:var(--accent-primary);font-weight:700;font-size:14px}.illusion-preview[data-v-bc25f6bd]{width:100%;height:180px;display:flex;align-items:center;justify-content:center;padding:20px}.illusion-color[data-v-bc25f6bd]{width:70%;height:70%;border:3px solid var(--text-primary)}.complementary-preview[data-v-bc25f6bd]{display:flex;align-items:center;gap:15px;width:100%}.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd]{flex:1;height:180px}.complementary-arrow[data-v-bc25f6bd]{font-size:24px;color:var(--accent-primary);font-weight:700}.lynx-info[data-v-bc25f6bd]{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:5px}.lynx-attempts[data-v-bc25f6bd]{color:#74c0fc;font-weight:700;font-size:14px}.lynx-hints[data-v-bc25f6bd]{background:var(--bg-dark);padding:12px;margin-top:10px}.hint-title[data-v-bc25f6bd]{font-size:10px;color:var(--text-secondary);margin-bottom:8px;text-align:center}.hint-item[data-v-bc25f6bd]{font-size:10px;color:#74c0fc;padding:4px 0;border-bottom:1px solid var(--border-pixel)}.hint-item[data-v-bc25f6bd]:last-child{border-bottom:none}.streak-info[data-v-bc25f6bd]{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:5px}.streak-tolerance[data-v-bc25f6bd]{color:#8ce99a;font-weight:700;font-size:14px}.picker-tabs[data-v-bc25f6bd]{display:flex;gap:10px;margin-top:10px}.tab-btn[data-v-bc25f6bd]{flex:1;padding:8px;background:var(--bg-dark);border:2px solid var(--border-pixel);color:var(--text-secondary);font-family:var(--pixel-font);font-size:10px;cursor:pointer;transition:all .2s}.tab-btn.active[data-v-bc25f6bd]{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6b9d1a}.sliders[data-v-bc25f6bd]{display:flex;flex-direction:column;gap:12px;margin-top:10px}.slider-group[data-v-bc25f6bd]{display:flex;flex-direction:column;gap:5px}.slider-label[data-v-bc25f6bd]{display:flex;justify-content:space-between;font-size:12px}.color-name[data-v-bc25f6bd]{font-weight:700}.color-name.red[data-v-bc25f6bd]{color:#ff6b6b}.color-name.green[data-v-bc25f6bd]{color:#51cf66}.color-name.blue[data-v-bc25f6bd]{color:#4dabf7}.color-value[data-v-bc25f6bd]{color:var(--accent-primary)}.slider[data-v-bc25f6bd]{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--border-pixel);outline:none;border:2px solid var(--text-primary);cursor:pointer}.slider[data-v-bc25f6bd]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-primary);border:2px solid var(--text-primary);cursor:pointer}.slider[data-v-bc25f6bd]::-moz-range-thumb{width:20px;height:20px;background:var(--accent-primary);border:2px solid var(--text-primary);cursor:pointer}.red-slider[data-v-bc25f6bd]::-webkit-slider-thumb{background:#ff6b6b}.green-slider[data-v-bc25f6bd]::-webkit-slider-thumb{background:#51cf66}.blue-slider[data-v-bc25f6bd]::-webkit-slider-thumb{background:#4dabf7}.red-slider[data-v-bc25f6bd]::-moz-range-thumb{background:#ff6b6b}.green-slider[data-v-bc25f6bd]::-moz-range-thumb{background:#51cf66}.blue-slider[data-v-bc25f6bd]::-moz-range-thumb{background:#4dabf7}.picker-container[data-v-bc25f6bd]{margin-top:10px}.result-info[data-v-bc25f6bd]{background:var(--bg-dark);padding:15px;margin-top:10px}.result-row[data-v-bc25f6bd]{display:flex;justify-content:space-between;padding:8px 0;font-size:11px;border-bottom:2px solid var(--border-pixel)}.result-row[data-v-bc25f6bd]:last-of-type{border-bottom:none}.result-row .label[data-v-bc25f6bd]{color:var(--text-secondary)}.result-row .value[data-v-bc25f6bd]{color:var(--text-primary);font-weight:700}.result-row .value.accuracy.perfect[data-v-bc25f6bd]{color:#4dff88}.result-row .value.accuracy.great[data-v-bc25f6bd]{color:#51cf66}.result-row .value.accuracy.good[data-v-bc25f6bd]{color:#ffd93d}.result-row .value.accuracy.poor[data-v-bc25f6bd]{color:#ff6b6b}.result-row .value.points[data-v-bc25f6bd]{color:var(--accent-success);font-size:16px}.result-msg[data-v-bc25f6bd]{text-align:center;font-size:12px;margin-top:10px;padding:10px;border:2px solid}.result-msg.perfect[data-v-bc25f6bd]{border-color:#4dff88;color:#4dff88;background:#4dff881a}.result-msg.great[data-v-bc25f6bd]{border-color:#51cf66;color:#51cf66;background:#51cf661a}.result-msg.good[data-v-bc25f6bd]{border-color:#ffd93d;color:#ffd93d;background:#ffd93d1a}.result-msg.poor[data-v-bc25f6bd]{border-color:#ff6b6b;color:#ff6b6b;background:#ff6b6b1a}.action-btn[data-v-bc25f6bd]{width:100%;margin-top:15px;font-size:12px;padding:12px}.final-score[data-v-bc25f6bd]{background:var(--bg-card);padding:40px;text-align:center}.final-title[data-v-bc25f6bd]{font-size:32px;margin-bottom:20px;color:var(--accent-primary)}.final-stats[data-v-bc25f6bd]{display:flex;justify-content:center;gap:40px;margin:20px 0}.final-stat[data-v-bc25f6bd]{display:flex;flex-direction:column;gap:8px}.final-label[data-v-bc25f6bd]{font-size:10px;color:var(--text-secondary)}.final-value[data-v-bc25f6bd]{font-size:28px;color:var(--accent-success)}.final-buttons[data-v-bc25f6bd]{display:flex;flex-direction:column;gap:15px;margin-top:20px}.final-buttons .pixel-button.secondary[data-v-bc25f6bd]{background:var(--bg-dark);border-color:var(--text-secondary)}.final-buttons .pixel-button.secondary[data-v-bc25f6bd]:hover{border-color:var(--accent-primary)}@media(max-width:768px){.game-container[data-v-bc25f6bd]{padding:5px}.game-layout[data-v-bc25f6bd]{grid-template-columns:1fr;padding:12px;gap:15px}.color-preview[data-v-bc25f6bd],.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd],.illusion-preview[data-v-bc25f6bd]{height:120px}.modes[data-v-bc25f6bd]{grid-template-columns:1fr;gap:12px}.mode-button[data-v-bc25f6bd]{padding:16px}.mode-name[data-v-bc25f6bd],.stat-value[data-v-bc25f6bd]{font-size:16px}.final-stats[data-v-bc25f6bd]{gap:30px}.final-value[data-v-bc25f6bd]{font-size:24px}}@media(max-width:600px){.game-header .game-title[data-v-bc25f6bd]{font-size:22px}.title-row[data-v-bc25f6bd]{justify-content:center}.mode-badge[data-v-bc25f6bd]{padding:6px 12px;font-size:9px}.stats[data-v-bc25f6bd]{gap:12px}.stat-label[data-v-bc25f6bd]{font-size:8px}.stat-value[data-v-bc25f6bd]{font-size:14px}.section-label[data-v-bc25f6bd]{font-size:11px}.hex-code[data-v-bc25f6bd]{font-size:12px}.gradient-arrow[data-v-bc25f6bd]{font-size:24px}.complementary-arrow[data-v-bc25f6bd]{font-size:20px}.color-preview[data-v-bc25f6bd],.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd]{height:100px}.illusion-preview[data-v-bc25f6bd]{height:100px;padding:15px}.picker-tabs[data-v-bc25f6bd]{gap:8px}.tab-btn[data-v-bc25f6bd]{padding:6px;font-size:9px}.sliders[data-v-bc25f6bd]{gap:10px}.slider-label[data-v-bc25f6bd]{font-size:11px}.result-info[data-v-bc25f6bd]{padding:12px}.result-row[data-v-bc25f6bd]{font-size:10px}.result-row .value.points[data-v-bc25f6bd]{font-size:14px}.result-msg[data-v-bc25f6bd]{font-size:11px;padding:8px}.final-score[data-v-bc25f6bd]{padding:30px 20px}.final-title[data-v-bc25f6bd]{font-size:24px}.final-stats[data-v-bc25f6bd]{flex-direction:column;gap:20px}.final-value[data-v-bc25f6bd]{font-size:28px}}@media(max-width:480px){.game-container[data-v-bc25f6bd]{padding:5px;min-height:auto}.game-header .game-title[data-v-bc25f6bd]{font-size:20px}.mode-selector[data-v-bc25f6bd]{padding:20px 15px}.mode-selector .game-title[data-v-bc25f6bd]{font-size:24px}.mode-title[data-v-bc25f6bd]{font-size:14px;margin-bottom:20px}.mode-button[data-v-bc25f6bd]{padding:14px}.mode-name[data-v-bc25f6bd]{font-size:14px;margin-bottom:6px}.mode-desc[data-v-bc25f6bd]{font-size:9px}.main-menu[data-v-bc25f6bd]{padding:30px 15px}.main-menu .game-title[data-v-bc25f6bd]{font-size:24px}.menu-subtitle[data-v-bc25f6bd]{font-size:8px;margin-bottom:30px}.menu-btn[data-v-bc25f6bd]{padding:14px;font-size:12px}.rules-screen[data-v-bc25f6bd],.privacy-screen[data-v-bc25f6bd]{padding:15px;max-height:85vh}.screen-title[data-v-bc25f6bd]{font-size:14px;margin-bottom:20px}.rule-section h3[data-v-bc25f6bd],.privacy-section h3[data-v-bc25f6bd]{font-size:11px}.rule-section p[data-v-bc25f6bd],.privacy-section p[data-v-bc25f6bd],.rule-section li[data-v-bc25f6bd]{font-size:9px}.mode-detail[data-v-bc25f6bd]{padding:12px}.mode-detail-name[data-v-bc25f6bd]{font-size:10px}.mode-detail p[data-v-bc25f6bd]{font-size:9px}.mode-meta[data-v-bc25f6bd]{font-size:8px!important}.formula[data-v-bc25f6bd]{font-size:10px;padding:8px}.game-layout[data-v-bc25f6bd]{padding:10px;gap:12px}.color-preview[data-v-bc25f6bd]{height:90px}.gradient-preview[data-v-bc25f6bd],.complementary-preview[data-v-bc25f6bd]{gap:10px}.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd]{height:90px}.gradient-arrow[data-v-bc25f6bd]{font-size:20px}.complementary-arrow[data-v-bc25f6bd]{font-size:18px}.illusion-preview[data-v-bc25f6bd]{height:90px;padding:12px}.blind-hint[data-v-bc25f6bd],.lynx-info[data-v-bc25f6bd],.streak-info[data-v-bc25f6bd]{font-size:10px}.blind-channel[data-v-bc25f6bd],.lynx-attempts[data-v-bc25f6bd],.streak-tolerance[data-v-bc25f6bd]{font-size:12px}.lynx-hints[data-v-bc25f6bd]{padding:10px}.hint-title[data-v-bc25f6bd],.hint-item[data-v-bc25f6bd]{font-size:9px}.picker-container[data-v-bc25f6bd]{margin-top:8px}.action-btn[data-v-bc25f6bd]{padding:10px;font-size:11px;margin-top:10px}.final-score[data-v-bc25f6bd]{padding:25px 15px}.final-title[data-v-bc25f6bd]{font-size:20px;margin-bottom:15px}.final-label[data-v-bc25f6bd]{font-size:9px}.final-value[data-v-bc25f6bd]{font-size:24px}.final-buttons[data-v-bc25f6bd]{gap:12px;margin-top:15px}.final-buttons .pixel-button[data-v-bc25f6bd]{font-size:12px;padding:12px}}@media(max-width:360px){.main-menu .game-title[data-v-bc25f6bd],.mode-selector .game-title[data-v-bc25f6bd]{font-size:20px}.game-header .game-title[data-v-bc25f6bd]{font-size:18px}.menu-subtitle[data-v-bc25f6bd]{font-size:7px;letter-spacing:.5px}.mode-title[data-v-bc25f6bd]{font-size:12px}.mode-button[data-v-bc25f6bd]{padding:12px}.mode-name[data-v-bc25f6bd]{font-size:12px}.mode-desc[data-v-bc25f6bd]{font-size:8px}.stats[data-v-bc25f6bd]{gap:8px;flex-wrap:wrap}.stat-item[data-v-bc25f6bd]{min-width:80px}.section-label[data-v-bc25f6bd]{font-size:10px;letter-spacing:1px}.hex-code[data-v-bc25f6bd]{font-size:11px}.gradient-preview[data-v-bc25f6bd],.complementary-preview[data-v-bc25f6bd]{gap:8px}.gradient-arrow[data-v-bc25f6bd],.complementary-arrow[data-v-bc25f6bd]{font-size:16px}.color-preview[data-v-bc25f6bd],.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd],.illusion-preview[data-v-bc25f6bd]{height:80px}}@media(max-height:800px)and (min-width:769px){.color-preview[data-v-bc25f6bd],.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd],.illusion-preview[data-v-bc25f6bd]{height:160px}.game-layout[data-v-bc25f6bd]{padding:18px}.sliders[data-v-bc25f6bd]{gap:10px}}@media(max-height:700px){.game-container[data-v-bc25f6bd]{padding:5px}.game-header[data-v-bc25f6bd]{margin-bottom:10px}.color-preview[data-v-bc25f6bd],.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd],.illusion-preview[data-v-bc25f6bd]{height:100px}.game-layout[data-v-bc25f6bd]{padding:12px;gap:10px}.sliders[data-v-bc25f6bd]{gap:8px}.main-menu[data-v-bc25f6bd]{padding:40px 30px}.menu-subtitle[data-v-bc25f6bd]{margin-bottom:30px}.rules-screen[data-v-bc25f6bd],.privacy-screen[data-v-bc25f6bd]{max-height:80vh}}@media(max-height:600px){.color-preview[data-v-bc25f6bd],.gradient-color[data-v-bc25f6bd],.complementary-ref[data-v-bc25f6bd],.complementary-target[data-v-bc25f6bd]{height:80px}.illusion-preview[data-v-bc25f6bd]{height:80px;padding:10px}.game-layout[data-v-bc25f6bd]{padding:10px}.section-label[data-v-bc25f6bd]{font-size:10px}.sliders[data-v-bc25f6bd]{gap:6px}.slider-group[data-v-bc25f6bd]{gap:3px}}.app-container[data-v-07b1bac7]{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}@media(max-width:768px){.app-container[data-v-07b1bac7]{padding:10px}}@media(max-width:480px){.app-container[data-v-07b1bac7]{padding:10px 5px 5px;align-items:flex-start}}@media(max-width:360px){.app-container[data-v-07b1bac7]{padding:3px}}@media(max-height:700px){.app-container[data-v-07b1bac7]{align-items:flex-start;padding-top:10px}}@media(max-height:600px){.app-container[data-v-07b1bac7]{padding:5px;min-height:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--pixel-font: "Press Start 2P", cursive;--bg-dark: #0a0e27;--bg-card: #1a1f3a;--accent-primary: #ff6b9d;--accent-secondary: #c060ff;--accent-success: #4dff88;--text-primary: #ffffff;--text-secondary: #b8c5db;--border-pixel: #3d4663;--shadow-glow: rgba(255, 107, 157, .3)}body{margin:0;font-family:var(--pixel-font);background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1f3a 100%);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}#app{width:100%;max-width:100vw;padding:20px}.pixel-border{position:relative;border:4px solid var(--border-pixel);box-shadow:0 0 0 2px var(--bg-card),0 8px 24px #0006,0 0 40px var(--shadow-glow)}.pixel-border:before,.pixel-border:after{content:"";position:absolute;width:8px;height:8px;background:var(--border-pixel)}.pixel-border:before{top:-6px;left:-6px}.pixel-border:after{bottom:-6px;right:-6px}.pixel-button{font-family:var(--pixel-font);font-size:12px;padding:12px 24px;background:var(--accent-primary);color:var(--text-primary);border:3px solid var(--text-primary);cursor:pointer;position:relative;transition:all .1s;text-transform:uppercase;box-shadow:4px 4px 0 var(--bg-dark),0 0 20px var(--shadow-glow)}.pixel-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--bg-dark),0 0 30px var(--shadow-glow)}.pixel-button:active{transform:translate(4px,4px);box-shadow:none}.pixel-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 2px,transparent 4px);z-index:9999;opacity:.3}.scanline-animation{position:fixed;top:0;left:0;width:100%;height:20px;background:linear-gradient(180deg,transparent 0%,rgba(255,107,157,.1) 50%,transparent 100%);animation:scanline 8s linear infinite;pointer-events:none;z-index:9998}@keyframes glitch{0%,to{text-shadow:2px 2px var(--accent-primary),-2px -2px var(--accent-secondary)}25%{text-shadow:-2px 2px var(--accent-secondary),2px -2px var(--accent-primary)}50%{text-shadow:2px -2px var(--accent-primary),-2px 2px var(--accent-secondary)}75%{text-shadow:-2px -2px var(--accent-secondary),2px 2px var(--accent-primary)}}.glitch-text{animation:glitch 3s ease-in-out infinite}@media(max-width:768px){#app{padding:10px}.pixel-border:before,.pixel-border:after{width:6px;height:6px}.pixel-border:before{top:-5px;left:-5px}.pixel-border:after{bottom:-5px;right:-5px}.pixel-button{font-size:11px;padding:10px 20px;box-shadow:3px 3px 0 var(--bg-dark),0 0 15px var(--shadow-glow)}.pixel-button:hover{box-shadow:1.5px 1.5px 0 var(--bg-dark),0 0 20px var(--shadow-glow)}}@media(max-width:480px){#app{padding:5px}body{align-items:flex-start;padding-top:10px}.pixel-border{border:3px solid var(--border-pixel);box-shadow:0 0 0 1px var(--bg-card),0 6px 20px #0006,0 0 30px var(--shadow-glow)}.pixel-border:before,.pixel-border:after{width:5px;height:5px}.pixel-border:before{top:-4px;left:-4px}.pixel-border:after{bottom:-4px;right:-4px}.pixel-button{font-size:10px;padding:10px 18px;border:2px solid var(--text-primary);box-shadow:3px 3px 0 var(--bg-dark),0 0 15px var(--shadow-glow)}.pixel-button:hover{transform:translate(1.5px,1.5px);box-shadow:1.5px 1.5px 0 var(--bg-dark),0 0 20px var(--shadow-glow)}.pixel-button:active{transform:translate(3px,3px)}.scanlines{opacity:.2}.scanline-animation{display:none}}@media(max-width:360px){#app{padding:3px}.pixel-button{font-size:9px;padding:8px 16px}}@media(max-height:700px){body{align-items:flex-start;padding-top:10px}.scanline-animation{display:none}}@media(max-height:600px){#app{padding:5px}.scanlines{opacity:.15}}
