.skills-page{--skills-cyan:#5cf2f2;color:#defbfc;background:radial-gradient(at 50% -20%,#144047 0,#091920 38%,#050b10 76%);min-height:100vh;padding:clamp(20px,4vw,46px) clamp(14px,4vw,50px) 24px;position:relative;overflow:hidden}.skills-page:before{content:"";z-index:0;pointer-events:none;opacity:.11;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#74f6ff 0 1px,#0000 1px 4px);position:fixed;inset:0}.skills-page-scanline{z-index:0;pointer-events:none;opacity:.1;background-image:linear-gradient(90deg,#0000 49.9%,#42dce7 50%,#0000 50.1%);background-size:9px 100%;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.skills-page-header,.skills-intro-row,.skill-canvas-frame,.skills-page-footer,.skills-error-panel,.skills-empty-panel{z-index:1;position:relative}.skills-page-header{border-bottom:1px solid #49dfe357;justify-content:space-between;align-items:flex-end;gap:24px;width:min(100%,1440px);margin:0 auto 22px;padding-bottom:18px;display:flex}.skills-title-lockup{min-width:0}.skills-kicker{color:#83d8dc;letter-spacing:.22em;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.skills-title-lockup h1{color:#e5ffff;letter-spacing:.025em;text-shadow:0 0 24px #44e9f43f;margin:6px 0 2px;font:500 clamp(34px,5.2vw,61px)/.98 ui-monospace,SFMono-Regular,Menlo,monospace}.skills-title-lockup p{color:#a5cbce;margin:9px 0 0;font:13px/1.4 system-ui,sans-serif}.skills-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.skills-page-actions a{color:#cdfbfc;white-space:nowrap;background:#07151be8;border:1px solid #2a8c94;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:8px 13px;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;display:inline-flex}:is(.skills-page-actions a:hover,.skills-page-actions a:focus-visible){color:#fff;outline-offset:2px;border-color:#c4ffff;outline:2px solid #fff;box-shadow:0 0 15px #38f3f23e}.skills-edit-link{color:#a9ffff!important}.skills-intro-row{color:#8fbfc2;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;width:min(100%,1440px);margin:0 auto 8px;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.skills-intro-row span:first-child{align-items:center;gap:8px;display:flex}.skills-intro-row i{background:var(--skills-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--skills-cyan)}.skills-intro-row b{color:#4ce1e4;font-weight:400}.skills-page-footer{color:#60888b;letter-spacing:.13em;justify-content:space-between;gap:10px;width:min(100%,1440px);margin:9px auto 0;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.skills-error-panel,.skills-empty-panel{text-align:center;background:#07151be8;border:1px solid #1d6870;flex-direction:column;justify-content:center;align-items:center;width:min(100%,1440px);min-height:380px;margin:30px auto;display:flex}.skills-error-panel>span,.skills-empty-panel>span{color:#6bdfe5;letter-spacing:.17em;font:10px/1 ui-monospace,monospace}.skills-error-panel h2,.skills-empty-panel h2{color:#e7ffff;margin:20px 12px 8px;font-size:clamp(20px,3vw,30px);font-weight:500}.skills-error-panel p{color:#a7c5c8;max-width:520px;margin:4px 14px 18px;font-size:13px;line-height:1.65}.skills-error-panel button,.skills-empty-panel a{color:#cfffff;cursor:pointer;background:#071a20;border:1px solid #46cbd1;align-items:center;min-height:38px;padding:8px 14px;font:12px/1 ui-monospace,monospace;text-decoration:none;display:inline-flex}:is(.skills-error-panel button:hover,.skills-error-panel button:focus-visible,.skills-empty-panel a:hover,.skills-empty-panel a:focus-visible){outline-offset:2px;outline:2px solid #fff}@media (max-width:650px){.skills-page{padding:20px 10px 18px}.skills-page-header{align-items:flex-start;gap:12px;margin-bottom:16px}.skills-kicker{letter-spacing:.13em;font-size:8px}.skills-title-lockup h1{font-size:clamp(30px,8.4vw,43px)}.skills-title-lockup p{font-size:11px}.skills-page-actions{justify-items:end;gap:6px;display:grid}.skills-page-actions a{min-height:32px;padding:7px 8px;font-size:9px}.skills-intro-row{letter-spacing:.05em;font-size:8px}.skills-page-footer{font-size:8px}}@media (prefers-reduced-motion:reduce){.skills-page *,.skills-page :before,.skills-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.skills-page{--skills-cyan:#41d9dc;--skills-magenta:#f12696;background:radial-gradient(at 50% -20%,#28172f 0,#100b18 42%,#07060e 82%)}.skills-page:before{opacity:.07;background-image:repeating-linear-gradient(0deg,#f12696 0 1px,#0000 1px 4px)}.skills-page-scanline{opacity:.08;background-image:linear-gradient(90deg,#0000 49.9%,#41d9dc 50%,#0000 50.1%)}.skills-page-header{border-image:linear-gradient(90deg,#f12696,#41d9dc) 1}.skills-page-actions a,.skills-error-panel,.skills-empty-panel{background-color:#100b18ed;border-color:#58335f;box-shadow:3px 3px #06050a}.skills-edit-link{box-shadow:3px 3px #32112c;color:#9affff!important;border-color:#41d9dc!important}.skills-intro-row i{background:#f12696;box-shadow:0 0 0 2px #3a1736}.skills-intro-row b{color:#41d9dc}.skills-page-footer{color:#82708a}.skills-error-panel,.skills-empty-panel{border-color:#633466}.skills-error-panel>span,.skills-empty-panel>span{color:#41d9dc}body .skills-page *,body .skills-access-denied *{font-family:var(--font-game)}