:root{--ss-bg:#bfe2f4;--ss-bg-grid:#b2d9ee;--ss-surface:#ede7d9;--ss-surface-hi:#fff;--ss-surface-lo:#a59b88;--ss-slot:#d9d1c0;--ss-slot-hi:#f7f3ea;--ss-wood:#be8f59;--ss-wood-hi:#ddb37d;--ss-wood-lo:#7a5530;--ss-ink:#2b261f;--ss-text:#1d1a16;--ss-muted:#4c463d;--ss-dim:#4c463d;--ss-grass:#3b7d1f;--ss-grass-hi:#6db244;--ss-grass-lo:#1d460c;--ss-grass-text:#2f6a17;--ss-diamond:#4fe0ea;--ss-diamond-lo:#2a9ba4;--ss-diamond-text:#086870;--ss-on-diamond:#06272a;--ss-redstone:#c62d22;--ss-redstone-text:#a3231b;--ss-gold:#f5c542;--ss-gold-lo:#b08a2a;--ss-gold-text:#7a5600;--ss-on-gold:#2a1e00;--ss-focus:#086870;--ss-overlay:#1e28328c;--ss-on-wood:#f3efe6;--ss-on-wood-muted:#ede2d3}[data-theme=dark]{--ss-bg:#141318;--ss-bg-grid:#1b1a21;--ss-surface:#2a292f;--ss-surface-hi:#46444d;--ss-surface-lo:#0f0e12;--ss-slot:#1d1c22;--ss-slot-hi:#3a3840;--ss-wood:#5b3f2a;--ss-wood-hi:#80603f;--ss-wood-lo:#2e2016;--ss-ink:#07060a;--ss-text:#f3efe6;--ss-muted:#bdb7ac;--ss-dim:#8f897f;--ss-grass-text:#82cf55;--ss-diamond-lo:#178a93;--ss-diamond-text:#5fe6ef;--ss-redstone-text:#ff6e62;--ss-gold-lo:#9a7313;--ss-gold-text:#f5c542;--ss-focus:#ffe38a;--ss-overlay:#07060ab8}@layer base{html{background-color:var(--ss-bg);background-image:linear-gradient(var(--ss-bg-grid) 2px, transparent 2px), linear-gradient(90deg, var(--ss-bg-grid) 2px, transparent 2px);color:var(--ss-text);background-size:32px 32px}:focus-visible{outline:3px solid var(--ss-focus);outline-offset:3px}}@layer components{.font-pixel{font-family:Pixelify Sans,ui-monospace,monospace}.font-label{text-transform:uppercase;letter-spacing:.04em;font-family:Silkscreen,ui-monospace,monospace}.ss-panel{background:var(--ss-surface);border:2px solid var(--ss-ink);box-shadow:inset 4px 4px 0 var(--ss-surface-hi), inset -4px -4px 0 var(--ss-surface-lo)}.ss-wood{background:var(--ss-wood);border:2px solid var(--ss-ink);box-shadow:inset 4px 4px 0 var(--ss-wood-hi), inset -4px -4px 0 var(--ss-wood-lo)}.ss-slot{background:var(--ss-slot);border:2px solid var(--ss-ink);box-shadow:inset 3px 3px 0 var(--ss-surface-lo), inset -3px -3px 0 var(--ss-slot-hi)}.ss-shadow{filter:drop-shadow(4px 4px #00000073)}.ss-band{background:var(--ss-surface);border-block:2px solid var(--ss-ink);box-shadow:inset 0 4px 0 var(--ss-surface-hi), inset 0 -4px 0 var(--ss-surface-lo)}.ss-stage{background-image:linear-gradient(#ffffff09 2px,#0000 2px),linear-gradient(90deg,#ffffff09 2px,#0000 2px);background-size:32px 32px}.ss-btn{border:2px solid var(--ss-ink);background:var(--ss-surface);min-height:48px;color:var(--ss-text);white-space:nowrap;cursor:pointer;box-shadow:inset 3px 3px 0 var(--ss-surface-hi), inset -3px -3px 0 var(--ss-surface-lo), 0 4px 0 var(--ss-ink);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:18px;font-weight:600;line-height:1;text-decoration:none;transition:top 60ms steps(2,end);display:inline-flex;position:relative;top:0}.ss-btn:hover{filter:brightness(1.1)}.ss-btn:active{box-shadow:inset 3px 3px 0 var(--ss-surface-lo), inset -3px -3px 0 var(--ss-surface-hi), 0 2px 0 var(--ss-ink);top:2px}.ss-btn-primary{background:var(--ss-grass);color:#fff;box-shadow:inset 3px 3px 0 var(--ss-grass-hi), inset -3px -3px 0 var(--ss-grass-lo), 0 4px 0 var(--ss-ink)}.ss-btn-primary:active{box-shadow:inset 3px 3px 0 var(--ss-grass-lo), inset -3px -3px 0 var(--ss-grass-hi), 0 2px 0 var(--ss-ink)}.ss-btn-gold{background:var(--ss-gold);color:var(--ss-on-gold);box-shadow:inset 3px 3px 0 #ffe38a, inset -3px -3px 0 var(--ss-gold-lo), 0 4px 0 var(--ss-ink)}.ss-btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.ss-btn-ghost:hover{border-color:var(--ss-surface-hi);background:var(--ss-slot);filter:none}.ss-btn-ghost:active{box-shadow:none}.ss-btn-lg{min-height:60px;padding:0 28px;font-size:22px}.ss-btn-sm{min-height:40px;padding:0 14px;font-size:16px}.ss-btn-icon{min-width:44px;min-height:44px;padding:0}.ss-btn:disabled,.ss-btn[aria-disabled=true]{cursor:not-allowed;background:var(--ss-slot);color:var(--ss-dim);box-shadow:inset 3px 3px 0 var(--ss-surface-lo), inset -3px -3px 0 var(--ss-slot-hi);filter:none;top:0}.ss-tab{border:2px solid var(--ss-ink);background:var(--ss-slot);min-height:48px;color:var(--ss-muted);cursor:pointer;box-shadow:inset 3px 3px 0 var(--ss-surface-lo);justify-content:center;align-items:center;gap:8px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:18px;font-weight:600;display:inline-flex}.ss-tab:hover{color:var(--ss-text)}.ss-tab[aria-selected=true]{background:var(--ss-surface);color:var(--ss-text);box-shadow:inset 3px 3px 0 var(--ss-surface-hi), inset -3px -3px 0 var(--ss-surface-lo), inset 0 -4px 0 var(--ss-diamond)}.ss-seg{border:2px solid var(--ss-ink);background:var(--ss-slot);min-height:44px;color:var(--ss-muted);cursor:pointer;box-shadow:inset 2px 2px 0 var(--ss-surface-lo);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:16px;font-weight:500;display:inline-flex}.ss-seg-sm{min-height:36px;padding:0 12px;font-size:15px}.ss-seg[aria-pressed=true],.ss-seg[aria-selected=true]{background:var(--ss-diamond);color:var(--ss-on-diamond);box-shadow:inset 2px 2px 0 #a6f4f8, inset -2px -2px 0 var(--ss-diamond-lo)}.ss-chip{border:2px solid var(--ss-ink);background:var(--ss-slot);min-height:36px;color:var(--ss-text);cursor:pointer;box-shadow:inset 2px 2px 0 var(--ss-slot-hi), inset -2px -2px 0 var(--ss-surface-lo);padding:6px 12px;font-size:14px;font-weight:500}.ss-chip:hover{border-color:var(--ss-diamond)}.ss-tag{border:2px solid var(--ss-ink);background:var(--ss-surface);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;font-family:Silkscreen,ui-monospace,monospace;font-size:12px;line-height:1.3;display:inline-block}.ss-field{border:2px solid var(--ss-ink);background:var(--ss-slot);width:100%;color:var(--ss-text);font:inherit;resize:vertical;box-shadow:inset 3px 3px 0 var(--ss-surface-lo);border-radius:0;padding:12px 14px}.ss-field:focus{outline:3px solid var(--ss-focus);outline-offset:0}.ss-field::placeholder{color:var(--ss-muted)}.ss-sw{border:2px solid var(--ss-ink);background:var(--ss-slot);cursor:pointer;width:52px;height:28px;box-shadow:inset 2px 2px 0 var(--ss-surface-lo);flex:none;padding:0;position:relative}.ss-sw:after{content:"";border:2px solid var(--ss-ink);background:var(--ss-surface);width:20px;height:20px;box-shadow:inset 2px 2px 0 var(--ss-surface-hi), inset -2px -2px 0 var(--ss-surface-lo);position:absolute;top:2px;left:2px}.ss-sw[aria-checked=true]{background:var(--ss-grass)}.ss-sw[aria-checked=true]:after{left:26px}.ss-sw-sm{width:44px;height:24px}.ss-sw-sm:after{width:16px;height:16px}.ss-sw-sm[aria-checked=true]:after{left:22px}.ss-nav-link{min-height:44px;color:var(--ss-text);border-bottom:4px solid #0000;align-items:center;padding:10px 12px;font-family:Pixelify Sans,ui-monospace,monospace;font-size:17px;font-weight:500;text-decoration:none;display:inline-flex}.ss-nav-link:hover{border-bottom-color:var(--ss-surface-hi);color:var(--ss-diamond-text)}.ss-nav-link[aria-current=page]{border-bottom-color:var(--ss-diamond);color:var(--ss-diamond-text)}.ss-link{color:var(--ss-diamond-text)}.ss-link:hover{color:var(--ss-text)}.ss-f-link{min-height:32px;color:var(--ss-muted);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.ss-f-link:hover{color:var(--ss-diamond-text);text-underline-offset:3px;text-decoration:underline}.ss-tile{color:var(--ss-text);text-decoration:none;transition:transform 90ms steps(2,end)}a.ss-tile:hover{transform:translateY(-4px)}a.ss-tile:hover .ss-tile-icon{border-color:var(--ss-diamond)}.ss-tile-icon{border:2px solid var(--ss-ink);background:var(--ss-surface);box-shadow:inset 3px 3px 0 var(--ss-surface-hi), inset -3px -3px 0 var(--ss-surface-lo);justify-content:center;align-items:center;display:flex}.ss-faq>summary{cursor:pointer;list-style:none}.ss-faq[open]>summary{box-shadow:inset 0 -2px 0 var(--ss-surface-lo)}.ss-faq[open] .ss-chev{transform:rotate(180deg)}.ss-tool{border:2px solid var(--ss-ink);background:var(--ss-slot);width:48px;height:48px;color:var(--ss-text);cursor:pointer;box-shadow:inset 2px 2px 0 var(--ss-slot-hi), inset -2px -2px 0 var(--ss-surface-lo);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ss-tool:hover{border-color:var(--ss-surface-hi)}.ss-tool[aria-pressed=true]{border-color:var(--ss-ink);background:var(--ss-diamond);color:var(--ss-on-diamond);box-shadow:inset 3px 3px 0 #a6f4f8, inset -3px -3px 0 var(--ss-diamond-lo)}.ss-swatch{aspect-ratio:1;border:2px solid var(--ss-ink);cursor:pointer;width:100%;padding:0;box-shadow:inset 2px 2px #ffffff40,inset -2px -2px #0000004d}.ss-swatch:hover{outline:2px solid var(--ss-text);outline-offset:1px}.ss-layer{border:2px solid var(--ss-ink);background:var(--ss-slot);width:100%;min-height:44px;color:var(--ss-text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:15px;display:flex}.ss-layer[aria-current=true]{background:var(--ss-surface);box-shadow:inset 4px 0 0 var(--ss-diamond)}.ss-range{border:2px solid var(--ss-ink);background:var(--ss-slot);width:100%;height:14px;box-shadow:inset 2px 2px 0 var(--ss-surface-lo);appearance:none;margin:0}.ss-range::-webkit-slider-thumb{border:2px solid var(--ss-ink);background:var(--ss-surface);cursor:pointer;width:18px;height:26px;box-shadow:inset 2px 2px 0 var(--ss-surface-hi), inset -2px -2px 0 var(--ss-surface-lo);appearance:none}.ss-range::-moz-range-thumb{border:2px solid var(--ss-ink);background:var(--ss-surface);cursor:pointer;border-radius:0;width:16px;height:24px}.ss-cpick{border:2px solid var(--ss-ink);cursor:pointer;background:0 0;width:52px;height:52px;padding:0}.ss-cpick::-webkit-color-swatch-wrapper{padding:0}.ss-cpick::-webkit-color-swatch{border:0}.ss-canvas{image-rendering:pixelated;touch-action:none;cursor:crosshair}.ss-pixelated{image-rendering:pixelated}.ss-blink{animation:1s step-end infinite ss-blink}.btn,.btn-primary,.btn-ghost,.btn-outline,.btn-danger{border:2px solid var(--ss-ink);box-shadow:inset 3px 3px 0 var(--ss-surface-hi), inset -3px -3px 0 var(--ss-surface-lo), 0 4px 0 var(--ss-ink);border-radius:0;font-family:Pixelify Sans,ui-monospace,monospace;font-size:17px;font-weight:600;position:relative;top:0}.btn-primary{background:var(--ss-grass);color:#fff;box-shadow:inset 3px 3px 0 var(--ss-grass-hi), inset -3px -3px 0 var(--ss-grass-lo), 0 4px 0 var(--ss-ink)}.btn-ghost,.btn-outline{background:var(--ss-surface);color:var(--ss-text)}.btn-danger{background:var(--ss-redstone);color:#fff}.btn:active,.btn-primary:active,.btn-ghost:active,.btn-outline:active,.btn-danger:active{top:2px}.card{border:2px solid var(--ss-ink);background:var(--ss-surface);box-shadow:inset 4px 4px 0 var(--ss-surface-hi), inset -4px -4px 0 var(--ss-surface-lo);border-radius:0}.input{border:2px solid var(--ss-ink);background:var(--ss-slot);box-shadow:inset 3px 3px 0 var(--ss-surface-lo);border-radius:0}.chip{border:2px solid var(--ss-ink);background:var(--ss-slot);border-radius:0}.eyebrow{letter-spacing:.04em;font-family:Silkscreen,ui-monospace,monospace;font-weight:400}}@keyframes ss-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ss-blink{animation:none}.ss-tile,.ss-btn{transition:none}a.ss-tile:hover{transform:none}}