.home-container[data-v-42dc4bf1]{flex-direction:column;gap:72px;width:100%;max-width:1040px;margin:0 auto;padding:40px 20px 80px;display:flex}.hero-layout[data-v-42dc4bf1]{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero-text-block[data-v-42dc4bf1]{flex-direction:column;gap:20px;display:flex}.hero-headline[data-v-42dc4bf1]{letter-spacing:-.04em;color:var(--text-main);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1.1}.hero-description[data-v-42dc4bf1]{color:var(--text-secondary);max-width:520px;font-size:clamp(.98rem,1.8vw,1.1rem);line-height:1.75}.palette-strip[data-v-42dc4bf1]{align-items:center;gap:12px;margin-top:4px;display:flex}.palette-caption[data-v-42dc4bf1]{color:var(--text-muted);font-size:.8rem;font-weight:600}.palette-swatches[data-v-42dc4bf1]{align-items:center;gap:8px;display:flex}.swatch-btn[data-v-42dc4bf1]{border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out)}.swatch-btn[data-v-42dc4bf1]:hover{transform:scale(1.15)}.swatch-btn.active[data-v-42dc4bf1]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text-main);transform:scale(1.1)}.swatch-random-btn[data-v-42dc4bf1]{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.swatch-random-btn[data-v-42dc4bf1]:hover{color:var(--text-main);border-color:var(--text-main)}.hero-cta-row[data-v-42dc4bf1]{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.btn-lg[data-v-42dc4bf1]{min-height:48px;padding:12px 24px;font-size:.98rem}.specimen-board[data-v-42dc4bf1]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.specimen-canvas[data-v-42dc4bf1]{width:100%;height:180px;transition:background-color var(--dur-short) var(--ease-out);justify-content:space-between;align-items:flex-end;padding:16px;display:flex}.specimen-label-row[data-v-42dc4bf1]{align-items:center;gap:10px;display:flex}.specimen-code[data-v-42dc4bf1]{color:#fff;border-radius:var(--radius-xs);background:#000000b3;padding:4px 10px;font-size:.85rem;font-weight:700}.specimen-badge[data-v-42dc4bf1]{color:#fffc;letter-spacing:.08em;font-size:.72rem;font-weight:700}.specimen-details[data-v-42dc4bf1]{background:var(--surface);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.specimen-property[data-v-42dc4bf1]{flex-direction:column;gap:2px;display:flex}.prop-label[data-v-42dc4bf1]{color:var(--text-muted);font-size:.75rem;font-weight:700}.prop-val[data-v-42dc4bf1]{color:var(--text-main);font-size:.9rem;font-weight:600}.tools-section[data-v-42dc4bf1]{flex-direction:column;gap:24px;display:flex}.section-title-row[data-v-42dc4bf1]{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;display:flex}.section-heading[data-v-42dc4bf1]{font-size:1.6rem;font-weight:900}.section-note[data-v-42dc4bf1]{color:var(--text-muted);font-size:.88rem}.tools-layout[data-v-42dc4bf1]{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.tool-entry[data-v-42dc4bf1]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);align-items:stretch;text-decoration:none;display:flex;overflow:hidden}.tool-entry[data-v-42dc4bf1]:hover{border-color:var(--text-main);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-preview[data-v-42dc4bf1]{border-right:1px solid var(--border);width:110px;min-width:110px}.preview-split[data-v-42dc4bf1]{flex-direction:column;width:100%;height:100%;display:flex}.preview-half[data-v-42dc4bf1]{flex:1;width:100%}.tool-info[data-v-42dc4bf1]{flex-direction:column;flex:1;gap:8px;padding:18px 20px;display:flex}.tool-head[data-v-42dc4bf1]{justify-content:space-between;align-items:baseline;display:flex}.tool-name[data-v-42dc4bf1]{color:var(--text-main);font-size:1.15rem;font-weight:800}.tool-spec[data-v-42dc4bf1]{color:var(--text-muted);font-size:.75rem}.tool-desc[data-v-42dc4bf1]{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.6}.tool-link-action[data-v-42dc4bf1]{color:var(--text-main);transition:gap var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);align-items:center;gap:4px;margin-top:4px;font-size:.82rem;font-weight:700;display:inline-flex}.tool-entry:hover .tool-link-action[data-v-42dc4bf1]{color:var(--accent);gap:8px}.essay-section[data-v-42dc4bf1]{border-top:1px solid var(--border);padding-top:48px}.essay-inner[data-v-42dc4bf1]{grid-template-columns:.85fr 1.15fr;gap:36px;display:grid}.essay-title[data-v-42dc4bf1]{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;line-height:1.2}.essay-body-col[data-v-42dc4bf1]{flex-direction:column;gap:16px;display:flex}.essay-body-col p[data-v-42dc4bf1]{color:var(--text-secondary);font-size:.95rem;line-height:1.85}@media (width<=860px){.hero-layout[data-v-42dc4bf1]{grid-template-columns:1fr;gap:32px}.tools-layout[data-v-42dc4bf1]{grid-template-columns:1fr}.essay-inner[data-v-42dc4bf1]{grid-template-columns:1fr;gap:16px}}@media (width<=520px){.home-container[data-v-42dc4bf1]{gap:48px;padding:24px 16px 60px}.hero-cta-row[data-v-42dc4bf1]{flex-direction:column;align-items:stretch}.btn-lg[data-v-42dc4bf1]{width:100%}.tool-entry[data-v-42dc4bf1]{flex-direction:column}.tool-preview[data-v-42dc4bf1]{border-right:none;border-bottom:1px solid var(--border);width:100%;height:60px}.preview-split[data-v-42dc4bf1]{flex-direction:row}}.color-code-screen[data-v-f2fe17c8]{transition:background-color var(--dur-short) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.screen-shade[data-v-f2fe17c8]{pointer-events:none;background:#00000026;position:absolute;inset:0}.game-wrapper[data-v-f2fe17c8]{z-index:10;width:100%;max-width:480px;padding:16px;position:relative}.game-panel[data-v-f2fe17c8]{border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-dialog);background:#fff;border:1px solid #0f172a1f;flex-direction:column;gap:20px;padding:clamp(22px,5vw,32px);display:flex}.panel-top[data-v-f2fe17c8]{justify-content:space-between;align-items:center;display:flex}.instruction-label[data-v-f2fe17c8]{color:var(--text-secondary);font-size:.85rem;font-weight:600}.color-indicator[data-v-f2fe17c8]{border-radius:var(--radius-full);width:22px;height:22px;transition:background-color var(--dur-short) var(--ease-out);border:1px solid #0f172a26}.code-center[data-v-f2fe17c8]{text-align:center;padding:8px 0}.target-hex[data-v-f2fe17c8]{letter-spacing:-.04em;color:var(--text-main);-webkit-user-select:all;user-select:all;font-size:clamp(2.8rem,8vw,4.2rem);font-weight:900;line-height:1}.sliders-stack[data-v-f2fe17c8]{flex-direction:column;gap:12px;display:flex}.slider-row[data-v-f2fe17c8]{align-items:center;gap:12px;display:flex}.channel-tag[data-v-f2fe17c8]{border-radius:var(--radius-xs);color:#fff;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;font-weight:800;display:inline-flex}.channel-tag.r[data-v-f2fe17c8]{background-color:var(--channel-r)}.channel-tag.g[data-v-f2fe17c8]{background-color:var(--channel-g)}.channel-tag.b[data-v-f2fe17c8]{background-color:var(--channel-b)}.range-bar[data-v-f2fe17c8]{flex:1;height:8px;margin:0}.channel-num[data-v-f2fe17c8]{color:var(--text-main);text-align:right;min-width:32px;font-size:.88rem;font-weight:700}.submit-action[data-v-f2fe17c8]{width:100%;min-height:46px}.result-heading[data-v-f2fe17c8]{font-size:1.25rem;font-weight:800}.score-badge[data-v-f2fe17c8]{background:var(--bg-subtle);border-radius:var(--radius-sm);color:var(--text-main);padding:4px 10px;font-size:.92rem;font-weight:800}.swatches-comparison[data-v-f2fe17c8]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.swatch-cell[data-v-f2fe17c8]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.swatch-rect[data-v-f2fe17c8]{width:100%;height:52px}.swatch-caption[data-v-f2fe17c8]{flex-direction:column;align-items:center;gap:2px;padding:8px 10px;display:flex}.caption-label[data-v-f2fe17c8]{color:var(--text-muted);font-size:.72rem;font-weight:700}.caption-code[data-v-f2fe17c8]{color:var(--text-main);font-size:.9rem}.channel-score-row[data-v-f2fe17c8]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.c-col[data-v-f2fe17c8]{background:var(--bg-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex}.c-col span[data-v-f2fe17c8]{color:var(--text-muted);font-size:.75rem;font-weight:700}.c-col strong[data-v-f2fe17c8]{color:var(--text-main);font-size:.9rem}.description-text[data-v-f2fe17c8]{color:var(--text-main);background:var(--bg-subtle);border-radius:var(--radius-md);padding:12px 14px;font-size:.88rem;line-height:1.65}@media (width<=500px){.game-panel[data-v-f2fe17c8]{gap:16px;padding:18px 16px}}.match-game-screen[data-v-3f9971ae]{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.split-view[data-v-3f9971ae]{grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid;position:absolute;inset:0}.color-half[data-v-3f9971ae]{width:100%;height:100%;transition:background-color var(--dur-short) var(--ease-out);position:relative}.side-chip[data-v-3f9971ae]{top:calc(var(--safe-top) + 64px);border-radius:var(--radius-full);color:var(--text-main);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#ffffffe6;border:1px solid #0f172a1f;padding:6px 14px;font-size:.82rem;font-weight:700;position:absolute}.target-half .side-chip[data-v-3f9971ae]{left:20px}.user-half .side-chip[data-v-3f9971ae]{right:20px}.split-divider[data-v-3f9971ae]{pointer-events:none;background:#fff6;width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #00000026}.control-panel[data-v-3f9971ae]{border-radius:var(--radius-xl);width:min(420px,100% - 48px);box-shadow:var(--shadow-dialog);z-index:20;-webkit-backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #0f172a1f;flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-head[data-v-3f9971ae]{justify-content:space-between;align-items:center;display:flex}.panel-title[data-v-3f9971ae]{font-size:1.15rem;font-weight:800}.color-dot[data-v-3f9971ae]{border-radius:var(--radius-full);width:24px;height:24px;transition:background-color var(--dur-short) var(--ease-out);border:1px solid #0f172a26}.sliders-list[data-v-3f9971ae]{flex-direction:column;gap:12px;display:flex}.slider-row[data-v-3f9971ae]{flex-direction:column;gap:4px;display:flex}.slider-labels[data-v-3f9971ae]{justify-content:space-between;font-size:.82rem;display:flex}.slider-labels label[data-v-3f9971ae]{color:var(--text-secondary);font-weight:700}.slider-labels .val[data-v-3f9971ae]{color:var(--text-main);font-weight:700}.slider-input[data-v-3f9971ae]{border-radius:var(--radius-full);height:8px;margin:2px 0}.hue-gradient[data-v-3f9971ae]{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)!important}.submit-btn[data-v-3f9971ae]{width:100%;min-height:46px}.result-backdrop[data-v-3f9971ae]{z-index:50;background:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow-y:auto}.result-box[data-v-3f9971ae]{border-radius:var(--radius-xl);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow-dialog);background:#fff;flex-direction:column;gap:18px;padding:clamp(20px,4vw,28px);display:flex}.result-box-head[data-v-3f9971ae]{justify-content:space-between;align-items:center;display:flex}.result-title[data-v-3f9971ae]{font-size:1.3rem;font-weight:900}.score-pill[data-v-3f9971ae]{color:var(--text-main);background:var(--bg-subtle);border-radius:var(--radius-sm);padding:4px 10px;font-size:.95rem;font-weight:800}.swatches-row[data-v-3f9971ae]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.swatch-card[data-v-3f9971ae]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.swatch-fill[data-v-3f9971ae]{width:100%;height:52px}.swatch-meta[data-v-3f9971ae]{flex-direction:column;align-items:center;gap:2px;padding:8px 10px;display:flex}.swatch-label[data-v-3f9971ae]{color:var(--text-muted);font-size:.72rem;font-weight:700}.swatch-meta strong[data-v-3f9971ae]{color:var(--text-main);font-size:.9rem}.channels-breakdown[data-v-3f9971ae]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.channel-col[data-v-3f9971ae]{background:var(--bg-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex}.channel-col span[data-v-3f9971ae]{color:var(--text-muted);font-size:.75rem;font-weight:700}.channel-col strong[data-v-3f9971ae]{color:var(--text-main);font-size:.9rem}.commentary-text[data-v-3f9971ae]{color:var(--text-main);background:var(--bg-subtle);border-radius:var(--radius-md);padding:12px 14px;font-size:.88rem;line-height:1.65}.next-action[data-v-3f9971ae]{width:100%;min-height:46px}@media (width<=768px){.split-view[data-v-3f9971ae]{flex:1;grid-template-rows:none;grid-template-columns:1fr 1fr;width:100%;height:auto;min-height:0;position:relative;inset:auto}.target-half .side-chip[data-v-3f9971ae]{top:calc(var(--safe-top) + 54px);padding:4px 10px;font-size:.75rem;left:12px}.user-half .side-chip[data-v-3f9971ae]{top:calc(var(--safe-top) + 54px);padding:4px 10px;font-size:.75rem;right:12px}.split-divider[data-v-3f9971ae]{width:1px;height:100%;top:0;bottom:0;left:50%}.control-panel[data-v-3f9971ae]{width:100%;max-width:100%;padding:14px 16px calc(var(--safe-bottom) + 12px);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:30;background:#fff;border-bottom:none;border-left:none;border-right:none;flex-shrink:0;gap:10px;position:relative;inset:auto;transform:none;box-shadow:0 -4px 20px #00000014}.panel-head[data-v-3f9971ae]{margin-bottom:-2px}.panel-title[data-v-3f9971ae]{font-size:1rem}.color-dot[data-v-3f9971ae]{width:20px;height:20px}.sliders-list[data-v-3f9971ae]{gap:8px}.slider-labels[data-v-3f9971ae]{font-size:.78rem}.slider-input[data-v-3f9971ae]{margin:1px 0}.submit-btn[data-v-3f9971ae]{min-height:42px;margin-top:2px;font-size:.92rem}}.judge-screen[data-v-512038e4]{background:var(--bg);padding:calc(var(--safe-top) + 60px) 16px calc(var(--safe-bottom) + 20px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.judge-container[data-v-512038e4]{flex-direction:column;gap:20px;width:100%;max-width:600px;display:flex}.game-header[data-v-512038e4]{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.header-status[data-v-512038e4]{align-items:center;display:flex}.streak-pill[data-v-512038e4]{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:inline-flex}.streak-pill.has-streak[data-v-512038e4]{border-color:var(--text-main);color:var(--text-main);background:var(--bg-subtle)}.streak-pill strong[data-v-512038e4]{font-weight:800}.game-title[data-v-512038e4]{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900}.game-subtitle[data-v-512038e4]{color:var(--text-secondary);max-width:400px;font-size:.88rem}.choices-grid[data-v-512038e4]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.choice-card[data-v-512038e4]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);text-align:center;flex-direction:column;padding:10px;display:flex}.choice-card[data-v-512038e4]:not(:disabled):hover{border-color:var(--text-main);box-shadow:var(--shadow-md);transform:translateY(-2px)}.choice-card.correct[data-v-512038e4]{border-color:var(--success);box-shadow:0 0 0 2px var(--success)}.choice-card.wrong[data-v-512038e4]{border-color:var(--error);opacity:.7}.swatch-frame[data-v-512038e4]{aspect-ratio:1;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;display:flex;box-shadow:inset 0 0 0 1px #00000014}.badge-verdict[data-v-512038e4]{border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.badge-verdict.success[data-v-512038e4]{background:var(--success);color:#fff}.badge-verdict.error[data-v-512038e4]{background:var(--error);color:#fff}.choice-footer[data-v-512038e4]{justify-content:space-between;align-items:center;padding:10px 6px 4px;display:flex}.choice-name[data-v-512038e4]{color:var(--text-main);font-size:.85rem;font-weight:800}.choice-value[data-v-512038e4]{color:var(--text-main);font-size:.9rem;font-weight:800}.choice-hint[data-v-512038e4]{color:var(--text-muted);font-size:.8rem;font-weight:600}.feedback-block[data-v-512038e4]{width:100%}.feedback-inner[data-v-512038e4]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.feedback-inner.is-correct[data-v-512038e4]{border-color:var(--success)}.feedback-inner.is-wrong[data-v-512038e4]{border-color:var(--error)}.feedback-text[data-v-512038e4]{flex-direction:column;gap:2px;display:flex}.feedback-title[data-v-512038e4]{color:var(--text-main);font-size:1rem;font-weight:800}.feedback-desc[data-v-512038e4]{color:var(--text-secondary);font-size:.85rem}.next-btn[data-v-512038e4]{min-height:40px;padding:8px 18px}@media (width<=500px){.feedback-inner[data-v-512038e4]{text-align:center;flex-direction:column;align-items:stretch}.next-btn[data-v-512038e4]{width:100%}}.judge-screen[data-v-d4479197]{background:var(--bg);padding:calc(var(--safe-top) + 60px) 16px calc(var(--safe-bottom) + 20px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.judge-container[data-v-d4479197]{flex-direction:column;gap:20px;width:100%;max-width:600px;display:flex}.game-header[data-v-d4479197]{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.header-status[data-v-d4479197]{align-items:center;display:flex}.streak-pill[data-v-d4479197]{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:inline-flex}.streak-pill.has-streak[data-v-d4479197]{border-color:var(--text-main);color:var(--text-main);background:var(--bg-subtle)}.streak-pill strong[data-v-d4479197]{font-weight:800}.game-title[data-v-d4479197]{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900}.game-subtitle[data-v-d4479197]{color:var(--text-secondary);max-width:400px;font-size:.88rem}.choices-grid[data-v-d4479197]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.choice-card[data-v-d4479197]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);text-align:center;flex-direction:column;padding:10px;display:flex}.choice-card[data-v-d4479197]:not(:disabled):hover{border-color:var(--text-main);box-shadow:var(--shadow-md);transform:translateY(-2px)}.choice-card.correct[data-v-d4479197]{border-color:var(--success);box-shadow:0 0 0 2px var(--success)}.choice-card.wrong[data-v-d4479197]{border-color:var(--error);opacity:.7}.swatch-frame[data-v-d4479197]{aspect-ratio:1;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:100%;display:flex;box-shadow:inset 0 0 0 1px #00000014}.badge-verdict[data-v-d4479197]{border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.badge-verdict.success[data-v-d4479197]{background:var(--success);color:#fff}.badge-verdict.error[data-v-d4479197]{background:var(--error);color:#fff}.choice-footer[data-v-d4479197]{justify-content:space-between;align-items:center;padding:10px 6px 4px;display:flex}.choice-name[data-v-d4479197]{color:var(--text-main);font-size:.85rem;font-weight:800}.choice-value[data-v-d4479197]{color:var(--text-main);font-size:.9rem;font-weight:800}.choice-hint[data-v-d4479197]{color:var(--text-muted);font-size:.8rem;font-weight:600}.feedback-block[data-v-d4479197]{width:100%}.feedback-inner[data-v-d4479197]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.feedback-inner.is-correct[data-v-d4479197]{border-color:var(--success)}.feedback-inner.is-wrong[data-v-d4479197]{border-color:var(--error)}.feedback-text[data-v-d4479197]{flex-direction:column;gap:2px;display:flex}.feedback-title[data-v-d4479197]{color:var(--text-main);font-size:1rem;font-weight:800}.feedback-desc[data-v-d4479197]{color:var(--text-secondary);font-size:.85rem}.next-btn[data-v-d4479197]{min-height:40px;padding:8px 18px}@media (width<=500px){.feedback-inner[data-v-d4479197]{text-align:center;flex-direction:column;align-items:stretch}.next-btn[data-v-d4479197]{width:100%}}.content-container[data-v-7148cf38]{max-width:760px;padding-top:48px;padding-bottom:64px}.content-sheet[data-v-7148cf38]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:32px;padding:clamp(28px,5vw,48px);display:flex}.content-header[data-v-7148cf38]{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-bottom:24px;display:flex}.page-title[data-v-7148cf38]{letter-spacing:-.03em;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:900}.lead-text[data-v-7148cf38]{color:var(--text-main);font-size:1.05rem;line-height:1.75}.prose-body[data-v-7148cf38]{flex-direction:column;gap:28px;display:flex}.prose-section[data-v-7148cf38]{flex-direction:column;gap:10px;display:flex}.prose-section h2[data-v-7148cf38]{font-size:1.25rem;font-weight:800}.prose-section p[data-v-7148cf38]{color:var(--text-secondary);font-size:.95rem;line-height:1.8}.clean-list[data-v-7148cf38]{flex-direction:column;gap:10px;padding-left:20px;display:flex}.clean-list li[data-v-7148cf38]{color:var(--text-secondary);font-size:.92rem;line-height:1.75}.clean-list strong[data-v-7148cf38]{color:var(--text-main)}.prose-footer[data-v-7148cf38]{border-top:1px solid var(--border);padding-top:16px}.content-container[data-v-e1f0241b]{max-width:760px;padding-top:48px;padding-bottom:64px}.content-sheet[data-v-e1f0241b]{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:32px;padding:clamp(28px,5vw,48px);display:flex}.content-header[data-v-e1f0241b]{border-bottom:1px solid var(--border);padding-bottom:20px}.page-title[data-v-e1f0241b]{letter-spacing:-.03em;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:900}.prose-body[data-v-e1f0241b]{flex-direction:column;gap:28px;display:flex}.prose-section[data-v-e1f0241b]{flex-direction:column;gap:8px;display:flex}.prose-section h2[data-v-e1f0241b]{font-size:1.18rem;font-weight:800}.prose-section p[data-v-e1f0241b]{color:var(--text-secondary);font-size:.92rem;line-height:1.8}.prose-footer[data-v-e1f0241b]{border-top:1px solid var(--border);padding-top:16px}:root{--bg:#f7f8fa;--bg-subtle:#eeeff2;--surface:#fff;--surface-raised:#fff;--border:#0f172a14;--border-strong:#0f172a29;--border-focus:#1d4ed8;--text-main:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#fff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb14;--accent-border:#2563eb33;--channel-r:#dc2626;--channel-g:#059669;--channel-b:#2563eb;--success:#059669;--success-soft:#05966914;--error:#dc2626;--error-soft:#dc262614;--font-sans:"Plus Jakarta Sans", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 4px 12px #0f172a0f, 0 0 0 1px #0f172a0a;--shadow-lg:0 12px 28px #0f172a14, 0 0 0 1px #0f172a0f;--shadow-dialog:0 24px 48px -12px #0f172a33, 0 0 0 1px #0f172a14;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.14s;--dur-base:.2s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:clip}html{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}body{background-color:var(--bg);min-height:100dvh;color:var(--text-main)}#app{flex-direction:column;width:100%;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-main);letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:800;line-height:1.25}p,li,label{color:var(--text-secondary)}code,kbd,samp,pre,.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}a{color:inherit;transition:color var(--dur-short) var(--ease-out);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none}.btn{border-radius:var(--radius-full);letter-spacing:-.01em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:44px;color:var(--text-main);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform .1s var(--ease-out), box-shadow var(--dur-short) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.btn span,.btn svg{color:inherit;fill:currentColor}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--text-main);box-shadow:var(--shadow-sm);color:#fff!important}.btn-primary span,.btn-primary svg{color:#fff!important}.btn-primary:hover{box-shadow:var(--shadow-md);background-color:#1f2937;color:#fff!important}.btn-secondary{background-color:var(--surface);color:var(--text-main);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary span,.btn-secondary svg{color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-subtle)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--text-main)}input[type=range]{appearance:none;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:8px;margin:8px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--text-main);cursor:pointer;width:20px;height:20px;transition:transform var(--dur-short) var(--ease-out);border-radius:50%;box-shadow:0 1px 4px #00000026}input[type=range]::-moz-range-thumb{background:var(--surface);border:2px solid var(--text-main);cursor:pointer;width:20px;height:20px;transition:transform var(--dur-short) var(--ease-out);border-radius:50%;box-shadow:0 1px 4px #00000026}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}@media (width<=640px){.container{padding:0 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-layout[data-v-a4b69b96]{flex-direction:column;min-height:100dvh;display:flex}.site-header[data-v-a4b69b96]{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:calc(var(--safe-top) + 4px) 0 4px;background:#f7f8faf0;position:sticky;top:0}.header-inner[data-v-a4b69b96]{justify-content:space-between;align-items:center;height:52px;display:flex}.brand-link[data-v-a4b69b96]{color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.brand-mark[data-v-a4b69b96]{border-radius:var(--radius-full);width:12px;height:12px;transition:background-color var(--dur-short) var(--ease-out)}.brand-name[data-v-a4b69b96]{letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.brand-sub[data-v-a4b69b96]{color:var(--text-muted);font-size:.82rem;font-weight:600}.desktop-nav[data-v-a4b69b96]{align-items:center;gap:4px;display:flex}.nav-item[data-v-a4b69b96]{color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);padding:6px 12px;font-size:.88rem;font-weight:600}.nav-item[data-v-a4b69b96]:hover{color:var(--text-main);background-color:var(--bg-subtle)}.nav-item.active[data-v-a4b69b96]{color:var(--text-main);background-color:var(--surface);box-shadow:var(--shadow-sm);font-weight:700}.palette-toggle[data-v-a4b69b96]{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-strong);cursor:pointer;width:32px;height:32px;transition:transform var(--dur-short) var(--ease-out);justify-content:center;align-items:center;margin-left:6px;display:flex}.palette-toggle[data-v-a4b69b96]:hover{transform:scale(1.08)}.palette-swatch[data-v-a4b69b96]{border-radius:var(--radius-full);width:14px;height:14px}.mobile-controls[data-v-a4b69b96]{align-items:center;gap:8px;display:none}.menu-btn[data-v-a4b69b96]{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-main);justify-content:center;align-items:center;display:flex}.mobile-drawer[data-v-a4b69b96]{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 20px 20px}.mobile-drawer-nav[data-v-a4b69b96]{flex-direction:column;gap:6px;display:flex}.mobile-item[data-v-a4b69b96]{color:var(--text-main);border-radius:var(--radius-sm);padding:10px 14px;font-size:1rem;font-weight:700}.mobile-item[data-v-a4b69b96]:hover,.mobile-item.active[data-v-a4b69b96]{background:var(--bg-subtle)}.mobile-sublinks[data-v-a4b69b96]{border-top:1px solid var(--border);gap:16px;margin-top:6px;padding:14px 14px 4px;display:flex}.mobile-sublinks a[data-v-a4b69b96]{color:var(--text-secondary);font-size:.85rem}.site-main[data-v-a4b69b96]{flex-direction:column;flex:1;display:flex}.site-footer[data-v-a4b69b96]{border-top:1px solid var(--border);padding:24px 0 calc(var(--safe-bottom) + 20px);background:var(--surface);margin-top:auto}.footer-inner[data-v-a4b69b96]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-left[data-v-a4b69b96]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer-brand[data-v-a4b69b96]{color:var(--text-main);align-items:center;gap:6px;font-size:.95rem;display:inline-flex}.footer-dot[data-v-a4b69b96]{border-radius:var(--radius-full);width:8px;height:8px}.footer-tagline[data-v-a4b69b96]{color:var(--text-muted);font-size:.82rem}.footer-right[data-v-a4b69b96]{color:var(--text-secondary);align-items:center;gap:18px;font-size:.85rem;display:flex}.footer-right a[data-v-a4b69b96]:hover{color:var(--text-main)}.copyright[data-v-a4b69b96]{color:var(--text-muted);margin-left:4px;font-size:.78rem}@media (width<=768px){.desktop-nav[data-v-a4b69b96]{display:none}.mobile-controls[data-v-a4b69b96]{display:flex}.footer-inner[data-v-a4b69b96]{flex-direction:column;align-items:flex-start;gap:12px}}.game-layout[data-v-2d20aa01]{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.game-topbar[data-v-2d20aa01]{z-index:40;padding:calc(var(--safe-top) + 12px) 16px 0;pointer-events:none;position:absolute;top:0;left:0;right:0}.topbar-inner[data-v-2d20aa01]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.back-link[data-v-2d20aa01]{pointer-events:auto;border-radius:var(--radius-full);color:var(--text-main);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);background:#ffffffe6;border:1px solid #0f172a1f;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.back-link[data-v-2d20aa01]:hover{box-shadow:var(--shadow-md);background:#fff;transform:translateY(-1px)}.mode-badge-wrap[data-v-2d20aa01]{pointer-events:auto;position:relative}.mode-badge[data-v-2d20aa01]{border-radius:var(--radius-full);color:var(--text-main);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);background:#ffffffe6;border:1px solid #0f172a1f;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.mode-badge[data-v-2d20aa01]:hover{box-shadow:var(--shadow-md);background:#fff}.mode-dot[data-v-2d20aa01]{border-radius:var(--radius-full);background-color:var(--accent);width:8px;height:8px}.tool-dropdown[data-v-2d20aa01]{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow-lg);z-index:50;background:#fff;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.tool-item[data-v-2d20aa01]{border-radius:var(--radius-sm);transition:background-color var(--dur-short) var(--ease-out);flex-direction:column;padding:8px 12px;display:flex}.tool-item[data-v-2d20aa01]:hover,.tool-item.active[data-v-2d20aa01]{background-color:var(--bg-subtle)}.tool-item-name[data-v-2d20aa01]{color:var(--text-main);font-size:.85rem;font-weight:700}.tool-item-en[data-v-2d20aa01]{color:var(--text-muted);font-size:.72rem}.game-shell[data-v-2d20aa01]{flex:1;width:100%;height:100%;position:relative;overflow:hidden}