:root{--paper:#e7e3d6;--ink:#312d26;--ink-soft:rgba(49,45,38,0.66);--ink-faint:rgba(49,45,38,0.4);--ink-wash:rgba(49,45,38,0.12);--accent:#8a3226;--tier-e:#4a6a4a;--tier-r:#3a5a7a;--tier-l:#8a6a2a;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--gutter:clamp(1.1rem,4vw,3rem);--measure:34rem;--page:76rem}[data-paper=night]{--paper:#1d1b17;--ink:#d6cfba;--ink-soft:rgba(214,207,186,0.66);--ink-faint:rgba(214,207,186,0.38);--ink-wash:rgba(214,207,186,0.13);--accent:#c4655a;--tier-e:#8fbf8f;--tier-r:#8fb6df;--tier-l:#d8b46a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(1rem,.96rem + .2vw,1.08rem);line-height:1.62;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}.paper-bg{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}canvas,img{display:block;max-width:100%}a{color:inherit;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:.22em}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.wrap{width:min(var(--page),100% - var(--gutter) * 2);margin-inline:auto}.narrow{max-width:var(--measure)}.center{text-align:center}.stack>*+*{margin-top:var(--stack,1rem)}section{padding-block:clamp(3.5rem,9vh,7rem);position:relative;scroll-margin-top:5.5rem}h1,h2,h3{font-family:var(--mono);font-weight:700;line-height:1.15;margin:0}h3{font-size:1.05rem;letter-spacing:.02em}p{margin:0 0 1em;max-width:var(--measure)}.lede{font-size:clamp(1.1rem,1rem + .5vw,1.3rem);color:var(--ink)}.dim{color:var(--ink-soft)}.mono{font-family:var(--mono)}.tiny{font-size:.78rem;letter-spacing:.08em}.kicker,.tiny{text-transform:uppercase;color:var(--ink-soft)}.kicker{font-size:.76rem;letter-spacing:.22em}.data,.kicker{font-family:var(--mono)}.data{font-size:.82rem}.tier-e{color:var(--tier-e)}.tier-r{color:var(--tier-r)}.tier-l{color:var(--tier-l)}.accent{color:var(--accent)}.chrome{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chrome-host,.drawn-heading{position:relative}.drawn-heading{color:transparent;font-family:var(--mono);font-weight:700}.drawn-heading .heading-bleed{position:absolute;inset:-.9em -.2em;display:block;pointer-events:none}.drawn-heading .heading-rule{display:block;opacity:0;white-space:nowrap;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.token{position:relative;display:block;width:100%;aspect-ratio:1/1;isolation:isolate}.token canvas{position:absolute;inset:0;width:100%;height:100%}.token .overlay{z-index:1}.token-inner{position:absolute;inset:0;will-change:transform}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.5em;min-height:2.9em;font-family:var(--mono);font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:none;border:0;cursor:pointer;text-decoration:none}.btn[disabled]{cursor:not-allowed;color:var(--ink-faint)}.btn>span{position:relative;z-index:1}.grid{display:grid;grid-gap:clamp(1rem,2.5vw,1.8rem);gap:clamp(1rem,2.5vw,1.8rem)}.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.cols-3{grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr))}.cols-4{grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr))}.row{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.token-inner{transform:none!important}}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,var(--paper) 86%,transparent)}.nav-inner{justify-content:space-between;gap:1rem;padding-block:.7rem}.nav-inner,.nav-links{display:flex;align-items:center}.nav-links{gap:clamp(.7rem,2vw,1.6rem)}.nav-links a{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;position:relative;padding-block:.35rem}.nav-links a .chrome{opacity:0;transition:opacity .18s ease}.nav-links a:hover .chrome,.nav-links a[aria-current=page] .chrome{opacity:1}.nav-brand{text-decoration:none;letter-spacing:.12em;font-size:.82rem;font-weight:700;white-space:nowrap;flex:0 0 auto}.nav-flip,.nav-sheet-flip button{background:none;border:0;cursor:pointer;color:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 0;white-space:nowrap}.nav-burger{display:none}.nav-burger-mark{position:relative;display:block;width:30px;height:24px}.nav-sheet{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--paper);box-shadow:0 14px 34px rgba(0,0,0,.16);padding:.5rem 0 .9rem}.nav-sheet ul{list-style:none;margin:0;padding:0;position:relative;z-index:1}.nav-sheet li+li{border-top:1px solid var(--rule-faint,rgba(120,112,96,.16))}.nav-sheet a,.nav-sheet-flip button{display:block;width:100%;text-align:left;padding:.95rem var(--gutter);font-family:var(--mono);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.nav-sheet a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}.nav-sheet a:active{background:var(--ink-wash)}@media (max-width:52rem){.nav-inner{padding-block:.55rem}.nav-links{display:none}.nav-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-.6rem;background:none;border:0;padding:0;cursor:pointer;color:inherit}.nav-burger:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}}.sticky-desktop{position:static;top:auto}@media (min-width:53rem) and (min-height:44rem){.sticky-desktop{position:-webkit-sticky;position:sticky;top:4.5rem}}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:.6rem;z-index:50;background:var(--paper);padding:.5rem .9rem}.card{position:relative;padding:clamp(1rem,2.4vw,1.6rem)}.card>:not(.chrome){position:relative;z-index:1}.trait-row{display:flex;justify-content:space-between;gap:1rem;padding-block:.22rem}.trait-row dt{color:var(--ink-soft)}.trait-row dd{margin:0;text-align:right}.footer{padding-block:3rem 4rem;font-family:var(--mono);font-size:.76rem;color:var(--ink-soft)}.sel{display:inline-flex;min-width:0;flex:1 1}.sel,.sel-btn{position:relative}.sel-btn{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.1rem;background:none;border:0;padding:.3rem .1rem .45rem;font-family:var(--mono);font-size:.82rem;color:var(--ink);cursor:pointer;text-align:left}.sel-btn:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px}.sel-value{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-caret{position:relative;flex:0 0 auto;width:18px;height:16px}.sel-rule{top:auto;height:8px;bottom:0}.sel-panel{position:fixed;z-index:60;display:flex;flex-direction:column;background:var(--paper);box-shadow:0 10px 30px rgba(0,0,0,.18);padding:.35rem;overflow:hidden}.sel-filter{position:relative;z-index:1;margin:.15rem .3rem .35rem;padding:.35rem .2rem;background:none;border:0;border-bottom:1px solid var(--ink-faint);font-family:var(--mono);font-size:.8rem;color:var(--ink);min-height:2.2rem}.sel-filter:focus{outline:none;border-bottom-color:var(--ink)}.sel-list{position:relative;z-index:1;list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sel-opt{display:flex;align-items:baseline;gap:.6rem;padding:.5rem .55rem;cursor:pointer;font-family:var(--mono);font-size:.8rem;line-height:1.25}.sel-opt-label{flex:1 1;min-width:0}.sel-opt-hint{flex:0 0 auto;font-size:.72rem}.sel-opt.hot{background:var(--ink-wash)}.sel-opt.on .sel-opt-label{text-decoration:underline;text-underline-offset:3px}.sel-empty{padding:.7rem .55rem;font-family:var(--mono);font-size:.8rem}.hero{padding-top:clamp(1.4rem,4vh,3rem)}.hero-stack{display:flex;flex-direction:column;align-items:center}.hero-stack>*{width:100%}.hero-stamp{justify-content:center;margin:.2rem 0 1.1rem}.hero-lede{margin:0 auto}.hero-sub{margin:.7rem auto 0;font-size:.94rem;max-width:30rem}.hero-token{width:100%;max-width:30rem;margin:clamp(1.6rem,4vh,2.6rem) auto 0;will-change:transform}.hero-cap{margin-top:.7rem}.hero-poke{margin-top:.8rem;justify-content:center;gap:.3rem}.hero-actions{justify-content:center;margin-top:clamp(1.3rem,3vh,1.9rem)}.worknote{position:relative;margin:.55rem auto 0;padding:0 0 .5rem;font-family:var(--mono);font-size:.72rem;line-height:1.55;letter-spacing:.04em;color:var(--accent);max-width:46rem;text-align:center}.worknote-rule{top:auto;bottom:0;height:8px}.worknote-block{font-size:.8rem;margin-top:1.1rem}.wl-sheet{width:100%;max-width:24rem;margin:0 auto;aspect-ratio:1/1}.wl-field{display:block;width:100%;margin-top:.4rem;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--ink-faint);font-family:var(--mono);font-size:.92rem;padding:.5rem .15rem;min-height:2.6rem}.wl-field:focus{outline:none;border-bottom-color:var(--ink)}.wl-field::placeholder{color:var(--ink-faint)}.wl-msg{margin:1rem 0 0;font-family:var(--mono);font-size:.84rem;min-height:1.2rem;line-height:1.5}.wl-msg[data-tone=good]{color:var(--tier-e)}.wl-msg[data-tone=bad]{color:var(--accent)}.spread{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(1rem,3vw,2.4rem);gap:clamp(1rem,3vw,2.4rem);align-items:start}@media (min-width:60rem){.spread{grid-template-columns:11rem minmax(0,1fr)}.spread-r{grid-template-columns:minmax(0,1fr) 11rem}.spread-r>.spread-margin{order:2}}.spread-body,.spread-margin{min-width:0}.note{font-family:var(--mono);font-size:.72rem;line-height:1.5;letter-spacing:.02em;color:var(--ink-soft);max-width:13rem;position:relative;padding:.1rem 0 .55rem}.note-ink{top:auto;bottom:0;height:10px}@media (max-width:59.99rem){.note{max-width:28rem;padding-left:.9rem;border-left:1px dashed var(--ink-faint);transform:none!important}.note-ink{display:none}}.lean-l{transform:rotate(-.55deg)}.lean-r{transform:rotate(.5deg)}.lean-lx{transform:rotate(-1.1deg)}@media (prefers-reduced-motion:reduce){.lean-l,.lean-lx,.lean-r{transform:none}}.bleed-l{margin-left:calc(var(--gutter) * -.6)}.bleed-r{margin-right:calc(var(--gutter) * -.6)}@media (max-width:52rem){.bleed-l,.bleed-r{margin-left:0;margin-right:0}}.leaf-no{font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .5rem}.hero{padding-top:clamp(1.6rem,5vh,3.2rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(1.6rem,4vw,3rem);gap:clamp(1.6rem,4vw,3rem);align-items:start}@media (min-width:62rem){.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,5vw,4rem)}.hero-art{margin-top:clamp(1.5rem,6vh,5rem)}}.hero-title{margin-left:-.06em}.hero-stamp{margin:-.4rem 0 1rem -.4rem;display:flex;justify-content:flex-start}.hero-lede{margin:0;max-width:27rem}.hero-sub{margin:.8rem 0 0;font-size:.9rem;max-width:25rem}.hero-cap{justify-content:space-between;margin-top:.6rem;gap:.6rem}.hero-poke{display:flex;align-items:center;gap:.35rem;margin:.55rem 0 0;justify-content:flex-end}.hero-actions{justify-content:flex-start;margin-top:clamp(1.2rem,3vh,1.7rem)}.hero-scrap{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);margin:1.4rem 0 0;max-width:22rem}.hero-scrap s{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (max-width:52rem){section{scroll-margin-top:7.5rem}.hero-actions,.hero-stamp,.hero-title{margin-left:0}.hero-poke{justify-content:flex-start}body{font-size:1rem}.lede{font-size:1.05rem}section{padding-block:clamp(2.2rem,6vh,3.4rem)}.btn{min-height:2.9rem;padding-inline:1.2rem}.trait-row{gap:.6rem}.trait-row label{min-width:6.5rem!important}.sel-btn{min-height:2.75rem;font-size:.86rem}.sel-opt{padding:.7rem .6rem;font-size:.86rem}.sel-filter{min-height:2.6rem;font-size:.86rem}input[type=range]{height:2.6rem}.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.cols-2{grid-template-columns:minmax(0,1fr)}.grid{gap:1rem}}@media (max-width:30rem){.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:.7rem}}.token{touch-action:pan-y}.game-grid{display:grid;grid-gap:clamp(1.4rem,4vw,2.6rem);gap:clamp(1.4rem,4vw,2.6rem);grid-template-columns:minmax(0,1fr);padding-block:clamp(2rem,6vw,3.4rem);align-items:start}@media (min-width:48rem){.game-grid{grid-template-columns:auto minmax(0,20rem)}}.board-hit{position:relative;aspect-ratio:1;touch-action:manipulation}.game-board{width:min(100%,27rem)}.board-hit .chrome{pointer-events:auto;cursor:pointer}.board-keys{position:absolute;inset:7%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.board-keys button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;cursor:pointer;opacity:0}.board-keys button:disabled{cursor:default}.board-keys button:focus-visible{opacity:1;outline:2px dashed var(--ink);outline-offset:-6px}.game-actions{margin-top:1rem;gap:.6rem;flex-wrap:wrap}.game-face{position:relative;width:8.5rem;aspect-ratio:1;margin-bottom:.4rem}.game-level{margin:0 0 .5rem}.game-say{margin:0 0 1.1rem;max-width:22rem;font-size:.94rem}.game-stat{margin:0 0 1.4rem}.game-note,.game-stat{color:var(--ink-faint)}.game-note{display:flex;align-items:center;gap:.4rem;margin:0}.playcard-grid{display:grid;grid-gap:clamp(1.4rem,4vw,2.8rem);gap:clamp(1.4rem,4vw,2.8rem);grid-template-columns:minmax(0,1fr);padding-block:clamp(2rem,6vw,3.2rem);align-items:center}@media (min-width:46rem){.playcard-grid{grid-template-columns:minmax(0,1fr) 18rem}}.playcard-board{position:relative;aspect-ratio:1}.wall-steps{display:grid;grid-gap:clamp(1.4rem,3.5vw,2.4rem);gap:clamp(1.4rem,3.5vw,2.4rem);grid-template-columns:minmax(0,1fr);padding-block:clamp(1.6rem,4vw,2.6rem);align-items:start}@media (min-width:56rem){.wall-steps{grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr)}}.wall-step .kicker{margin-bottom:.7rem}.wall-token{max-width:22rem}.wall-sheet-row{display:grid;grid-gap:clamp(1.4rem,4vw,2.6rem);gap:clamp(1.4rem,4vw,2.6rem);grid-template-columns:minmax(0,1fr);align-items:center}@media (min-width:50rem){.wall-sheet-row{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}.wall-sheet-row>:first-child{max-width:26rem}.wallcard-grid{display:grid;grid-gap:clamp(1.4rem,4vw,2.8rem);gap:clamp(1.4rem,4vw,2.8rem);grid-template-columns:minmax(0,1fr);padding-block:clamp(2rem,6vw,3.2rem);align-items:center}@media (min-width:46rem){.wallcard-grid{grid-template-columns:minmax(0,1fr) 20rem}}.wallcard-sheet{position:relative;aspect-ratio:1}.duel-grid{display:grid;grid-gap:clamp(1.4rem,4vw,2.6rem);gap:clamp(1.4rem,4vw,2.6rem);grid-template-columns:minmax(0,1fr);padding-block:clamp(1.4rem,4vw,2.4rem);align-items:start}@media (min-width:48rem){.duel-grid{grid-template-columns:auto minmax(0,26rem)}}.duel-board{width:min(100%,27rem)}.duel-clock{height:1.1rem;margin-top:.6rem}.duel-say{margin:.6rem 0 0;font-family:var(--mono);font-size:.86rem;min-height:1.4rem}.duel-side{min-width:0}.duel-room-art{position:relative;aspect-ratio:12/5}.wall-soon{max-width:38rem;padding-block:clamp(1rem,3vw,1.8rem)}.wall-soon-list{margin:1rem 0 0;padding-left:1.2rem;font-size:.94rem;line-height:1.75}.wall-soon-list li{margin-bottom:.4rem}.duel-code{font-size:1.5rem;letter-spacing:.06em;margin:.2rem 0 0;color:var(--accent);font-weight:700}.duel-clockrow{display:flex;align-items:center;gap:.7rem;margin-top:.6rem}.duel-clock{position:relative;height:2.9rem;flex:1 1 auto;min-width:0}.duel-whose{margin:0;flex:0 0 auto;color:var(--ink-soft);letter-spacing:.04em}.duel-score{margin:.3rem 0 0;display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.duel-score [data-here=no]{color:var(--accent)}.duel-score [data-here=yes]{color:var(--ink-faint)}.here{position:fixed;left:clamp(.5rem,2vw,1.1rem);bottom:clamp(.5rem,2vw,1.1rem);z-index:20;pointer-events:none;width:min(19.5rem,60vw);padding:.35rem .7rem .4rem .45rem;background:radial-gradient(120% 120% at 22% 60%,var(--paper) 0,var(--paper) 58%,transparent 100%)}.here-art{position:relative;height:3.1rem}.here-line{margin:.1rem 0 0;font-size:.66rem;letter-spacing:.02em;color:var(--ink-soft);line-height:1.35}@media (max-width:30rem){.here{width:min(12rem,62vw)}.here-art{height:2rem}.here-line{font-size:.6rem}}@media (prefers-reduced-motion:reduce){.here-art{opacity:.9}}.check-list{list-style:none;padding:0;margin:.9rem 0 0}.check-row{display:flex;justify-content:space-between;gap:1rem;padding-block:.34rem;align-items:baseline}.check-row a{color:inherit}.class-grid{display:grid;grid-gap:clamp(1.2rem,3vw,2rem);gap:clamp(1.2rem,3vw,2rem);grid-template-columns:minmax(0,1fr);margin-top:clamp(1.2rem,3vw,1.8rem)}@media (min-width:52rem){.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:92rem){.class-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.class-row{display:grid;grid-template-columns:9.5rem minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}@media (max-width:26rem){.class-row{grid-template-columns:6.4rem minmax(0,1fr)}}.class-art{display:block;text-decoration:none}.class-text{min-width:0}.class-name{margin:0;font-size:.9rem}.class-line{margin:.35rem 0 0;font-size:.92rem;line-height:1.45}.class-body{margin:.4rem 0 0;font-size:.82rem;line-height:1.55}