.notes-page{min-height:100dvh;padding:0 16px max(32px, env(safe-area-inset-bottom,0px));background-color:var(--suite-field);background-image:var(--suite-grain);color:var(--suite-ink)}.notes-col{max-width:640px;margin-inline:auto;padding-top:28px}.notes-head p{color:var(--suite-muted);margin-top:10px;font-size:15.5px;line-height:1.55}.notes-list{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.notes-item{background:var(--suite-paper);box-shadow:inset 0 1px 0 #ffffff12, 0 4px 0 var(--suite-edge);transition:transform var(--dur-press) ease-out, box-shadow var(--dur-press) ease-out;border-radius:16px;gap:8px;padding:16px 18px;display:grid}.notes-item:active{box-shadow:inset 0 1px 0 #ffffff12, 0 1px 0 var(--suite-edge);transform:translateY(3px)}.notes-item:focus-visible{outline:2px solid var(--suite-ink);outline-offset:3px}.notes-item b{font:800 21px/1.15 var(--font-display-stack);letter-spacing:-.02em}.notes-item__summary{color:var(--suite-muted);font-size:14.5px;line-height:1.5}.notes-foot{border-top:1px solid var(--suite-rail);color:var(--suite-muted);font:600 12px/1 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;margin-top:28px;padding-top:16px}.note-dateline{color:var(--suite-muted);font:600 12px/1.2 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:8px;margin:0;display:flex}.note-dateline b{color:var(--suite-ink);font-weight:600}.note-h{font:800 clamp(30px, 8.4vw, 42px)/1.08 var(--font-display-stack);letter-spacing:-.03em;text-wrap:balance;margin:12px 0 0;padding-right:18px}.notes-head .note-h{margin-top:0}.note-body{margin-top:18px;font-size:16px;line-height:1.55}.note-body>p{margin:0 0 14px}.note-body a,.note-link{color:var(--suite-ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.note-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.note-stats{grid-template-columns:1fr 1.45fr 1fr;gap:8px;margin:16px 0;display:grid}.note-stat{background:var(--g);color:var(--slab-ink);border-radius:14px;gap:5px;padding:12px;display:grid}.note-stat b{font:800 clamp(23px, 6.6vw, 30px)/1 var(--font-display-stack);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.note-stat span{font:600 10.5px/1 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase}.note-part{border-top:1px solid var(--suite-rail);color:var(--suite-amber);font:600 12px/1.2 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;margin:26px 0 10px;padding-top:18px}@property --wire-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes suite-wire-run{to{--wire-angle:360deg}}@keyframes suite-wire-wave{0%,to{opacity:.45}35%{opacity:1}}.note-wire{--wire-lap:0s;--wire-beat:-3s;border-radius:16px;margin:0 0 12px;padding:16px;position:relative}.note-wire:nth-of-type(2){--wire-lap:-2s;--wire-beat:-2.4s}.note-wire:nth-of-type(3){--wire-lap:-4s;--wire-beat:-1.8s}.note-wire+p{margin-top:20px}.note-wire:before{content:"";border-radius:inherit;background:conic-gradient(from var(--wire-angle), var(--angled), var(--marked), var(--dropped), var(--balanced), var(--counted), var(--timed), var(--angled));pointer-events:none;animation:suite-wire-run 6s linear var(--wire-lap) infinite, suite-wire-wave 3s ease-in-out var(--wire-beat) infinite;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.note-wire h4{font:800 19px/1.2 var(--font-display-stack);letter-spacing:-.02em;margin:0 0 8px}.note-wire>p{margin:0}.note-games{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.note-game{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:14px;display:grid}.note-game p{color:var(--suite-muted);margin:0;font-size:14.5px;line-height:1.45}.note-game .fh-tile{height:86px}@media (min-width:560px){.note-games{grid-template-columns:repeat(3,minmax(0,1fr))}.note-game{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px}.note-game .fh-tile{height:96px}}.note-sign{font:800 17px/1.2 var(--font-display-stack);letter-spacing:-.01em}@media (min-width:1100px){.notes-col{max-width:1180px;padding-top:44px}.notes-col .note-h{max-width:760px}.notes-col .note-body:has(.note-wire){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:40px;font-size:17px;display:grid}.notes-col .note-body>p{grid-column:1/-1;max-width:68ch}.notes-col .note-body>.note-stats{grid-column:1/-1;width:min(100%,760px)}.notes-col .note-body>.note-part,.notes-col .note-body>.note-wire:first-of-type,.notes-col .note-body>.note-wire~p{grid-column:1/-1}.notes-col .note-body>.note-wire{height:100%;margin-bottom:0}.notes-col .note-body>.note-wire:first-of-type{height:auto;margin-bottom:16px}.notes-col .note-body>.note-wire+p{margin-top:24px}.notes-col--list{grid-template-columns:380px minmax(0,1fr);align-items:start;column-gap:64px;display:grid}.notes-col--list .notes-head{position:sticky;top:28px}.notes-list{margin-top:0}.notes-col--list .notes-foot{margin-left:444px}}.note-sheet__panel{padding-bottom:0}.note-sheet .note-h{padding-right:44px;font-size:clamp(28px,7.6vw,38px)}.note-sheet__foot{z-index:1;padding:12px 20px max(16px, env(safe-area-inset-bottom,0px));background:var(--sheet-bg);border-top:1px solid var(--sheet-rule);align-items:center;gap:16px;margin:4px -20px 0;display:flex;position:sticky;bottom:0}.note-sheet__foot .fh-pill{cursor:pointer;border:0;flex:1}.note-sheet__all{color:var(--sheet-muted);font:600 12px/1 var(--font-measure), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.note-sheet__all:hover,.note-sheet__all:focus-visible{color:var(--sheet-ink)}@media (min-width:900px){.note-sheet__foot{margin-inline:-36px;padding-inline:36px}}@media (prefers-reduced-motion:reduce){.note-wire:before{animation:none}}