.ant-test-wrapper{background:#0a0b0f;width:100%;min-height:100vh}.ant-dark-screen{color:#e5e7eb;box-sizing:border-box;background:#0a0b0f;flex-direction:column;align-items:center;max-width:100%;min-height:100vh;padding:20px 20px 40px;display:flex;position:relative}.ant-dark-back{color:#fff;cursor:pointer;z-index:10;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;transition:background .15s;display:flex;position:absolute;top:20px;left:20px}.ant-dark-back:hover{background:#ffffff21}.ant-dark-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;transition:background .15s;display:flex;position:absolute;top:20px;right:20px}.ant-dark-close:hover{background:#ffffff21}.ant-dark-btn{color:#fff;cursor:pointer;letter-spacing:.01em;text-transform:none;background:#ffffff1a;border:none;border-radius:16px;width:100%;max-width:420px;margin-top:8px;padding:16px 24px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:opacity .15s,transform .1s}.ant-dark-btn:hover{opacity:.9;transform:translateY(-1px)}.ant-dark-btn:active{transform:scale(.97)}.ant-intro-content{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;margin-top:60px;display:flex}.ant-intro-icon{margin-bottom:-4px;font-size:3.5rem}.ant-intro-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.8rem;font-weight:800}.ant-intro-sub{color:#6b7280;font-size:.78rem;font-family:var(--font-mono);margin:-8px 0 0}.ant-intro-desc{color:#9ca3af;margin:0;font-size:.95rem;line-height:1.75}.ant-intro-nets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ant-intro-net{background:#ffffff0a;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:flex}.ant-intro-meta{color:#4b5563;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.78rem;display:flex}.ant-intro-meta-dot{color:#374151}.ant-intro-about{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:18px 20px}.ant-intro-about-title{color:#e5e7eb;margin:0 0 8px;font-size:.9rem;font-weight:700}.ant-intro-about-text{color:#6b7280;margin:0;font-size:.83rem;line-height:1.75}.ant-mode-cards{flex-wrap:wrap;gap:12px;width:100%;display:flex}.ant-mode-card{text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:140px;padding:20px 16px;transition:border-color .2s,background .2s,transform .1s;display:flex}.ant-mode-card:hover{background:#ffffff12;transform:translateY(-2px)}.ant-mode-card:active{transform:scale(.97)}.ant-mode-card--child{border-color:#34d39940}.ant-mode-card--child:hover{border-color:#34d39980}.ant-mode-card__icon{font-size:2.2rem;line-height:1}.ant-mode-card__title{color:#fff;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.ant-mode-card--child .ant-mode-card__title{color:#34d399}.ant-mode-card__meta{color:#6b7280;margin:0;font-size:.78rem;line-height:1.5}.ant-mode-card__body{flex-direction:column;gap:4px;display:flex}.ant-mode-card__btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:10px;width:100%;margin-top:6px;padding:10px 16px;font-family:inherit;font-size:.88rem;font-weight:700;transition:opacity .15s}.ant-mode-card--child .ant-mode-card__btn{color:#6ee7b7;background:#10b98140}.ant-mode-card__btn:hover{opacity:.85}@media (max-width:520px){.ant-mode-cards{flex-direction:column}.ant-mode-card{text-align:left;flex-direction:row;align-items:center;gap:14px;padding:16px 20px}.ant-mode-card__icon{flex-shrink:0;align-self:center;margin-bottom:0;font-size:2.6rem}.ant-mode-card__body{flex:1;min-width:0}.ant-mode-card__title{margin:0 0 2px}.ant-mode-card__meta{font-size:.76rem}.ant-mode-card__btn{color:#ffffff59;pointer-events:none;background:0 0;flex-shrink:0;align-self:center;width:auto;margin-top:0;padding:0;font-size:1.3rem}.ant-mode-card--child .ant-mode-card__btn{color:#34d39999;background:0 0}}.ant-instr-demo-box{background:#000;border-radius:12px;width:100%;padding:18px}.ant-instr-demo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:10px;display:flex}.ant-instr-demo-row:last-child{margin-bottom:0}.ant-instr-demo-item{text-align:center}.ant-instr-arrows{letter-spacing:4px;color:#4b5563;margin-bottom:4px;font-family:monospace;font-size:1.8rem;line-height:1}.ant-instr-arrows .tgt{color:#fbbf24}.ant-instr-demo-label{color:#6b7280;font-size:.72rem}.ant-instr-fish-row{justify-content:center;align-items:center;gap:4px;margin-bottom:4px;font-size:1.8rem;display:flex}.ant-instr-fish-row .tgt{font-size:2.4rem}.ant-cue-table{border-collapse:collapse;text-align:left;width:100%;margin:8px 0;font-size:.82rem}.ant-cue-table th{color:#93c5fd;background:#93c5fd14;border-bottom:1px solid #ffffff14;padding:7px 10px;font-weight:600}.ant-cue-table td{color:#9ca3af;border-bottom:1px solid #ffffff0d;padding:6px 10px}.ant-instr-note{color:#9ca3af;text-align:left;width:100%;margin:0;font-size:.85rem;line-height:1.7}.ant-instr-btns{gap:10px;width:100%;margin-top:4px;display:flex}.ant-instr-back-btn{color:#9ca3af;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;flex:none;padding:14px 20px;font-family:inherit;font-size:.95rem;transition:background .15s}.ant-instr-back-btn:hover{background:#ffffff1f}@media (max-width:400px){.ant-intro-title{font-size:1.5rem}}
.ant-exp-screen{z-index:1000;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#000;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ant-exp-screen .ant-exp-progress-bar{z-index:2;background:#ffffff14;height:3px;position:absolute;top:0;left:0;right:0}.ant-exp-screen .ant-exp-progress-fill{background:linear-gradient(90deg,#f97316,#ea580c);border-radius:0 2px 2px 0;height:100%;transition:width .4s}.ant-exp-screen .ant-exp-progress-label{text-align:center;color:#ffffff38;width:100%;font-size:.72rem;font-family:var(--font-mono,monospace);letter-spacing:.08em;pointer-events:none;z-index:2;position:absolute;top:12px}.ant-exp-screen .ant-exp-area{flex:1;width:min(560px,100vw);position:relative}.ant-exp-screen .ant-fix{color:#fff;pointer-events:none;font-family:monospace;font-size:3.5rem;font-weight:100;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ant-exp-screen .ant-cue-star{color:#fff;pointer-events:none;font-family:monospace;font-size:2.2rem;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}.ant-exp-screen .ant-stim-row{pointer-events:none;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.ant-exp-screen .ant-arr{text-align:center;width:58px;font-family:monospace;font-size:3.2rem;line-height:1;display:inline-block}.ant-exp-screen .ant-arr--f{color:#4b5563}.ant-exp-screen .ant-arr--t{color:#fbbf24;font-weight:700}.ant-exp-screen .ant-feedback{pointer-events:none;letter-spacing:.01em;flex-shrink:0;justify-content:center;align-items:center;height:48px;font-size:1.4rem;font-weight:700;display:flex}.ant-exp-screen .ant-feedback--wrong{color:#f87171}.ant-exp-screen .ant-feedback--slow{color:#fbbf24}.ant-exp-screen .ant-feedback--correct{color:#34d399}.ant-exp-screen .ant-arr--fish{width:auto;padding:0;font-size:2.2rem}.ant-exp-screen .ant-resp-btns{flex-shrink:0;gap:16px;width:100%;max-width:560px;padding:12px 20px 44px;display:flex}.ant-exp-screen .ant-resp-btn{color:#ffffffb3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:none;border-radius:20px;outline:none;flex:1;justify-content:center;align-items:center;height:108px;font-family:monospace;font-size:3rem;font-weight:200;transition:background 80ms,border-color 80ms,transform 60ms,color 80ms;display:flex}.ant-exp-screen .ant-resp-btn:focus,.ant-exp-screen .ant-resp-btn:focus-visible{box-shadow:none!important;outline:none!important}.ant-exp-screen .ant-resp-btn:active,.ant-exp-screen .ant-resp-btn--active{background:#ffffff1a;transform:scale(.94)}.ant-exp-screen .ant-practice-overlay{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:24px 20px;display:flex}.ant-exp-screen .ant-practice-overlay-icon{font-size:3.5rem}.ant-exp-screen .ant-practice-overlay-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.ant-exp-screen .ant-practice-overlay-desc{color:#6b7280;margin:0;font-size:.92rem;line-height:1.7}.ant-exp-screen .ant-practice-overlay-hints{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;width:100%;padding:16px 20px;display:flex}.ant-exp-screen .ant-practice-hint-item{color:#9ca3af;text-align:left;align-items:center;gap:14px;font-size:.9rem;display:flex}.ant-exp-screen .ant-practice-hint-icon{text-align:center;color:#fff;flex-shrink:0;width:32px;font-family:monospace;font-size:1.4rem}.ant-exp-screen .ant-practice-start-btn{color:#fff;cursor:pointer;text-transform:none;background:#ffffff1a;border:none;border-radius:16px;outline:none;width:100%;margin-top:4px;padding:16px 24px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:opacity .15s,transform .1s}.ant-exp-screen .ant-practice-start-btn:hover{opacity:.9}.ant-exp-screen .ant-practice-start-btn:active{transform:scale(.97)}@media (max-width:480px){.ant-exp-screen .ant-arr{width:46px;font-size:2.6rem}.ant-exp-screen .ant-fix{font-size:3rem}.ant-exp-screen .ant-resp-btn{border-radius:16px;height:96px;font-size:2.6rem}.ant-exp-screen .ant-resp-btns{gap:12px;padding:10px 14px 38px}.ant-exp-screen .ant-practice-overlay-title{font-size:1.5rem}}@media (max-height:640px){.ant-exp-screen .ant-resp-btn{height:80px}.ant-exp-screen .ant-arr{font-size:2.4rem}.ant-exp-screen .ant-fix{font-size:2.6rem}.ant-exp-screen .ant-resp-btns{padding-bottom:24px}}