.night-head{padding-top:1.5rem}.night-card{position:relative;overflow:hidden;border-radius:24px;color:#eef0e6;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) 13.5rem;gap:1.2rem 2.5rem;align-items:center;padding:2.4rem;background:radial-gradient(1.2px 1.2px at 12% 22%,#f6efd8 60%,transparent),radial-gradient(1px 1px at 28% 68%,#f6efd8 60%,transparent),radial-gradient(1.4px 1.4px at 46% 16%,#f6efd8 60%,transparent),radial-gradient(1px 1px at 63% 74%,#f6efd8 60%,transparent),radial-gradient(1.2px 1.2px at 71% 30%,#f6efd8 60%,transparent),radial-gradient(1px 1px at 88% 82%,#f6efd8 60%,transparent),radial-gradient(42rem 22rem at 85% -20%,rgba(240,180,76,.14),transparent 70%),linear-gradient(160deg,#0f1d16,#08120d 60%,#0b1712)}.moon{position:absolute;top:1.4rem;right:17.5rem;width:3.2rem;height:3.2rem;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 36% 34%,#fbf2d4,#e9cf8a 62%,#c9a457);box-shadow:0 0 2.5rem .6rem #f0b44c38}.moon:after{content:"";position:absolute;inset:-.2rem -.9rem .6rem .9rem;border-radius:50%;background:#0d1a14;opacity:.86}.night-card.no-board{grid-template-columns:minmax(0,1fr)}.night-card.no-board .moon{right:2.4rem}.night-text{position:relative;min-width:0}.night-text .worksheet-tip{display:inline-block;margin-top:1.3rem}.night-card .overline{color:#9fc0cf}.night-card .overline i{background:#f0b44c;box-shadow:.75rem 0 #f0b44c}.night-card h1{font-size:clamp(2.3rem,5.2vw,4.2rem);margin-block:.9rem .9rem}.night-card h1 .accent{color:#b9d68a}.night-card .intro{color:#c6cdbd;font-size:1.08rem;max-width:40rem}.night-board{position:relative;width:13.5rem;padding:.45rem;border-radius:14px;background:#f0b44c14;border:1px solid rgba(240,180,76,.25);--square-light: #ebe8d6;--square-dark: #8fa274}.night-board .board{border-radius:8px}.night-aside{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.night-aside .chip{background:#f0f0dc14;color:#dfe5d6}.jump-bar{position:sticky;top:4.1rem;z-index:10;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.2rem;padding-block:.55rem;background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.jump-bar a{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .85rem;border:1px solid var(--line-strong);border-radius:999px;background:var(--card);font-size:.85rem;text-decoration:none;color:var(--muted)}.jump-bar a:hover,.jump-bar a:focus-visible{border-color:var(--olive);color:var(--text);outline:none}.jump-bar a i{font-style:normal;font-size:1rem;line-height:1;color:var(--amber)}.eg-section{padding-block:3rem .5rem;scroll-margin-top:8rem}.eg-section>.wide>h2{font-size:clamp(1.9rem,4vw,3rem);margin-block:.7rem .7rem}.eg-section .lead{color:var(--muted);font-size:1.05rem;max-width:46rem;margin-bottom:1.4rem}.eg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem;margin-top:1.4rem}.eg-tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem}.eg-tile b{display:block;font-size:1.8rem;font-weight:800;color:var(--amber);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.eg-tile span{font-size:.85rem;color:var(--muted);line-height:1.3;display:block}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1.2rem}.filter-row .counter{margin-left:auto;font:.8rem var(--mono);color:var(--faint)}.band-switch{position:relative;display:inline-flex;flex-wrap:wrap;gap:.15rem;margin:0;padding:.2rem;list-style:none;border:1px solid var(--line);border-radius:14px;background:var(--card-2)}.band-switch li{display:flex}.band-switch button{font:inherit;font-size:.86rem;display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .85rem;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.band-switch button:hover,.band-switch button[aria-pressed=true]{color:var(--text)}.band-switch button i{font-style:normal;color:var(--amber)}.switch-pill{position:absolute;top:0;left:0;border-radius:10px;background:var(--card);box-shadow:0 1px 3px #1e2d192e;transition:transform .28s cubic-bezier(.3,.7,.2,1),width .28s,height .28s}.switch-pill[hidden]{display:none}.has-pill>:not(.switch-pill){position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.switch-pill{transition:none}}.wdl{display:flex;height:.6rem;width:100%;min-width:5rem;border-radius:999px;overflow:hidden;background:var(--card-2)}.wdl i{display:block;height:100%}.wdl .w{background:var(--olive)}.wdl .d{background:var(--slate);opacity:.55}.wdl .l{background:var(--brick)}.wdl:not(.strong) .l{background:var(--text);opacity:.7}.wdl-legend{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.8rem;color:var(--muted);margin-top:.6rem}.wdl-legend span{display:inline-flex;align-items:center;gap:.4rem}.wdl-legend i{width:.7rem;height:.7rem;border-radius:3px}.wdl-legend .w{background:var(--olive)}.wdl-legend .d{background:var(--slate);opacity:.55}.wdl-legend .l{background:var(--brick)}.wdl-legend .b{background:var(--text);opacity:.7}.eg-table{width:100%;border-collapse:collapse;font-size:.92rem}.eg-table th{text-align:left;font:600 .7rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);padding:0 .6rem .5rem;border-bottom:1px solid var(--line)}.eg-table td{padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle}.eg-table tr:last-child td{border-bottom:0}.eg-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.eg-table .bar{width:38%}.stats-table{padding:.9rem .8rem;overflow-x:auto}.stats-table .eg-table th.num{white-space:normal}@media (max-width: 520px){.stats-table .eg-table td,.stats-table .eg-table th{padding-inline:.35rem}}.game-line{font-size:.85rem;color:var(--muted)}.san{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.filter-chips[hidden]{display:none}.filter-chip{font:inherit;font-size:.8rem;border:1px solid var(--olive);color:var(--text);background:var(--card);cursor:pointer;padding:.3rem .75rem}.filter-chip:hover,.filter-chip:focus-visible{background:var(--card-2)}.practice-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.sources{margin-top:3.5rem;padding-top:1.2rem;border-top:1px dashed var(--line-strong);font-size:.8rem;color:var(--faint)}.sources p+p{margin-top:.4rem}.sources a{color:var(--muted)}@media (max-width: 800px){.night-card{grid-template-columns:minmax(0,1fr);padding:1.6rem 1.3rem}.night-board{width:10rem}.moon{right:1.3rem;top:1.2rem;width:2.4rem;height:2.4rem}.jump-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.jump-bar::-webkit-scrollbar{display:none}.jump-bar a{flex:none;white-space:nowrap}.band-switch{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}.band-switch::-webkit-scrollbar{display:none}.filter-row .counter{margin-left:0}}@media (max-width: 520px){.night-card{border-radius:18px}.eg-table .bar{width:30%}}
