.skills-page{gap:1.5rem}.skills-window{flex-direction:column;width:100%;max-width:780px;display:flex}.skills-tabs{z-index:1;gap:4px;margin-bottom:-4px;padding-left:1rem;display:flex;position:relative}.skills-tab{color:#606060;white-space:nowrap;cursor:pointer;background:#aaa;border:3px solid #404040;border-color:#d0d0d0 #404040 #404040 #d0d0d0;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-family:inherit;font-size:.8rem;display:flex;transform:translateY(4px)}.skills-tab:hover{background:#bbb}.skills-tab.is-active{color:#404040;cursor:default;background:#c6c6c6;border-color:#fff #555 #c6c6c6 #fff;transform:none}.skills-panel{background:#c6c6c6;border:4px solid #000;grid-template-columns:1fr;gap:1.25rem;padding:1.5rem;display:grid;box-shadow:inset 4px 4px #fff,inset -4px -4px #555}.skills-heading{color:#404040;border-bottom:2px solid #888;margin:0 0 .9rem;padding-bottom:.4rem;font-size:.95rem;font-weight:400}.skills-grid{grid-template-columns:repeat(auto-fill,72px);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.skill-slot{cursor:pointer;background:#8b8b8b;border:3px solid #000;place-items:center;width:72px;height:72px;padding:0;display:grid;box-shadow:inset 3px 3px #555,inset -3px -3px #fff}.skill-slot:hover,.skill-slot:focus-visible{background:#a0a0a0;outline:none}.skill-slot.is-selected{outline-offset:-3px;outline:3px solid #fff}.skill-badge{width:48px;height:48px;font-family:var(--font-pixel),monospace;place-items:center;line-height:1;display:grid;overflow:hidden;box-shadow:inset -3px -3px #00000040,inset 3px 3px #ffffff40}.skill-badge.is-short{font-size:.75rem}.skill-badge.is-medium{font-size:.5rem}.skill-badge.is-long{font-size:.4rem}.skill-detail{color:#fff;background:#100010f2;border:3px solid #28007f;border-color:#5000a0 #28007f #28007f #5000a0;align-self:start;padding:1rem 1.1rem;box-shadow:0 0 0 3px #100010}.skill-detail-header{align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.skill-detail-icon{flex-shrink:0}.skill-detail-name{color:#ff5;text-shadow:2px 2px #3f3f00;margin:0;font-size:.9rem;font-weight:400;line-height:1.5}.skill-detail-name.is-master{color:#5ff;text-shadow:2px 2px #153f3f}.skill-detail-meta{border-bottom:1px solid #444;gap:.5rem;margin:0 0 .8rem;padding-bottom:.8rem;display:grid}.skill-detail-meta>div{grid-template-columns:3.5rem 1fr;align-items:center;display:grid}.skill-detail-meta dt{color:#aaa;font-family:"DotGothic16",var(--font-pixel),monospace;font-size:.85rem}.skill-detail-meta dd{font-family:"DotGothic16",var(--font-pixel),monospace;align-items:center;gap:.6rem;margin:0;font-size:.95rem;display:flex}.skill-level{gap:3px;display:flex}.skill-level-cell{background:#1f1f1f;border:2px solid #000;width:16px;height:12px}.skill-level-cell.is-filled{background:#80ff20;box-shadow:inset 0 2px #ffffff73}.skill-level-text{white-space:nowrap;color:#80ff20;font-family:var(--font-pixel),monospace;font-size:.65rem}.skill-detail-desc{color:#ddd;font-family:"DotGothic16",var(--font-pixel),monospace;margin:0;font-size:.95rem;line-height:1.7}@media (min-width:768px){.skills-panel{grid-template-columns:1fr 280px}}@media (max-width:767px){.skills-tabs{scrollbar-width:none;margin-left:-1rem;margin-right:-1rem;padding:0 1rem;overflow-x:auto}.skills-tab{padding:.6rem .8rem;font-size:.7rem}.skills-panel{padding:1rem}.skills-grid{grid-template-columns:repeat(auto-fill,64px)}.skill-slot{width:64px;height:64px}}.skills-works-link{margin-top:1rem}