.ai-skills-host{padding-top:0}.ai-board--skills{background:radial-gradient(ellipse 55% 75% at 100% 0%, #5ea87a21, transparent 60%), radial-gradient(ellipse 50% 65% at 0% 100%, #9076d314, transparent 60%), var(--tile);border-color:#5ea87a52;animation-delay:.34s;box-shadow:0 14px 34px #5ea87a14}.ai-board--skills .ai-board__kicker{color:#2f7a4d;background:#5ea87a24}.ai-board--skills .ai-board__kicker:before{background:var(--green);box-shadow:0 0 0 3px #5ea87a38}.ai-board--skills .ai-board__count{background:var(--green)}.ai-skill-groups{gap:.35rem;display:grid}.ai-board--skills .ai-group__title{color:#2f7a4d}.ai-board--skills .ai-group__count{color:#2f7a4d;background:#5ea87a24}.ai-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.55rem 0 0;padding:0;list-style:none;display:grid}.ai-skill-card{background:#ffffffe0;border:1px solid #5ea87a2e;border-radius:18px;flex-direction:column;gap:.45rem;min-width:0;padding:.95rem 1rem .9rem;transition:border-color .2s,box-shadow .2s,transform .18s;display:flex}.ai-skill-card:hover{border-color:#5ea87a66;transform:translateY(-2px);box-shadow:0 12px 28px #5ea87a1f}.ai-skill-card__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ai-skill-card__date{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.74rem}.ai-skill-src{border-radius:var(--radius-btn);letter-spacing:.02em;color:var(--gold-dim);background:#9076d31a;align-items:center;padding:.1rem .55rem;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-flex}.ai-skill-src--official{color:#2f7a4d;background:#5ea87a24}.ai-skill-src--x{color:#fff;background:var(--ink)}.ai-skill-src--github{color:var(--ink-soft);background:#3d3d4814}.ai-skill-src--hn,.ai-skill-src--reddit{color:#a35f00;background:#ffb2402e}.ai-skill-card__title{font-family:var(--font-display);color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.ai-skill-card__title a{transition:color .18s}.ai-skill-card__title a:hover{color:#2f7a4d}.ai-skill-card__summary,.ai-skill-card__how-text{color:var(--ink-muted);overflow-wrap:anywhere;margin:0;font-size:.88rem;line-height:1.62}.ai-skill-card__how{background:var(--surface);color:var(--ink-soft);border-radius:12px;padding:.45rem .6rem;font-size:.82rem}.ai-skill-card__how-label{color:var(--gold-dim);margin-right:.4rem;font-weight:700}.ai-skill-card__foot{border-top:1px dashed var(--line);flex-direction:column;gap:.45rem;margin-top:auto;padding-top:.5rem;display:flex}.ai-skill-card__access{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.ai-skill-card__note{color:var(--ink-muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.55}.ai-skill-card__links{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.ai-skill-group__more{color:#2f7a4d;margin-top:.55rem;font-size:.84rem;font-weight:600;transition:color .18s;display:inline-block}.ai-skill-group__more:hover{color:var(--ink)}.ai-skill-card__how-text{color:var(--ink-soft);font-size:.82rem}.ai-boards--home .ai-skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.4rem 1.1rem}.ai-boards--home .ai-skill-grid{grid-template-columns:1fr;gap:.65rem}.ai-boards--home .ai-skill-card__summary{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ai-boards--home .ai-skill-card__how-text,.ai-boards--home .ai-skill-card__note{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.app-rail__item--ai-skills:not(.is-active){color:#2f7a4d}.app-rail__item--ai-skills:not(.is-active):before{background:#5ea87a1f;border-color:#5ea87a4d}@media (width<=1000px){.ai-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.ai-boards--home .ai-skill-groups{grid-template-columns:1fr}}@media (width<=640px){.ai-skill-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ai-skill-card,.ai-skill-card__title a,.ai-skill-group__more{transition:none}.ai-skill-card:hover{transform:none}}.ai-boards--page:not(.ai-skills-host){padding-bottom:1.25rem}.app-rail__nav .app-rail__item--arena{color:#b0306a;font-weight:700}.app-rail__nav .app-rail__item--arena:not(.is-active):before{background:#ff5a8c1f;border-color:#ff5a8c52}.arena-promo{max-width:var(--max);color:#fff;background:linear-gradient(90deg,#ffd84a40,#0000 40%),linear-gradient(#2a1f55,#3b2a72);border:3px solid #14121c;border-radius:6px;align-items:center;gap:1rem;margin:0 auto 1.2rem;padding:.9rem 1.1rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:4px 4px #14121c}.ai-boards--home+.arena-promo,main>.arena-promo{width:calc(100% - 2 * var(--pad))}.arena-promo__px{width:44px;height:44px;image-rendering:pixelated;background:linear-gradient(#ffd84a 0 0) 8px 8px/6px 6px no-repeat,linear-gradient(#ff5a3c 0 0) 30px 8px/6px 6px no-repeat,linear-gradient(#7ef0ff 0 0) 14px 20px/16px 4px no-repeat,linear-gradient(#fff 0 0) 4px 30px/36px 6px no-repeat,#14121c;border-radius:4px;flex:none}.arena-promo__body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.arena-promo__kicker{letter-spacing:.08em;color:#ffd84a;font-size:.68rem;font-weight:700}.arena-promo__title{font-size:clamp(1.15rem,3vw,1.5rem);line-height:1.2}.arena-promo__text{opacity:.9;font-size:.9rem}.arena-promo__cta{color:#14121c;white-space:nowrap;background:#ffd84a;border:2px solid #14121c;border-radius:4px;flex:none;padding:.5rem .8rem;font-weight:800}@media (width<=560px){.arena-promo{flex-wrap:wrap}.arena-promo__cta{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.arena-promo{transition:none}}.arena-promo{background:radial-gradient(90% 160% at 0%,#3f6fd88c,#0000 60%),radial-gradient(90% 160% at 100%,#ff4f8b80,#0000 60%),linear-gradient(#1a1236,#0d0a1c);border:0;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0a0716,0 0 0 4px #ffd23f,0 0 0 6px #0a0716,0 16px 36px -16px #280a5acc}.arena-promo:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.arena-promo:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #0a0716,0 0 0 4px #ffd23f,0 0 0 6px #0a0716,0 0 28px 4px #ff4f8b66}.arena-promo__vs{flex:none;align-items:flex-end;gap:.1rem;display:flex}.arena-promo__fighter{width:68px;height:68px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #ffd23f59);background-repeat:no-repeat;background-size:816px 68px}.arena-promo__fighter--r{transform:scaleX(-1)}.arena-promo__x{color:#ffd23f;text-shadow:2px 2px #ff4f8b;padding-bottom:1.4rem;font-family:ArenaPixel,monospace;font-size:1.1rem}.arena-promo__cta{background:linear-gradient(#ffe27a,#f2b400);border:0;border-radius:6px;box-shadow:0 0 0 2px #0a0716,0 3px 0 2px #0a0716}@media (width<=560px){.arena-promo__fighter{background-size:624px 52px;width:52px;height:52px}}@font-face{font-family:ArenaPixel;src:url(/fonts/arena-pixel.woff2)format("woff2");font-display:swap}.arena-embed{max-width:var(--max);width:calc(100% - 2 * var(--pad));margin:0 auto 1.4rem}.arena-embed__ph{aspect-ratio:384/216;color:#ffd23f;letter-spacing:.08em;background:radial-gradient(90% 160% at 0%,#3f6fd873,#0000 60%),radial-gradient(90% 160% at 100%,#ff4f8b66,#0000 60%),linear-gradient(#1a1236,#0d0a1c);border-radius:10px;place-items:center;width:100%;max-height:470px;font-size:.8rem;font-weight:800;display:grid;box-shadow:0 0 0 2px #0a0716,0 0 0 4px #ffd23f,0 0 0 6px #0a0716}@media (width>=861px){.arena-embed__ph{width:calc(100% - 282px)}}@media (width<=860px){.arena-embed{width:calc(100% - 1.2rem);margin-bottom:1rem}}
