.projects>.archive-heading{overflow:hidden}.pixel-playground{position:absolute;left:47%;top:0;width:470px;height:245px}.pixel-playground canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:crosshair;outline-offset:-5px}.pixel-hint{position:absolute;bottom:6px;left:26px;font:8px var(--mono);letter-spacing:.05em;color:#70648b;pointer-events:none}.screen-placeholder{position:relative;display:flex!important;align-items:center;justify-content:center;background:#111019!important;isolation:isolate}.screen-placeholder:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(#54456855 .8px,transparent 1px) 0 0/15px 15px;mask-image:radial-gradient(ellipse,#0009,transparent 80%)}.placeholder-index{position:absolute;top:21px;right:22px;font:9px var(--mono);letter-spacing:.1em;color:#645674}.placeholder-symbol{display:block;width:53px;height:53px;opacity:.65}.placeholder-symbol svg{width:100%;height:100%;display:block;fill:none;stroke:#8066b3;stroke-width:1}.placeholder-symbol svg rect{stroke:none;fill:#7155a5}.placeholder-caption{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font:9px var(--mono);letter-spacing:.12em;color:#726184}.competency-section{padding:30px 32px 22px}.competency-section .competencies{display:block}.competency-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #302744}.competency-heading h2{font:25px var(--mono);letter-spacing:-.05em;margin:0}.competency-heading>span{font:9px var(--mono);color:#8b7b9f}.competency-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:25px 0 12px}.radar-panel{min-width:0;display:flex;align-items:center;justify-content:center}.competency-section #radar{width:100%;height:auto;max-height:360px;margin:0;overflow:visible}.competency-breakdown{min-width:0}.score-row{display:grid;grid-template-columns:23px 1fr 78px 27px;gap:12px;align-items:center;min-height:44px;border-bottom:1px solid #2c2439;transition:background .18s;outline-offset:3px;padding:0 4px}.score-row:last-child{border:0}.score-index{font:8px var(--mono);color:#5c4d6c}.score-name{font:12px var(--mono);color:#b5a4ce}.score-cells{display:flex;gap:4px}.score-cells i{display:block;width:12px;height:5px;background:#30223f}.score-cells .filled{background:#8662e2;box-shadow:0 0 10px #7c4bdd16}.score-value{font:13px var(--mono);color:#d1b8f3;white-space:nowrap}.score-value small{font-size:8px;color:#685579;margin-left:3px}.score-row:hover,.score-row.is-highlighted{background:#30203e66}.score-row.is-highlighted .score-name{color:#f1e2ff}.score-row.is-highlighted .score-cells .filled{background:#b88cff}.radar-axis text,.radar-axis circle{transition:fill .18s,stroke .18s}.radar-axis.is-highlighted text{fill:#f2ddff!important}.radar-axis.is-highlighted circle{r:5;stroke:#e8d0ff;fill:#e8d0ff}.scope-note{margin-top:5px;padding-top:18px}
@media(max-width:1050px){.pixel-playground{left:43%;width:400px;height:240px}.competency-layout{gap:15px;grid-template-columns:1fr 1fr}.score-row{grid-template-columns:18px 1fr 59px 25px;gap:7px}.score-name{font-size:10px}.score-cells{gap:3px}.score-cells i{width:9px}.competency-heading>span{font-size:8px}}
@media(max-width:720px){.pixel-playground{left:auto;right:-55px;top:0;width:240px;height:190px;opacity:.8}.pixel-hint{font-size:6px;left:23px;bottom:3px;max-width:140px;line-height:1.6}.archive-coordinate{display:none}.screen-placeholder{min-height:215px}.placeholder-index{font-size:8px;right:17px;top:19px}.placeholder-caption{font-size:8px}.competency-section{padding:23px 17px 19px}.competency-heading{display:block;padding-bottom:18px}.competency-heading h2{font-size:23px}.competency-heading>span{display:block;margin-top:13px;font-size:8px;line-height:1.6}.competency-layout{grid-template-columns:1fr;padding:18px 0 12px;gap:18px}.competency-section #radar{max-height:330px}.score-row{grid-template-columns:20px 1fr 64px 26px;min-height:43px;gap:8px}.score-name{font-size:11px}.score-cells{gap:3px}.score-cells i{width:10px}.score-index{font-size:8px}.scope-note{padding-top:17px;margin-top:6px}}
@media(max-width:360px){.pixel-playground{width:210px;right:-55px}.score-name{font-size:10px}.score-row{gap:5px;grid-template-columns:15px 1fr 54px 23px}.score-cells i{width:8px}.score-value{font-size:12px}}