.yc-class--golem {--class-color:#f07a14;} .yc-class--quasar {--class-color:#405ffa;} .yc-class--prisma {--class-color:#ff4fa8;} .yc-class--enjambre {--class-color:#e0a000;} .yc-class--glitch {--class-color:#7a3cc8;} .yc-classes {display:grid;gap:12px;max-width:820px;margin:0 auto;padding:4px;} .yc .yc-classes h1 {margin:0;font-size:22px;} .yc .yc-classes h2 {margin:0 0 6px;font-size:15px;} .yc .yc-classes p {margin:0;} .yc .yc-classes__command {padding:4px 8px;background:var(--brand-forest);color:var(--brand-secondary);font:12px/1.5 var(--font-mono);overflow-wrap:anywhere;} .yc-classes__command span {color:#5aff9a;} .yc-classes__cursor {animation:os-blink 1.1s steps(1) infinite;} .yc-classes__test {display:grid;gap:12px;} .yc-classes__intro {display:grid;gap:8px;padding:12px;background:var(--color-face);box-shadow:var(--bevel-window);} .yc-classes__lineup {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:4px 0 0;padding:0;list-style:none;} .yc-classes__lineup li {display:grid;justify-items:center;gap:2px;font-weight:700;color:var(--class-color);} .yc-classes__lineup li:last-child img {filter:brightness(0) drop-shadow(0 0 4px #7a3cc8);} .yc-classes__question {display:grid;gap:2px;margin:0;padding:0 0 8px;border:0;background:var(--color-face);box-shadow:var(--bevel-window);} .yc .yc-classes__question legend {float:left;display:grid;width:100%;box-sizing:border-box;margin:0 0 6px;padding:4px 8px;background:var(--title-gradient);color:var(--color-title-ink);} .yc-classes__question legend + * {clear:both;} .yc-classes__step {font-size:10px;opacity:.85;text-transform:uppercase;letter-spacing:.06em;} .yc-classes__q {font-weight:700;} .yc-classes__question label {display:flex;align-items:flex-start;gap:6px;margin:0 8px;padding:4px 6px;cursor:var(--cursor-pointer,pointer);} .yc-classes__question label:hover {background:var(--color-light);} .yc-classes__question label:has(input:checked) {background:var(--color-select);color:var(--color-select-ink);} .yc-classes__question input {flex:none;margin-top:2px;} .yc-class-card {display:grid;gap:12px;padding:14px;background:var(--color-face);box-shadow:var(--bevel-window),inset 6px 0 0 var(--class-color);} .yc-class-card__head {display:grid;grid-template-columns:128px 1fr;align-items:center;gap:14px;} .yc-class-card__emblem {width:128px;height:128px;background:radial-gradient(circle,color-mix(in srgb,var(--class-color) 40%,transparent),transparent 70%);animation:yc-class-reveal .9s steps(8) both;} .yc .yc-class-card__kicker {color:var(--color-shadow);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px;} .yc .yc-class-card h1 {color:var(--class-color);font-size:34px;text-shadow:2px 2px 0 rgba(0,0,0,.18);} .yc .yc-class-card__motto {font-style:italic;font-weight:700;} .yc-class-card__traits {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:0;padding:0;list-style:none;} .yc-class-card__traits li {display:grid;align-content:start;justify-items:center;gap:2px;padding:8px;text-align:center;background:var(--color-face);box-shadow:var(--bevel-window);} .yc-class-card__traits img {width:128px;height:128px;margin-bottom:4px;} .yc-class-card__traits small {color:var(--color-shadow);font-size:10px;text-transform:uppercase;letter-spacing:.08em;} .yc-class-card__traits strong {color:var(--class-color);} .yc-class-card__traits span {font-size:11px;} .yc .yc-class-card__rally {padding:8px 10px;background:var(--brand-forest);color:var(--brand-mint);font:13px/1.5 var(--font-mono);box-shadow:inset 4px 0 0 var(--class-color);} .yc .yc-class-card__note {color:var(--color-shadow);font-size:11px;} @keyframes yc-class-reveal {from {transform:scale(.2) rotate(-180deg);opacity:0;} to {transform:none;opacity:1;}} .yc-cup__head {display:grid;gap:4px;} .yc-cup__standings {display:grid;gap:6px;margin:0;padding:0;list-style:none;} .yc-cup__standings li {display:grid;grid-template-columns:32px 40px minmax(80px,1fr) auto;grid-template-areas:"place sigil name members" "place sigil bar points";align-items:center;gap:2px 8px;padding:6px 8px;background:var(--color-face);box-shadow:var(--bevel-window);} .yc-cup__standings li.is-mine {box-shadow:var(--bevel-window),inset 0 0 0 2px var(--class-color);} .yc-cup__place {grid-area:place;font:700 16px/1 var(--font-mono);} .yc-cup__sigil {grid-area:sigil;width:40px;height:40px;} .yc-cup__standings strong {grid-area:name;color:var(--class-color);} .yc-cup__members {grid-area:members;font-size:11px;color:var(--color-shadow);} .yc-cup__standings meter {grid-area:bar;width:100%;height:12px;} .yc-cup__points {grid-area:points;font:700 12px/1 var(--font-mono);} .yc .yc-cup__mine {padding:8px 10px;background:var(--brand-forest);color:var(--brand-mint);font:13px/1.5 var(--font-mono);box-shadow:inset 4px 0 0 var(--class-color,var(--brand-secondary));} .yc-cup__top table {width:100%;border-collapse:collapse;background:var(--color-paper);box-shadow:var(--bevel-sunken);font-size:12px;} .yc-cup__top th,.yc-cup__top td {padding:4px 6px;text-align:left;border-bottom:1px solid var(--color-light);} .yc-cup__top th {background:var(--color-face);} .yc-cup__top tr.is-me {font-weight:700;background:var(--brand-mint);} .yc-cup__tag {display:inline-flex;align-items:center;gap:4px;color:var(--class-color);font-weight:700;} .rpg__war {display:grid;gap:3px;margin:0;padding:6px;background:#000000;box-shadow:var(--bevel-sunken);list-style:none;font:11px/1.2 var(--font-mono);color:var(--brand-mint);} .rpg__war li.rpg__war-title {display:block;color:#ffe24a;font-weight:700;} .rpg__war li {display:grid;grid-template-columns:18px 64px 1fr;align-items:center;gap:6px;} .rpg__war li img {width:18px;height:18px;} .rpg__war li.is-mine {color:#ffe24a;} .rpg__war meter {width:100%;height:8px;} @media (prefers-reduced-motion:reduce) {.yc-class-card__emblem,.yc-classes__cursor {animation:none;}} @media (max-width:580px) {.yc-class-card__head {grid-template-columns:80px 1fr;} .yc-class-card__emblem {width:80px;height:80px;}}