:root{--color-bg: #fdfcfa;--color-text: #1a1a1a;--color-muted: #6b6b6b;--color-accent: #b85c00;--color-accent-hover: color-mix(in srgb, var(--color-accent), black 20%);--color-border: #e8e3da;--color-code-bg: #faf7f2}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color 120ms ease}a:hover{color:var(--color-accent-hover)}hr{border:0;border-top:1px solid var(--color-border);margin:2rem 0}h1,h2,h3,h4,h5,h6{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:650;line-height:1.25;margin:2rem 0 1rem;letter-spacing:-0.01em}h1{font-size:2.25rem;letter-spacing:-0.02em}h2{font-size:1.625rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}p,ul,ol,blockquote,pre,figure{margin:0 0 1rem}blockquote{border-left:3px solid var(--color-accent);padding-left:1rem;color:var(--color-muted);font-style:italic}code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.9em;background:color-mix(in srgb, var(--color-accent) 8%, transparent);padding:0.1em 0.3em;border-radius:3px}pre{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:0.875rem;line-height:1.5;background:var(--color-code-bg);border:1px solid var(--color-border);padding:1rem;border-radius:4px;overflow-x:auto}pre code{background:none;padding:0;border-radius:0;font-size:inherit}ul,ol{padding-left:1.5rem}li+li{margin-top:.25rem}time{color:var(--color-muted);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:0.875rem}main{max-width:42rem;margin:0 auto;padding:2rem 1rem}@media (min-width: 48rem){main{padding:4rem 1rem}}.site-header{max-width:56rem;margin:0 auto;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.site-header__title{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:700;font-size:1.25rem;color:var(--color-text);text-decoration:none;letter-spacing:-0.01em;display:inline-flex;align-items:center}.site-header__logo{display:block;height:auto;width:var(--logo-width, auto);max-width:var(--logo-width, 220px)}.site-header__toggle{display:none;align-items:center;justify-content:center;background:none;border:0;padding:.25rem;margin:-.25rem;cursor:pointer;color:var(--color-text);border-radius:4px;-webkit-tap-highlight-color:transparent}.site-header__toggle:hover{color:var(--color-accent)}.site-header__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.site-header__toggle svg line{transform-box:fill-box;transform-origin:center;transition:transform 200ms ease, opacity 200ms ease}.site-header.is-open .site-header__toggle svg line:nth-child(1){transform:translateY(5px) rotate(45deg)}.site-header.is-open .site-header__toggle svg line:nth-child(2){opacity:0}.site-header.is-open .site-header__toggle svg line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.site-header__nav{display:flex;gap:1rem}.site-header__nav a{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;font-weight:500;color:var(--color-muted);text-decoration:none;padding:0.2em 0;border-bottom:2px solid transparent;transition:color 150ms ease, border-color 150ms ease}.site-header__nav a:hover{color:var(--color-text)}.site-header__nav a[aria-current]{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media (max-width: 45rem){.site-header__toggle{display:flex}.site-header__nav{display:none;width:100%;flex-direction:column;gap:.5rem;padding-top:1rem}.site-header.is-open .site-header__nav{display:flex}}.site-footer{max-width:56rem;margin:4rem auto 0;padding:1.5rem 1rem;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:0.875rem;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.site-footer p{margin:0}.card{padding:1rem 0;border-bottom:1px solid var(--color-border)}.card__title{margin:0 0 .25rem;font-size:1.25rem}.card__title a{color:var(--color-text);text-decoration:none}.card__title a:hover{color:var(--color-accent)}.card__summary{margin:.5rem 0 0;color:var(--color-muted)}.list__items,.home__posts{list-style:none;padding:0;margin:0}.list__intro{margin-bottom:2rem;color:var(--color-muted)}.post__header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.post__header h1{margin-top:0;margin-bottom:.5rem}.post__tags{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.post__tags li{margin:0}.post__tags li a{display:inline-block;padding:0.15em 0.6em;font-size:0.8125rem;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:color-mix(in srgb, var(--color-accent) 8%, transparent);color:var(--color-accent);text-decoration:none;border-radius:999px}.post__tags li a:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.post-nav{display:flex;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.post-nav__link{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);flex:1 1 0;min-width:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.post-nav__next{text-align:right;margin-left:auto}.post-nav__label{font-size:0.8125rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--color-muted)}.post-nav__title{margin-top:.25rem;font-size:0.9375rem;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-nav__link:hover .post-nav__title{color:var(--color-accent)}.taxonomy__intro{color:var(--color-muted);margin-bottom:1.5rem}.taxonomy__terms{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.taxonomy__terms li{margin:0}.taxonomy__term{display:inline-flex;align-items:center;gap:.5rem;padding:0.4em 0.9em;background:color-mix(in srgb, var(--color-accent) 8%, transparent);color:var(--color-accent);text-decoration:none;border-radius:999px;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:0.9375rem;font-weight:600;transition:background-color 150ms ease}.taxonomy__term:hover{background:color-mix(in srgb, var(--color-accent) 15%, transparent)}.taxonomy__count{font-weight:400;font-size:0.8125rem;color:var(--color-muted);background:var(--color-bg);padding:0.05em 0.55em;border-radius:999px}.home__intro{margin-bottom:3rem;font-size:1.125rem}.home h2{font-size:0.875rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-muted);font-weight:600;margin-top:0}.not-found{text-align:center;padding:4rem 0}.not-found h1{font-size:5rem;margin:0;line-height:1}.ms-cost{font-size:0.75em;vertical-align:baseline}.card-preview{margin:2rem auto;max-width:320px;text-align:center}.card-preview>a>img{display:block;width:100%;height:auto;border-radius:4.75% / 3.5%;box-shadow:0 4px 16px rgba(0,0,0,0.18)}.card-preview figcaption{margin-top:1rem;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:0.9375rem;color:var(--color-text);line-height:1.4}.card-preview__name{color:var(--color-text);text-decoration:none;font-weight:600}.card-preview__name:hover{color:var(--color-accent)}.card-preview__type{display:block;font-style:italic;color:var(--color-muted);font-size:0.875rem}.card-preview--flippable .card-preview__stage{position:relative;perspective:1000px;aspect-ratio:5 / 7}.card-preview--flippable .card-preview__faces{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 600ms ease}.card-preview--flippable.is-flipped .card-preview__faces{transform:rotateY(180deg)}.card-preview--flippable .card-preview__face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;border-radius:4.75% / 3.5%;box-shadow:0 4px 16px rgba(0,0,0,0.18);object-fit:cover}.card-preview--flippable .card-preview__face--back{transform:rotateY(180deg)}.card-preview--flippable .card-preview__flip{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:rgba(255,255,255,0.5);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--color-text);box-shadow:0 2px 6px rgba(0,0,0,0.15);z-index:2;transition:transform 200ms ease, background-color 200ms ease;-webkit-tap-highlight-color:transparent}.card-preview--flippable .card-preview__flip:hover{transform:translateX(-50%) scale(1.1);background:#fff}.card-preview--flippable .card-preview__flip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.combo{position:relative;margin:3rem auto;width:100%;max-width:540px;aspect-ratio:12 / 7}.combo__card{--rotation: 0deg;--offset: 0px;--spread: 0px;position:absolute;bottom:0;left:50%;width:180px;margin-left:-90px;transform-origin:50% 110%;transform:translateX(calc(var(--offset) + var(--spread))) rotate(var(--rotation));transition:transform 250ms ease}.combo__card img{display:block;width:100%;height:auto;border-radius:4.75% / 3.5%;box-shadow:0 8px 24px rgba(0,0,0,0.25);transition:transform 200ms ease, box-shadow 200ms ease}.combo .combo__card:hover{z-index:10}.combo__card:hover img{transform:translateY(-10px) scale(1.03);box-shadow:0 14px 32px rgba(0,0,0,0.32)}.combo__card:hover~.combo__card{--spread: 28px}.combo__card:has(~.combo__card:hover){--spread: -28px}.combo__card--1{z-index:5}.combo__card--2{z-index:4}.combo__card--3{z-index:3}.combo__card--4{z-index:2}.combo__card--5{z-index:1}.combo--1 .combo__card--1{--rotation: 0deg;--offset: 0px}.combo--2 .combo__card--1{--rotation: -10deg;--offset: -10px}.combo--2 .combo__card--2{--rotation: 10deg;--offset: 10px}.combo--3 .combo__card--1{--rotation: -20deg;--offset: -18px}.combo--3 .combo__card--2{--rotation: 0deg;--offset: 0px}.combo--3 .combo__card--3{--rotation: 20deg;--offset: 18px}.combo--4 .combo__card--1{--rotation: -24deg;--offset: -27px}.combo--4 .combo__card--2{--rotation: -8deg;--offset: -9px}.combo--4 .combo__card--3{--rotation: 8deg;--offset: 9px}.combo--4 .combo__card--4{--rotation: 24deg;--offset: 27px}.combo--5 .combo__card--1{--rotation: -28deg;--offset: -36px}.combo--5 .combo__card--2{--rotation: -14deg;--offset: -18px}.combo--5 .combo__card--3{--rotation: 0deg;--offset: 0px}.combo--5 .combo__card--4{--rotation: 14deg;--offset: 18px}.combo--5 .combo__card--5{--rotation: 28deg;--offset: 36px}@media (max-width: 30rem){.combo__card{width:130px;margin-left:-65px}}.card-error{display:inline-block;padding:.25rem .5rem;background:color-mix(in srgb, var(--color-accent) 8%, transparent);color:var(--color-accent);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:0.875rem;border-radius:3px}.cardname{position:relative;white-space:nowrap}.cardname__link{text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--color-accent)}.cardname__link:hover{color:var(--color-accent-hover);text-decoration-style:solid}.cardname__preview{position:absolute;top:100%;left:50%;transform:translateX(calc(-50% + var(--preview-shift, 0px)));padding-top:6px;width:240px;max-width:none;display:block;opacity:0;pointer-events:none;transition:opacity 150ms ease;z-index:100}.cardname__preview--above{top:auto;bottom:100%;padding-top:0;padding-bottom:6px}.cardname:hover .cardname__preview,.cardname__link:focus-visible~.cardname__preview{opacity:1;pointer-events:auto}.cardname__face{display:block;width:100%;max-width:none;height:auto;border-radius:4.75% / 3.5%;box-shadow:0 8px 24px rgba(0,0,0,0.3)}.cardname--flippable .cardname__faces{display:block;position:relative;width:100%;aspect-ratio:5 / 7;transform-style:preserve-3d;transition:transform 600ms ease}.cardname--flippable.is-flipped .cardname__faces{transform:rotateY(180deg)}.cardname--flippable .cardname__face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;object-fit:cover}.cardname--flippable .cardname__face--back{transform:rotateY(180deg)}.cardname--flippable .cardname__flip{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:rgba(255,255,255,0.5);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--color-text);box-shadow:0 2px 6px rgba(0,0,0,0.15);z-index:2;transition:transform 200ms ease, background-color 200ms ease;-webkit-tap-highlight-color:transparent}.cardname--flippable .cardname__flip:hover{transform:translateX(-50%) scale(1.1);background:#fff}.cardname--flippable .cardname__flip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}