@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");.retro{font-family:Press Start\ 2P,system-ui,-apple-system,sans-serif;line-height:1.5;letter-spacing:.5px}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}.heatmap-wrapper{width:100%}.heatmap-header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.heatmap-title{font-size:12px;letter-spacing:.5px}.heatmap-subtitle{font-size:10px;opacity:.7}.heatmap-scroll{overflow-x:auto;padding:8px;border:2px solid rgba(0,0,0,.25);background:rgba(255,255,255,.6)}.retro .react-calendar-heatmap text{font-size:8px}.retro .react-calendar-heatmap rect{shape-rendering:crispEdges;rx:0}.heatmap-legend{display:flex;align-items:center;gap:6px;margin-top:10px}.heatmap-legend-label{font-size:10px;opacity:.7}.heatmap-swatch{width:12px;height:12px;display:inline-block;border:1px solid rgba(0,0,0,.35)}.heatmap-0{fill:rgba(0,0,0,.05);background:rgba(0,0,0,.05)}.heatmap-1{fill:rgba(0,0,0,.18);background:rgba(0,0,0,.18)}.heatmap-2{fill:rgba(0,0,0,.32);background:rgba(0,0,0,.32)}.heatmap-3{fill:rgba(0,0,0,.5);background:rgba(0,0,0,.5)}.heatmap-4{fill:rgba(0,0,0,.68);background:rgba(0,0,0,.68)}.skill-icon-fallback{width:18px;height:18px;display:inline-block;border:2px solid rgba(0,0,0,.35);box-shadow:2px 2px 0 0 rgba(0,0,0,.6);background:rgba(88,24,168,.12)}.skill-tile{position:relative;width:100%;border:2px solid rgba(0,0,0,.35);background:rgba(255,255,255,.65);padding:12px;box-shadow:4px 4px 0 0 rgba(0,0,0,.85);transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.skill-tile:hover{transform:translateY(-2px)}.skill-tile:active{transform:translate(2px,2px);box-shadow:none}.skill-tile.is-open{border-color:rgba(88,24,168,.7);background:rgba(88,24,168,.08);z-index:10}.skill-tile-header{display:flex;align-items:center;gap:10px}.skill-tile-icon{width:34px;height:34px;display:grid;place-items:center;border:2px solid rgba(0,0,0,.35);box-shadow:2px 2px 0 0 rgba(0,0,0,.75);background:rgba(38,192,84,.12);color:rgba(0,0,0,.85)}.skill-tile-title{font-size:12px;text-transform:uppercase}.skill-tile-meta{margin-top:4px;font-size:10px;opacity:.6}.skill-tile-caret{margin-left:auto;width:12px;height:12px;border-right:2px solid rgba(0,0,0,.55);border-bottom:2px solid rgba(0,0,0,.55);transform:rotate(45deg);transition:transform .14s ease}.skill-tile.is-open .skill-tile-caret{transform:rotate(225deg);border-right-color:rgba(88,24,168,.75);border-bottom-color:rgba(88,24,168,.75)}.skill-tile-body{position:absolute;left:-2px;right:-2px;top:calc(100% + 6px);max-height:0;opacity:0;pointer-events:none;overflow:hidden;border:2px solid rgba(88,24,168,.7);background:rgba(255,255,255,.96);box-shadow:4px 4px 0 0 rgba(0,0,0,.85);transition:max-height .18s ease,opacity .14s ease}.skill-tile-body.open{max-height:260px;opacity:1;pointer-events:auto}.skill-tile-subskills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px}.skill-pill{font-size:10px;padding:4px 8px;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.25);box-shadow:2px 2px 0 0 rgba(0,0,0,.6)}