.sk-page{width:100%;background:#040608;overflow-x:hidden}.sk-overline{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;display:block;margin-bottom:14px}.sk-title{font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px;color:#fff}.sk-subtitle{font-size:.92rem;line-height:1.7}.sk-vert-text{position:absolute;top:50%;transform:translateY(-50%);z-index:12;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:14px}.sk-vert-left{left:28px;transform:translateY(-50%) rotate(180deg)}.sk-vert-right{right:28px}.sk-vert-word{font-family:Inter,sans-serif;font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.15;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 0 30px rgba(0,0,0,.9),0 0 60px rgba(0,0,0,.6)}.sk-lyric-text{position:absolute;top:50%;transform:translateY(-50%);z-index:12;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sk-lyric-word{font-family:Inter,sans-serif;font-size:clamp(.8rem,1.6vw,1.05rem);font-weight:700;letter-spacing:.01em;line-height:1.2;opacity:.75;text-shadow:0 0 20px rgba(0,0,0,.8)}.sk-scene-wrap{position:relative;width:100%;height:100vh;margin-top:70px}.sk-scene-container{width:100%;height:100%}.sk-scene-container canvas{display:block;width:100%!important;height:100%!important}.sk-labels-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;overflow:hidden}.sk-label{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto;cursor:pointer}.sk-label-orb{width:36px;height:36px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,filter .25s ease}.sk-label-icon{font-size:26px;position:relative;z-index:1;color:var(--lbl-color)!important;filter:drop-shadow(0 0 4px var(--lbl-color));transition:filter .25s ease,transform .25s ease}.sk-label:hover .sk-label-icon,.sk-label-active .sk-label-icon{transform:scale(1.3);filter:drop-shadow(0 0 3px var(--lbl-color)) drop-shadow(0 0 10px var(--lbl-color))}.sk-label-name{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--lbl-color, #ccc);white-space:nowrap;text-shadow:0 0 6px var(--lbl-color, #ccc),0 1px 3px rgba(0,0,0,.9)}.sk-filter-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:14;display:flex;flex-wrap:wrap;gap:6px;padding:6px 12px;background:#040608b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.06)}.sk-filter-btn{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:5px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#777;cursor:pointer;transition:all .25s ease;white-space:nowrap}.sk-filter-btn:hover{color:#ccc;border-color:#fff3;background:#ffffff0a}.sk-filter-active{background:#ffffff14!important}.sk-label-dimmed{opacity:.12;pointer-events:none;transition:opacity .4s ease}.sk-label-selected .sk-label-icon{transform:scale(1.5);filter:drop-shadow(0 0 4px var(--lbl-color)) drop-shadow(0 0 12px var(--lbl-color))}.sk-card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#00000080;animation:skFadeIn .25s ease}@keyframes skFadeIn{0%{opacity:0}to{opacity:1}}.sk-skill-card{position:relative;width:280px;padding:32px 28px 24px;background:linear-gradient(145deg,#1a1610,#0e0c08);border:1px solid rgba(212,160,48,.2);border-radius:16px;box-shadow:0 0 40px #d4a0300f,0 20px 60px #0009;text-align:center;animation:skCardIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes skCardIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sk-card-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#555;font-size:1.3rem;cursor:pointer;transition:color .2s;line-height:1}.sk-card-close:hover{color:#ccc}.sk-card-icon-wrap{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff1a,#0000004d 90%);border:2px solid var(--card-color);box-shadow:0 0 20px var(--card-color),0 0 40px #0000004d;display:flex;align-items:center;justify-content:center}.sk-card-icon{font-size:22px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.sk-card-name{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:800;color:#e8e0d4;margin-bottom:4px}.sk-card-category{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8b6914;display:block;margin-bottom:18px}.sk-card-level{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sk-card-level-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.sk-card-level-fill{height:100%;border-radius:3px;animation:skBarGrow .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes skBarGrow{0%{width:0%!important}}.sk-card-level-num{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:800;min-width:36px;text-align:right}.sk-card-rank{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#d4a030;padding:4px 14px;border:1px solid rgba(212,160,48,.2);border-radius:12px;display:inline-block}.sk-fallback{padding:40px 6%;text-align:center;color:#888}.sk-fallback-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto}.sk-fallback-tag{font-family:JetBrains Mono,monospace;font-size:.75rem;padding:6px 14px;border-radius:20px;background:#ffffff0f;color:#ccc;border:1px solid rgba(255,255,255,.08)}.sk-chart-section{max-width:1100px;margin:0 auto;padding:70px 6% 50px}.sk-chart-header{text-align:center;margin-bottom:44px}.sk-chart-title{font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.sk-chart-sub{font-size:.85rem;line-height:1.7;max-width:420px;margin:0 auto}.sk-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}.sk-chart-col{display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--col-delay, 0s);min-height:100%}.sk-chart-visible .sk-chart-col{opacity:1;transform:translateY(0)}.sk-chart-parent{text-align:center;padding:22px 16px 16px;border-radius:14px;width:100%;min-height:150px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.sk-chart-parent:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:50%;opacity:0;transition:opacity .4s;pointer-events:none}.sk-chart-parent:hover:before{opacity:1}.sk-chart-parent:hover{transform:translateY(-4px)}.sk-gryf .sk-chart-parent{background:linear-gradient(145deg,#b432321f,#b482320a);border:1px solid rgba(180,50,50,.18)}.sk-slyth .sk-chart-parent{background:linear-gradient(145deg,#1e64321f,#6478640a);border:1px solid rgba(40,120,60,.18)}.sk-raven .sk-chart-parent{background:linear-gradient(145deg,#283c8c1f,#8264320a);border:1px solid rgba(50,80,160,.18)}.sk-huffle .sk-chart-parent{background:linear-gradient(145deg,#c8aa281a,#3c3c280a);border:1px solid rgba(200,170,50,.18)}.sk-gryf .sk-chart-parent:before{background:radial-gradient(circle,rgba(180,50,50,.15),transparent 70%)}.sk-slyth .sk-chart-parent:before{background:radial-gradient(circle,rgba(40,120,60,.15),transparent 70%)}.sk-raven .sk-chart-parent:before{background:radial-gradient(circle,rgba(50,80,160,.15),transparent 70%)}.sk-huffle .sk-chart-parent:before{background:radial-gradient(circle,rgba(200,170,50,.12),transparent 70%)}.sk-da .sk-chart-parent{background:linear-gradient(145deg,#7850c81f,#50c8780a);border:1px solid rgba(120,80,200,.18)}.sk-da .sk-chart-parent:before{background:radial-gradient(circle,rgba(120,80,200,.15),transparent 70%)}.sk-chart-crest{font-size:1.8rem;display:block;margin-bottom:8px;transition:transform .3s}.sk-chart-parent:hover .sk-chart-crest{transform:scale(1.15)}.sk-chart-house{font-family:Inter,sans-serif;font-size:.92rem;font-weight:800;margin-bottom:3px}.sk-gryf .sk-chart-house{color:#d4534a}.sk-slyth .sk-chart-house{color:#2e8b57}.sk-raven .sk-chart-house{color:#4169e1}.sk-huffle .sk-chart-house{color:#d4a843}.sk-da .sk-chart-house{color:#9b6dff}.sk-chart-trait{font-family:JetBrains Mono,monospace;font-size:.75rem;font-style:italic;color:#777;margin-bottom:8px}.sk-chart-cat{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#555;display:block;margin-bottom:4px}.sk-chart-count{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#444;display:block}.sk-chart-line{width:1px;height:24px;position:relative;margin:0 auto;background:#ffffff0f}.sk-chart-line-glow{position:absolute;top:0;left:-1px;width:3px;height:6px;border-radius:2px;animation:skLineGlow 2s ease-in-out infinite}.sk-gryf .sk-chart-line-glow{background:#d4534a;box-shadow:0 0 6px #d4534a}.sk-slyth .sk-chart-line-glow{background:#2e8b57;box-shadow:0 0 6px #2e8b57}.sk-raven .sk-chart-line-glow{background:#4169e1;box-shadow:0 0 6px #4169e1}.sk-huffle .sk-chart-line-glow{background:#d4a843;box-shadow:0 0 6px #d4a843}.sk-da .sk-chart-line-glow{background:#9b6dff;box-shadow:0 0 6px #9b6dff}@keyframes skLineGlow{0%,to{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:18px;opacity:0}}.sk-chart-children{width:100%;display:flex;flex-direction:column;gap:5px}.sk-chart-child{padding:9px 12px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:border-color .25s,background .25s,transform .25s;opacity:0;transform:translateY(12px)}.sk-chart-visible .sk-chart-child{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1),border-color .25s,background .25s;transition-delay:var(--child-delay, 0s)}.sk-chart-child:hover{background:#ffffff0d;transform:translate(3px)}.sk-gryf .sk-chart-child:hover{border-color:#b432324d}.sk-slyth .sk-chart-child:hover{border-color:#28783c4d}.sk-raven .sk-chart-child:hover{border-color:#3250a04d}.sk-huffle .sk-chart-child:hover{border-color:#c8aa324d}.sk-da .sk-chart-child:hover{border-color:#7850c84d}.sk-chart-child-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.sk-chart-skill-name{font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;color:#ccc}.sk-chart-skill-lvl{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;color:#888}.sk-chart-bar{width:100%;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.sk-chart-bar-fill{height:100%;border-radius:2px;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1);transition-delay:var(--child-delay, 0s);position:relative}.sk-chart-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:skBarShimmer 2.5s ease-in-out infinite;animation-delay:var(--child-delay, 0s)}@keyframes skBarShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.sk-gryf .sk-chart-bar-fill{background:linear-gradient(90deg,#8b1a1a,#d4534a)}.sk-slyth .sk-chart-bar-fill{background:linear-gradient(90deg,#1a5a35,#2e8b57)}.sk-raven .sk-chart-bar-fill{background:linear-gradient(90deg,#2a40a0,#4169e1)}.sk-huffle .sk-chart-bar-fill{background:linear-gradient(90deg,#a08420,#d4a843)}.sk-da .sk-chart-bar-fill{background:linear-gradient(90deg,#6a40c0,#9b6dff)}@media (max-width: 1000px){.sk-chart{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width: 750px){.sk-chart{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 550px){.sk-chart{grid-template-columns:1fr;gap:28px}.sk-chart-parent{padding:18px 14px 14px}.sk-chart-section{padding:50px 5% 30px}}@media (max-width: 768px){.sk-vert-left{left:10px}.sk-vert-right{right:10px}.sk-vert-word{font-size:clamp(1rem,2.5vw,1.4rem)}.sk-lyric-word{font-size:clamp(.65rem,1.3vw,.85rem)}.sk-lyric-text{right:10px}.sk-filter-bar{gap:4px;padding:5px 8px;flex-wrap:wrap;justify-content:center;max-width:94%}.sk-filter-btn{font-size:.5rem;padding:4px 10px}.sk-skill-card{width:250px;padding:26px 22px 20px}.sk-label-orb{width:32px;height:32px}.sk-label-icon{font-size:19px}.sk-label-name{font-size:.55rem}}@media (max-width: 500px){.sk-vert-text,.sk-lyric-text{display:none}.sk-scene-wrap{margin-top:60px}.sk-filter-bar{top:10px;gap:3px}.sk-filter-btn{font-size:.46rem;padding:3px 8px}.sk-skill-card{width:230px;padding:22px 18px 18px}.sk-label-orb{width:28px;height:28px}.sk-label-icon{font-size:16px}.sk-label-name{font-size:.48rem;padding:2px 6px}}.sk-fallback-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.sk-fallback-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .2s}.sk-fallback-card:active{transform:scale(.97)}.sk-fallback-name{font-size:.8rem;font-weight:600;color:#e4e4e7}.sk-fallback-cat{font-size:.65rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.sk-fallback-bar{width:100%;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.sk-fallback-bar-fill{height:100%;border-radius:2px;transition:width .8s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
