.play{max-width:1200px;margin:0 auto;padding:32px 32px 48px}.play-head{margin-bottom:20px}.play-head h1{letter-spacing:-.02em;margin-bottom:.2em;font-size:2.2rem;font-weight:800}.play-head p{color:var(--muted);margin:0}.game-box{height:clamp(620px, calc(100vh - var(--nav-h) - 150px), 900px);background:radial-gradient(ellipse at center, color-mix(in srgb, var(--surface) 86%, var(--accent)) 0%, var(--surface) 72%);border:1px solid var(--border);width:100%;box-shadow:inset 0 0 0 6px var(--bg), 0 10px 30px -18px var(--shadow);border-radius:16px;position:relative;overflow:hidden}.game-empty{text-align:center;height:100%;color:var(--muted);place-content:center;justify-items:center;padding:24px;display:grid}.game-empty p{max-width:40ch}.game-title{font-family:var(--font-heading);color:var(--text);margin-bottom:.3em;font-size:1.3rem;font-weight:700}.server{font-family:var(--font-heading);color:var(--muted);align-items:center;gap:8px;margin-top:12px;font-size:.8rem;display:flex}.server i{background:var(--muted);border-radius:50%;width:8px;height:8px}.server.up i{background:var(--house)}.server.down i{background:var(--red)}@media (width<=640px){.play{padding:20px 12px 40px}.play-head h1{font-size:1.7rem}.game-box{height:clamp(560px, calc(100svh - var(--nav-h) - 24px), 760px);border-radius:12px}}.table{height:100%;font-family:var(--font-heading);--cw:clamp(36px, min(6.4cqw, 9.5cqh), 76px);grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:14px 16px 12px;display:grid;position:relative;container-type:size}.table p{margin:0}.btn{font-family:var(--font-heading);border:1px solid var(--border);background:var(--elev);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}.btn.primary:hover{filter:brightness(1.08)}.link-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;text-decoration:underline}.card{width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .1);background:var(--elev);border:1px solid var(--border);box-shadow:0 1px 2px var(--shadow);color:var(--text);font-family:var(--font-heading);text-align:left;flex:none;padding:0;display:inline-block;position:relative}.card.red{color:var(--red)}.card-small{width:calc(var(--cw) * .58);height:calc(var(--cw) * .81);border-radius:calc(var(--cw) * .07)}.card-hand{width:calc(var(--cw) * 1.12);height:calc(var(--cw) * 1.57)}.card .corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute;top:5%;left:9%}.card .corner b{font-size:calc(var(--cw) * .27);font-weight:700}.card .corner i{font-style:normal;font-size:calc(var(--cw) * .22)}.card-hand .corner b{font-size:calc(var(--cw) * .3)}.card .pip{font-size:calc(var(--cw) * .55);line-height:1;position:absolute;bottom:5%;right:9%}.card-hand .pip{font-size:calc(var(--cw) * .62)}.card.back{background:repeating-linear-gradient(45deg, var(--accent) 0 3px, color-mix(in srgb, var(--accent) 55%, var(--elev)) 3px 6px);border:2px solid var(--elev);box-shadow:0 0 0 1px var(--border)}.card.tagged{box-shadow:0 0 0 2px var(--accent), 0 2px 6px var(--shadow)}.card-tag{background:var(--accent);color:var(--surface);letter-spacing:.04em;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.4;position:absolute;top:-9px;left:50%;transform:translate(-50%)}button.card{cursor:pointer;transition:transform .12s}button.card:not(:disabled):hover,button.card:not(:disabled):focus-visible{transform:translateY(-10%)}button.card:disabled{cursor:default}.hand.choosing button.card:disabled{opacity:.45;filter:saturate(.5)}.table-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.scoreboard{justify-self:start;gap:4px;display:grid}.score{grid-template-columns:3.4em 1.4em auto;align-items:center;column-gap:8px;font-size:.78rem;display:grid}.score-name{font-weight:700}.score.team-0 .score-name{color:var(--accent)}.score.team-1 .score-name{color:var(--cool)}.score-num{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.pips{gap:2px;display:flex}.pips i{border:1px solid var(--border);border-radius:50%;width:8px;height:8px}.score.team-0 .pips i.on{background:var(--accent);border-color:var(--accent)}.score.team-1 .pips i.on{background:var(--cool);border-color:var(--cool)}.game-info{text-align:right;justify-self:end;justify-items:end;gap:6px;font-size:.76rem;display:grid}.game-info dl{gap:2px;display:grid}.game-info dl div{justify-content:flex-end;gap:8px;display:flex}.game-info dt{color:var(--muted)}.game-info dd{font-weight:600}.player{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.player-left,.player-right{align-self:center}.player-cards{align-items:center;gap:10px;display:flex}.backs{display:flex}.backs .card+.card{margin-left:calc(var(--cw) * -.34)}.seat-tag{background:var(--elev);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.seat-tag small{color:var(--muted);font-weight:500}.seat-tag.team-0{border-left:3px solid var(--accent)}.seat-tag.team-1{border-left:3px solid var(--cool)}.seat-tag.active{box-shadow:0 0 0 2px var(--accent)}.badge{background:var(--row);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:.62rem;font-weight:800}.badge.trump{background:var(--accent);color:var(--surface);border-color:var(--accent)}.bubble{background:var(--elev);border:1px solid var(--border);box-shadow:0 2px 6px var(--shadow);white-space:nowrap;z-index:2;border-radius:10px;padding:2px 10px;font-size:.8rem;font-weight:700;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.table-middle{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:0;display:grid}.player-left{justify-self:start}.player-right{justify-self:end}.center{text-align:center;min-width:calc(var(--cw) * 4);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.center-label{color:var(--muted);font-size:.75rem;font-weight:600}.center-title{font-size:1.05rem;font-weight:700}.center-detail{font-size:.85rem}.center-wait{color:var(--muted);font-size:.78rem}.trick{width:calc(var(--cw) * 3.7);height:calc(var(--cw) * 3.2);position:relative}.trick-card{--x:0px;--y:0px;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y)));position:absolute;top:50%;left:50%}.trick-card.at-bottom{--y:calc(var(--cw) * .76)}.trick-card.at-top{--y:calc(var(--cw) * -.76)}.trick-card.at-left{--x:calc(var(--cw) * -1.15)}.trick-card.at-right{--x:calc(var(--cw) * 1.15)}.trick-result{background:var(--elev);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.you{justify-items:center;gap:8px;display:grid}.you-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.prompt{color:var(--muted);font-size:.82rem}.panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.stepper{background:var(--elev);border:1px solid var(--border);border-radius:999px;grid-template-columns:34px minmax(7.5em,auto) 34px;align-items:center;display:inline-grid}.stepper button{height:34px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.1rem}.stepper button:disabled{color:var(--border);cursor:default}.stepper output{text-align:center;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.hand-row{align-items:flex-end;gap:18px;max-width:100%;display:flex}.hand{gap:calc(var(--cw) * .12);padding-top:10px;display:flex}.indicator{justify-items:center;gap:2px;padding-top:10px;display:grid}.indicator small{color:var(--muted);font-size:.65rem}.result-backdrop{z-index:5;background:color-mix(in srgb, var(--bg) 65%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.result{background:var(--elev);border:1px solid var(--border);max-width:440px;box-shadow:0 20px 50px -20px var(--shadow);border-radius:14px;justify-items:start;gap:12px;padding:22px 24px;font-size:.9rem;display:grid}.result h2{font-size:1.3rem;font-weight:800}.result-table{border-collapse:collapse;width:100%;font-size:.82rem}.result-table th,.result-table td{text-align:left;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:5px 8px}.result-table thead th{color:var(--muted);font-weight:600}@container (width<=560px){.table{--cw:clamp(30px, min(12cqw, 9cqh), 56px);padding:10px 8px}.table-top{grid-template-columns:auto 1fr;grid-template-areas:"score info""north north";gap:4px 6px}.scoreboard{grid-area:score}.game-info{grid-area:info}.table-top .player-top{grid-area:north}.pips{display:none}.score{grid-template-columns:auto auto}.game-info dl div:nth-child(-n+2),.player-left .backs,.player-right .backs{display:none}.player-left .player-cards,.player-right .player-cards{min-height:0}.backs .card+.card{margin-left:calc(var(--cw) * -.42)}.center{min-width:0}.trick-card.at-left{--x:calc(var(--cw) * -1.05)}.trick-card.at-right{--x:calc(var(--cw) * 1.05)}.hand{gap:2px}.hand .card-hand{width:calc(var(--cw) * .98);height:calc(var(--cw) * 1.38)}.hand-row{gap:8px}.prompt{text-align:center}}@media (prefers-reduced-motion:reduce){button.card{transition:none}}.settings{background:var(--elev);border:1px solid var(--border);width:min(460px,100%);max-height:100%;box-shadow:0 20px 50px -20px var(--shadow);font-family:var(--font-heading);border-radius:14px;gap:14px;padding:18px 20px;font-size:.85rem;display:grid;overflow-y:auto}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings h2{font-size:1.2rem;font-weight:800}.settings fieldset{border:0;gap:8px;display:grid}.settings legend{color:var(--muted);margin-bottom:6px;font-size:.72rem;font-weight:700}.opt{border:1px solid var(--border);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:8px 10px;display:grid}.opt:hover{border-color:var(--muted)}.opt:has(input:checked){border-color:var(--accent)}.opt input{accent-color:var(--accent);width:16px;height:16px;margin-top:3px}.opt span{gap:2px;display:grid}.opt small{color:var(--muted);font-size:.76rem;line-height:1.4}.opt.disabled{opacity:.55;cursor:not-allowed}.settings-note{color:var(--muted);margin:0;font-size:.76rem}.info-links{gap:12px;display:flex}.btn.subtle{border-color:var(--border);color:var(--muted);background:0 0;font-weight:500}.btn.subtle:hover{color:var(--text)}.player.sitting-out .backs{opacity:.35}.notices{gap:2px;display:grid}.center-label .inspect{margin-left:10px;font-size:.72rem}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:center;gap:48px;max-width:1200px;margin:0 auto;padding:56px 32px 40px;display:grid}.hero h1{letter-spacing:-.02em;margin-bottom:.4em;font-size:2.8rem;font-weight:800;line-height:1.05}.hero h1 span{color:var(--accent);font-family:var(--font-body);letter-spacing:.04em;font-size:1.3em;font-weight:700;display:block}.hero p{color:var(--muted)}.refs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.ref{background:var(--elev);border:1px solid var(--border);box-shadow:0 1px 0 var(--border), 0 10px 24px -14px var(--shadow);font-family:var(--font-heading);border-radius:14px;padding:54px 18px 40px;font-size:.8rem;position:relative}.ref:first-child{transform:rotate(-1.5deg)}.ref:nth-child(3){transform:rotate(1.5deg)}.ref .idx{text-align:center;color:var(--text);font-size:1rem;font-weight:800;line-height:1;position:absolute;top:10px;left:12px}.ref.red .idx{color:var(--red)}.ref .idx.flip{inset:auto 12px 10px auto;transform:rotate(180deg)}.ref .idx small{font-size:.9rem;display:block}.ref h2{margin-bottom:10px;font-size:.95rem;font-weight:700}.ref dl{gap:4px;display:grid}.ref .row{justify-content:space-between;gap:10px;display:flex}.ref dt{font-variant-numeric:tabular-nums;font-weight:700}.ref dd{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ref a{color:var(--accent);margin-top:10px;font-weight:600;text-decoration:none;display:inline-block}.phasebar{top:var(--nav-h);z-index:15;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky}.phasebar ol{scrollbar-width:none;max-width:1200px;margin:0 auto;padding:0 16px;list-style:none;display:flex;overflow-x:auto}.phasebar ol::-webkit-scrollbar{display:none}.phasebar li{flex:none;margin:0}.phasebar a{font-family:var(--font-heading);color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 14px 12px;font-size:.84rem;font-weight:500;text-decoration:none;display:flex}.phasebar .num{border:1.5px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:inline-grid}.phasebar .num.dot{opacity:.5;background:currentColor;border-width:0;width:8px;height:8px}.phasebar a:hover{color:var(--text)}.phasebar a.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.phasebar a.active .num:not(.dot){background:var(--accent);color:var(--surface);border-color:var(--accent)}.phasebar a.active .num.dot{opacity:1}.doc{max-width:1200px;margin:0 auto;padding:48px 32px 120px}html:has(.phasebar){scroll-padding-top:calc(var(--nav-h) + 52px + 32px)}.doc section+section{margin-top:64px}.doc h2{letter-spacing:-.015em;margin-bottom:.6em;font-size:1.9rem;font-weight:800}.doc h2 .step{color:var(--accent);letter-spacing:.02em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.doc h3{margin:2em 0 .6em;font-size:1.2rem;font-weight:700}.doc h4{color:var(--muted);margin:1.6em 0 .5em;font-size:1rem;font-weight:600}.doc hr{border:0;border-top:1px solid var(--border);margin:2em 0}.table-wrapper{border:1px solid var(--border);border-radius:8px;margin:1em 0 1.4em;overflow-x:auto}.doc table{border-collapse:collapse;width:100%;font-family:var(--font-heading);font-size:.82rem}.doc th{background:var(--head-bg);color:var(--head-fg);text-align:left;padding:10px 12px;font-weight:600}.doc td{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;vertical-align:top;padding:9px 12px}.doc tbody tr:hover{background:var(--row)}.house-rule{background:var(--house-bg);color:var(--house);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--house-border);vertical-align:2px;border-radius:4px;margin:0 4px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.badge-note{color:var(--muted);font-style:italic}.rule-tag{background:var(--accent-light);color:var(--accent);font-family:var(--font-heading);letter-spacing:.04em;vertical-align:2px;white-space:nowrap;border-radius:3px;margin-right:6px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-block}.note{background:var(--note-bg);border-left:3px solid var(--link);border-radius:0 6px 6px 0;margin:.8em 0 1.2em;padding:12px 16px;font-size:.95em}.note>:last-child,.example-body>:last-child{margin-bottom:0}details.example{background:var(--example-bg);border:1px solid var(--example-border);border-radius:8px;margin:1.4em 0;overflow:hidden}details.example>summary{cursor:pointer;font-family:var(--font-heading);justify-content:space-between;align-items:center;padding:12px 18px;font-size:.9rem;font-weight:600;list-style:none;display:flex}details.example>summary::-webkit-details-marker{display:none}details.example .chevron{color:var(--muted);transition:transform .15s}details.example[open]>summary{border-bottom:1px solid var(--example-border)}details.example[open] .chevron{transform:rotate(180deg)}.example-body{padding:14px 18px;font-size:.95em}.seating-diagram{margin:1.2em 0 1.6em}.seating-diagram svg{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}.seating-table{fill:var(--surface);stroke:var(--border);stroke-width:1.5px}.seating-tie{stroke-width:2px;stroke-dasharray:4 4;opacity:.55}.tie-team-ac{stroke:var(--cool)}.tie-team-bd{stroke:var(--accent)}.seating-arrow{stroke:var(--muted);stroke-width:1.5px;fill:none}.seating-arrowhead{fill:var(--muted)}.seating-arrow-label{fill:var(--muted);font-family:var(--font-heading);text-anchor:middle;font-size:11px;font-style:italic}.seat circle{fill:var(--bg);stroke-width:1.5px}.seat-a circle,.seat-c circle{stroke:var(--cool)}.seat-b circle,.seat-d circle{stroke:var(--accent)}.seat-label{fill:var(--text);font-family:var(--font-heading);text-anchor:middle;font-size:18px;font-weight:700}.seat-role{fill:var(--muted);text-anchor:middle;font-size:9px;font-family:var(--font-heading)}.seating-diagram figcaption{color:var(--muted);margin-top:12px;font-size:.9rem;line-height:1.5}.rank-strip{margin:1.2em 0 1.4em}.rank-strip ol{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.rank-strip li{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.rk-card{aspect-ratio:5/7;background:var(--elev);border:1px solid var(--border);width:100%;max-width:64px;box-shadow:0 1px 2px var(--shadow);color:var(--text);font-family:var(--font-heading);border-radius:7px;position:relative}.rk-card.red{color:var(--red)}.rk-card b{font-size:1rem;line-height:1;position:absolute;top:5px;left:7px}.rk-card i{place-items:center;font-size:1.5rem;font-style:normal;display:grid;position:absolute;inset:0}.rk-pts{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.rk-pts small{color:var(--muted);font-size:.7rem;font-weight:500}.rank-strip figcaption{color:var(--muted);margin-top:10px;font-size:.9rem}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:36px 16px 28px}.hero h1{font-size:2.2rem}}@media (width<=640px){.refs{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;margin:0 -16px;padding:6px 16px 12px;overflow-x:auto}.ref{scroll-snap-align:center}.ref:nth-child(n){transform:none}.phasebar ol{padding:0}.doc{padding:32px 16px 80px}.rank-strip ol{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}}:root,:root[data-theme=graphite]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f3f1;--surface:#fafaf9;--elev:#fff;--text:#1b1b1d;--muted:#64646b;--accent:#96600f;--accent-light:#f3e6cf;--cool:#3d5a80;--border:#d9d9d4;--house:#2e6b3e;--house-bg:#e8f3eb;--house-border:#2e6b3e40;--example-bg:#ebebe7;--example-border:#c9c9c2;--link:#2f5aa8;--note-bg:#eef1f7;--head-bg:#1b1b1d;--head-fg:#fafaf9;--row:#00000008;--shadow:#0000001a;--red:#b8302c;--nav:#fafaf9eb}:root[data-theme=graphite][data-mode=dark],:root:not([data-theme])[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111113;--surface:#19191c;--elev:#212125;--text:#ececee;--muted:#9a9aa2;--accent:#e3aa4f;--accent-light:#3a2c14;--cool:#7d9cc6;--border:#2e2e33;--house:#6dbe7e;--house-bg:#16241a;--house-border:#6dbe7e59;--example-bg:#1c1c20;--example-border:#34343a;--link:#8ab0ec;--note-bg:#18202e;--head-bg:#212125;--head-fg:#ececee;--row:#ffffff0a;--shadow:#0000008c;--red:#f0857f;--nav:#19191ceb}@media (prefers-color-scheme:dark){:root:not([data-theme]):not([data-mode]),:root[data-theme=graphite]:not([data-mode]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111113;--surface:#19191c;--elev:#212125;--text:#ececee;--muted:#9a9aa2;--accent:#e3aa4f;--accent-light:#3a2c14;--cool:#7d9cc6;--border:#2e2e33;--house:#6dbe7e;--house-bg:#16241a;--house-border:#6dbe7e59;--example-bg:#1c1c20;--example-border:#34343a;--link:#8ab0ec;--note-bg:#18202e;--head-bg:#212125;--head-fg:#ececee;--row:#ffffff0a;--shadow:#0000008c;--red:#f0857f;--nav:#19191ceb}}:root[data-theme=parchment]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4ecd8;--surface:#fbf6e8;--elev:#fff;--text:#1f1611;--muted:#6a5d4d;--accent:#9c2f1d;--accent-light:#f0dccb;--cool:#2d4a52;--border:#d8cfb6;--house:#2e6b3e;--house-bg:#eaf5ec;--house-border:#2e6b3e40;--example-bg:#ebe2c7;--example-border:#c2b896;--link:#2a5db0;--note-bg:#eef1f8;--head-bg:#1f1611;--head-fg:#fbf6e8;--row:#1f161109;--shadow:#1f16111a;--red:#b03030;--nav:#fbf6e8eb}:root[data-theme=parchment][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a0f0a;--surface:#251812;--elev:#2d1d16;--text:#ece4d2;--muted:#a39581;--accent:#d8694a;--accent-light:#3a1c10;--cool:#6b9098;--border:#3a302a;--house:#6dbe7e;--house-bg:#1a2a1f;--house-border:#6dbe7e59;--example-bg:#2a1d15;--example-border:#4a3d30;--link:#7aa3df;--note-bg:#1c2238;--head-bg:#2d1d16;--head-fg:#f0e6d2;--row:#fff0dc0a;--shadow:#00000080;--red:#e57878;--nav:#251812eb}@media (prefers-color-scheme:dark){:root[data-theme=parchment]:not([data-mode]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a0f0a;--surface:#251812;--elev:#2d1d16;--text:#ece4d2;--muted:#a39581;--accent:#d8694a;--accent-light:#3a1c10;--cool:#6b9098;--border:#3a302a;--house:#6dbe7e;--house-bg:#1a2a1f;--house-border:#6dbe7e59;--example-bg:#2a1d15;--example-border:#4a3d30;--link:#7aa3df;--note-bg:#1c2238;--head-bg:#2d1d16;--head-fg:#f0e6d2;--row:#fff0dc0a;--shadow:#00000080;--red:#e57878;--nav:#251812eb}}:root[data-theme=tea]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf1e4;--surface:#f6f8f0;--elev:#fdfefb;--text:#16221a;--muted:#5a6a5d;--accent:#2f6b45;--accent-light:#d7e6d6;--cool:#8a5a2b;--border:#cbd5c0;--house:#8a5a00;--house-bg:#f7eed6;--house-border:#8a5a0047;--example-bg:#e2e9d6;--example-border:#b9c6aa;--link:#2b5e8a;--note-bg:#e8eef3;--head-bg:#1f3326;--head-fg:#f2f6ee;--row:#16221a0a;--shadow:#16221a1f;--red:#b3352f;--nav:#f6f8f0eb}:root[data-theme=tea][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1611;--surface:#152019;--elev:#1c2a21;--text:#e3ebdf;--muted:#93a596;--accent:#74c08d;--accent-light:#1d3325;--cool:#c99a62;--border:#2a3a2f;--house:#e3b45a;--house-bg:#2b2412;--house-border:#e3b45a59;--example-bg:#18241c;--example-border:#304236;--link:#86b6e0;--note-bg:#172430;--head-bg:#1c2a21;--head-fg:#e3ebdf;--row:#dcf0e10a;--shadow:#0000008c;--red:#ec8a80;--nav:#152019eb}@media (prefers-color-scheme:dark){:root[data-theme=tea]:not([data-mode]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1611;--surface:#152019;--elev:#1c2a21;--text:#e3ebdf;--muted:#93a596;--accent:#74c08d;--accent-light:#1d3325;--cool:#c99a62;--border:#2a3a2f;--house:#e3b45a;--house-bg:#2b2412;--house-border:#e3b45a59;--example-bg:#18241c;--example-border:#304236;--link:#86b6e0;--note-bg:#172430;--head-bg:#1c2a21;--head-fg:#e3ebdf;--row:#dcf0e10a;--shadow:#0000008c;--red:#ec8a80;--nav:#152019eb}}:root[data-theme=indigo]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceef4;--surface:#f6f7fb;--elev:#fff;--text:#151a2d;--muted:#5b6280;--accent:#34449a;--accent-light:#dde1f4;--cool:sienna;--border:#cfd4e3;--house:#2e6b3e;--house-bg:#e6f2e9;--house-border:#2e6b3e40;--example-bg:#e2e5ef;--example-border:#b8bfd6;--link:#1f6f8b;--note-bg:#e7f0f4;--head-bg:#1c2240;--head-fg:#f3f4fa;--row:#151a2d09;--shadow:#151a2d1f;--red:#b8322f;--nav:#f6f7fbeb}:root[data-theme=indigo][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1020;--surface:#151a2e;--elev:#1c2238;--text:#e5e7f2;--muted:#9097b3;--accent:#9aa8ff;--accent-light:#232b52;--cool:#e0a07a;--border:#2a3150;--house:#6dbe7e;--house-bg:#142619;--house-border:#6dbe7e59;--example-bg:#171c33;--example-border:#2f3756;--link:#7cc4dc;--note-bg:#13243a;--head-bg:#1c2238;--head-fg:#e5e7f2;--row:#dce1ff0a;--shadow:#0000008c;--red:#f08a86;--nav:#151a2eeb}@media (prefers-color-scheme:dark){:root[data-theme=indigo]:not([data-mode]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1020;--surface:#151a2e;--elev:#1c2238;--text:#e5e7f2;--muted:#9097b3;--accent:#9aa8ff;--accent-light:#232b52;--cool:#e0a07a;--border:#2a3150;--house:#6dbe7e;--house-bg:#142619;--house-border:#6dbe7e59;--example-bg:#171c33;--example-border:#2f3756;--link:#7cc4dc;--note-bg:#13243a;--head-bg:#1c2238;--head-fg:#e5e7f2;--row:#dce1ff0a;--shadow:#0000008c;--red:#f08a86;--nav:#151a2eeb}}:root{--font-body:"Crimson Pro", Georgia, serif;--font-heading:"Inter", system-ui, sans-serif;--nav-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--nav-h) + 24px)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:19px;line-height:1.65}a{color:var(--link);text-underline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}p,ul,ol{margin-bottom:1em}ul,ol{padding-left:1.4em}li{margin-bottom:.35em}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);line-height:1.25}strong{font-weight:700}button{font:inherit}.nav{z-index:20;height:var(--nav-h);background:var(--nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{align-items:center;height:100%;padding:0 24px;display:flex}.brand{font-family:var(--font-body);color:var(--accent);letter-spacing:.06em;margin-right:auto;font-size:28px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:6px;display:flex}.nav-links>a{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;text-decoration:none}.nav-links>a:hover{color:var(--text)}.nav-links>a.active{color:var(--accent);background:var(--accent-light)}.nav-links>a.cta{background:var(--accent);color:var(--surface)}.nav-links>a.cta.active{box-shadow:0 0 0 2px var(--accent-light)}.icon-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-btn:hover,.icon-btn[aria-expanded=true]{background:var(--accent-light);color:var(--text)}.icon-btn svg{width:18px;height:18px}.theme-menu{position:relative}.theme-pop{z-index:30;background:var(--elev);border:1px solid var(--border);width:280px;box-shadow:0 16px 40px var(--shadow);font-family:var(--font-heading);border-radius:12px;padding:14px;font-size:.85rem;position:absolute;top:44px;right:0}.theme-pop fieldset{border:0}.theme-pop fieldset+fieldset{margin-top:14px}.theme-pop legend{color:var(--muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.theme-pop input{opacity:0;pointer-events:none;position:absolute}.theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme-opt{cursor:pointer;border:1px solid var(--border);color:var(--text);border-radius:8px;flex-direction:column;gap:6px;padding:8px;font-weight:500;display:flex}.theme-opt:hover{border-color:var(--muted)}.theme-opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.mode-seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.swatch{border:1px solid var(--border);border-radius:5px;height:28px;display:flex;overflow:hidden}.swatch i{flex:1;place-items:center;display:grid}.swatch b{border-radius:50%;width:12px;height:12px}.mode-seg{background:var(--row);border-radius:8px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode-seg label{text-align:center;cursor:pointer;color:var(--muted);border-radius:6px;padding:6px 0}.mode-seg label.on{background:var(--elev);color:var(--text);box-shadow:0 1px 2px var(--shadow);font-weight:600}@media (width<=560px){body{font-size:18px}.nav-inner{padding:0 12px}.nav-links{gap:2px}.nav-links>a{letter-spacing:.04em;padding:6px 9px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}