.skills-section,.experience-section,.game-case,.project-page{--acc:var(--gold);--acc-ink:var(--gold-light);--on-acc:#09090f;--good:#34d399;--bad:#f87171;--card-shadow:0 1px 0 #ffffff0a inset, 0 30px 60px -30px #000000b3;--s-ink:#f2f0ea;--s-ink-2:#a9a9c0;--s-ink-3:#6e6e88;--s-line:#ffffff1a;--s-panel:#1b1b2b;--s-panel-2:#23233a;--s-sky-1:#141a3a;--s-sky-2:#2b2350;--s-grass-1:#173a2c;--s-grass-2:#0f2a20;--s-pitch:#6b5a3a;--s-room-1:#15151f;--s-room-2:#1f1f2e;--s-floor:#10101a;--s-console:#0b0b12;--s-paper:#161624;--gp-wall-1:#0d2a31;--gp-wall-2:#15404a;--gp-floor-1:#3b2a1f;--gp-floor-2:#261a13;--gp-strip:#47d2cd;--gp-window-1:#28336b;--gp-window-2:#c9735a;--gp-board:#0c2c35;--gp-frame:#16404b;--gp-seam:#47d2cd;--gp-dock:#1b2938;--gp-btn:#26394d;--gp-accent:#62d2c3;--gp-ink:#edf3f8;--ray:#ffb38a;--ray-press:#7ee0b0}[data-theme=light] .skills-section,[data-theme=light] .experience-section,[data-theme=light] .game-case,[data-theme=light] .project-page{--acc-ink:var(--gold-dim);--on-acc:#fff;--good:#059669;--bad:#dc2626;--card-shadow:0 1px 0 #fffc inset, 0 24px 48px -28px #1a1a2e47, 0 2px 6px #1a1a2e0a;--s-ink:#1a1a2e;--s-ink-2:#55556f;--s-ink-3:#9a9ab0;--s-line:#1a1a2e1f;--s-panel:#fff;--s-panel-2:#f1efe9;--s-sky-1:#cfe0f5;--s-sky-2:#eef2f8;--s-grass-1:#9fd3a8;--s-grass-2:#7cbf88;--s-pitch:#d9c49a;--s-room-1:#e6e3dc;--s-room-2:#f3f1ec;--s-floor:#d9d5cc;--s-console:#ebe8e1;--s-paper:#f7f5f0;--gp-wall-1:#d5e3e7;--gp-wall-2:#edf3f4;--gp-floor-1:#caa27a;--gp-floor-2:#b48a62;--gp-strip:#4e7ef2;--gp-window-1:#9cc0ea;--gp-window-2:#f4c59d;--gp-board:#f8f9fb;--gp-frame:#d6d9dd;--gp-seam:#b1b7bf;--gp-dock:#fafcfe;--gp-btn:#e2e8ef;--gp-accent:#4e7ef2;--gp-ink:#182431;--ray:#f08a4b;--ray-press:#1fa87a}.skills-section .duo,.experience-section .duo,.project-page .duo{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sx-arrow,.sx-chip-arrow{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sx-stage{contain:layout paint;border:1px solid var(--glass-border);background:var(--s-console);border-radius:clamp(12px,2.5cqi,16px);position:relative;overflow:hidden}.sx-stage svg{width:100%;height:auto;display:block}.sx-stage svg text{-webkit-user-select:none;user-select:none}.sx-stage:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 60px #00000047}[data-theme=light] .sx-stage:after{box-shadow:inset 0 0 50px #1a1a2e14}.sx-stepper{gap:6px;margin-left:auto;display:flex}.sx-step-btn{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);border-radius:50%;place-items:center;display:grid}.sx-step-btn .sx-arrow{stroke-width:2.2px;width:16px;height:16px}@media (hover:hover){.sx-step-btn:hover{color:var(--acc);border-color:var(--acc);background:color-mix(in srgb, var(--acc) 10%, transparent);transform:scale(1.08)}}.sx-step-btn:active{transform:scale(.94)}.sx-step-btn:disabled{opacity:.3;pointer-events:none}.skill-panel-body>*,.process-phase-panel>*{min-width:0}.sx-practice-ico{width:34px;height:34px;color:var(--acc);background:color-mix(in srgb, var(--acc) 10%, transparent);transition:background var(--t-fast), transform var(--t-mid);border-radius:10px;place-items:center;display:grid}.sx-practice-ico .duo{width:19px;height:19px}.sx-chip{font-family:var(--font-display);border-radius:var(--r-pill);color:var(--gold-dim);background:color-mix(in srgb, var(--gold) 9%, transparent);border:1px solid color-mix(in srgb, var(--gold) 24%, transparent);overflow-wrap:break-word;cursor:pointer;min-width:0;max-width:100%;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast), color var(--t-fast);align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:clamp(.74rem,2.2cqi,.78rem);font-weight:600;display:inline-flex}@media (hover:hover){.sx-chip:hover{background:color-mix(in srgb, var(--gold) 16%, transparent);border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}}.sx-chip:active{transform:translateY(0)}.sx-chip-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sx-chip-arrow{width:13px;height:13px;transition:transform var(--t-fast)}@media (hover:hover){.sx-chip:hover .sx-chip-arrow{transform:translate(2px,-2px)}}.sx-swap{animation:sxSwapIn .42s var(--ease-out-expo) backwards;animation-delay:var(--sx-delay,0s)}@keyframes sxSwapIn{0%{opacity:0;transform:translate3d(var(--sx-shift,0), 10px, 0)}}.sx-row{animation:sxRowIn .58s var(--ease-out-expo) backwards;animation-delay:calc(var(--i,0) * 55ms + 70ms)}[data-swap=out] .sx-row{animation:.17s cubic-bezier(.4,0,1,1) forwards sxRowOut}@keyframes sxRowIn{0%{opacity:0;transform:translateY(16px)}}@keyframes sxRowOut{to{opacity:0;transform:translateY(-8px)}}.sx-stage-in{animation:sxStageIn .64s var(--ease-out-expo) backwards}[data-swap=out] .sx-stage-slot{animation:.17s ease-in forwards sxStageOut}@keyframes sxStageIn{0%{opacity:0;transform:translate3d(calc(var(--swap-dir,1) * 28px), 0, 0) scale(.97)}}@keyframes sxStageOut{to{opacity:0;transform:translate3d(calc(var(--swap-dir,1) * -20px), 0, 0) scale(.985)}}.sx-sweep{z-index:2;pointer-events:none;background:linear-gradient(90deg, transparent, var(--acc) 30%, var(--gold-light) 50%, var(--acc) 70%, transparent);height:2px;transform-origin:var(--sweep-from,left) center;animation:sxSweep .8s var(--ease-out-expo) forwards;position:absolute;top:0;left:0;right:0}@keyframes sxSweep{0%{opacity:1;transform:scaleX(0)}60%{opacity:1}to{opacity:0;transform:scaleX(1)}}.sx-roll{animation:sxRoll .46s var(--ease-out-expo) backwards;display:block}@keyframes sxRoll{0%{opacity:0;transform:translateY(70%)}}.sx-pop{place-items:center;animation:.52s cubic-bezier(.34,1.56,.64,1) backwards sxPop;display:grid}@keyframes sxPop{0%{opacity:0;transform:scale(.55)rotate(-14deg)}}[data-reveal=pending] .skill-map,[data-reveal=pending] .skill-panel,[data-reveal=pending] .process-route,[data-reveal=pending] .process-phase,[data-reveal=pending] .process-loop-toggle,[data-reveal=pending] .chapter-track,[data-reveal=pending] .chapter-card{opacity:0}[data-reduced-motion=true] .sx-swap,[data-reduced-motion=true] .sx-row,[data-reduced-motion=true] .sx-stage-in,[data-reduced-motion=true] .sx-stage-slot,[data-reduced-motion=true] .sx-sweep,[data-reduced-motion=true] .sx-roll,[data-reduced-motion=true] .sx-pop{animation:none!important}[data-reduced-motion=true] .sx-sweep{opacity:0}[data-reduced-motion=true] [data-reveal=pending] :is(.skill-map,.skill-panel,.process-route,.process-phase,.process-loop-toggle,.chapter-track,.chapter-card){opacity:1}.section-alias{width:0;height:0;position:absolute;top:0;left:0}@media (pointer:coarse){.sx-step-btn{width:44px;height:44px}}[data-theme=light] .sx-practice-ico{color:color-mix(in srgb, var(--acc) 80%, #000)}