.extra-output{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin-top:8px}.extra-diff{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.extra-diff>div{white-space:pre-wrap;overflow-wrap:anywhere;grid-template-columns:30px 1fr;padding:6px 12px;font-size:13px;display:grid}.extra-diff [data-kind=add]{background:var(--color-surface-secondary);font-weight:600}.extra-diff [data-kind=remove]{color:var(--color-text-tertiary);text-decoration:line-through}.extra-table{max-width:100%;overflow-x:auto}.extra-table table{border-collapse:collapse;width:100%;font-size:14px}.extra-table th,.extra-table td{text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:10px}.extra-clock{text-align:center;font-variant-numeric:tabular-nums;font-family:var(--font-mono);padding:32px 0;font-size:clamp(40px,9vw,80px)}.extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.extra-tile{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-secondary);color:var(--color-text);font:inherit;cursor:pointer}.extra-tile[data-lit=true],.extra-tile[aria-pressed=true]{background:var(--color-text);color:var(--page-bg)}.extra-mouse{border:1px solid var(--color-border);border-radius:var(--radius-xl);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-height:230px;display:grid}.extra-crop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.extra-ascii{font-family:var(--font-mono);white-space:pre;background:var(--page-bg);border:1px solid var(--color-border);max-height:650px;padding:10px;font-size:clamp(3px,1vw,9px);line-height:1;overflow:auto}.extra-image .studio-preview canvas{object-fit:contain;max-height:720px}@media (max-width:640px){.extra-crop{grid-template-columns:1fr}}.game-tic{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:480px;margin:auto;display:grid}.game-tic .extra-tile{font-size:clamp(32px,6vw,64px);font-weight:500}.game-tic [data-win=true],.game-disc[data-win=true]{box-shadow:inset 0 0 0 3px var(--color-text)}.game-connect{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;width:100%;max-width:560px;margin:auto;display:grid}.game-column{border:1px solid var(--color-border);background:var(--page-bg);color:var(--color-text);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:5px;display:flex}.game-column:disabled{cursor:default}.game-column-label{font-size:12px}.game-disc{aspect-ratio:1;border:1px solid var(--color-border-strong);border-radius:50%;place-items:center;font-size:clamp(13px,2vw,24px);display:grid}.game-disc[data-player=X]{background:var(--color-text);color:var(--page-bg)}.game-disc[data-player=O]{background:var(--color-surface-secondary);color:var(--color-text);border:2px solid var(--color-text)}@media (max-width:640px){.game-connect{gap:4px}.game-column{gap:5px;padding:3px}}.color-preview{border:1px solid var(--color-border);border-radius:12px;flex-direction:column;justify-content:center;gap:16px;min-height:220px;padding:32px;display:flex}.color-preview strong{font-size:36px;line-height:1.3}.color-preview p{font-size:16px;line-height:1.7}.gradient-preview{border:1px solid var(--color-border);border-radius:12px;height:320px}.color-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.color-palette>div{border:1px solid var(--color-border);border-radius:10px;grid-template-columns:1fr auto;gap:8px;padding-bottom:12px;display:grid;overflow:hidden}.color-palette>div>span{grid-column:1/-1;height:90px}.color-palette code{padding-left:12px;font-size:13px}.color-palette small{padding-right:12px}
@font-face{font-family:michroma;src:url(../media/Michroma_Regular-s.p.2a4b6vvpz13h3.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:michroma Fallback;src:local(Arial);ascent-override:81.35%;descent-override:18.69%;line-gap-override:0.0%;size-adjust:142.13%}.t52y8q_className{font-family:michroma,michroma Fallback;font-weight:400}.t52y8q_variable{--font-wordmark:"michroma", "michroma Fallback"}