:root{--bg:#07080c;--fg:#e9ecf3;--muted:#8a90a2;--generic:#8fb6ff;--yellow:#ffc83d;--red:#ff3b2f;--missile:#ff2fe6;--calm:#2ee87a;--calm-night:#22d6c0;--panel:#0c0e14b8}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}.hud{pointer-events:none;max-width:min(560px,100vw - 32px);position:fixed;top:20px;left:24px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--red);font:600 12px/1 JetBrains Mono,monospace}.hud h1{letter-spacing:-.02em;margin:10px 0 6px;font-size:clamp(22px,3.2vw,38px);font-weight:800;line-height:1}.sub{color:var(--muted);font-size:14px}.sub b{color:var(--fg)}.months{align-items:flex-end;gap:4px;height:70px;margin:16px 0 6px;display:flex}.month{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.month .stack{border-radius:2px;flex-direction:column-reverse;width:100%;display:flex;overflow:hidden}.month .stack i{display:block}.month span{color:var(--muted);font:400 10px/1 JetBrains Mono,monospace}.month em{color:var(--fg);font:600 10px/1 JetBrains Mono,monospace;display:none}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12px;display:flex}.sw{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.sw.generic{background:var(--generic)}.sw.yellow{background:var(--yellow)}.sw.red{background:var(--red)}.sw.missile{background:var(--missile)}.label.lane{color:var(--missile)}.views{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:20px;right:20px}.views button{color:var(--fg);background:var(--panel);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font:600 12px JetBrains Mono,monospace}.views button:hover{border-color:#ffffff59}.views button.on{border-color:var(--red)}.foot{color:var(--muted);pointer-events:none;font:400 11px JetBrains Mono,monospace;position:fixed;bottom:16px;left:24px;right:24px}.tip{pointer-events:none;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;border:1px solid #ffffff1f;border-radius:8px;min-width:220px;padding:10px 12px;font:400 12px/1.5 JetBrains Mono,monospace;transition:opacity .12s;position:fixed}.tip.show{opacity:1}.tip h4{margin:0 0 6px;font:600 13px Inter,sans-serif}.tip .row{justify-content:space-between;gap:12px;display:flex}.tip .al{color:var(--muted)}.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font:600 11px JetBrains Mono,monospace}.label.mlabel{color:#c9cedb;font-size:12px}.label.peak{color:var(--fg);text-transform:none;letter-spacing:0;background:#ff3b2f2e;border:1px solid #ff3b2f80;border-radius:4px;padding:4px 8px}@media (width<=640px){.months{height:48px}.foot{display:none}.views{top:auto;bottom:16px;right:16px}.hud{top:16px;left:16px}}.hud:before{content:"";z-index:-1;background:radial-gradient(at 20% 30%,#07080cd9,#07080c00 70%);position:absolute;inset:-40px -80px -40px -40px}.label.year{color:var(--fg);letter-spacing:-.01em;font:800 22px Inter,sans-serif}.cmp table{border-collapse:collapse;color:var(--muted);margin-top:10px;font:400 12px JetBrains Mono,monospace}.cmp th{text-align:right;text-transform:uppercase;letter-spacing:.06em;padding:2px 0 4px 14px;font-size:10px;font-weight:400}.cmp th:first-child,.cmp td:first-child{text-align:left;padding-left:0}.cmp td{text-align:right;padding:2px 0 2px 14px}.cmp tr.now td{color:var(--fg);font-weight:600}.cmp .note{color:var(--muted);margin-top:4px;font-size:10px}.month .group{align-items:flex-end;gap:1px;width:100%;height:52px;display:flex}.month .stack{flex:1}.month .stack.y0{opacity:.45}.month .stack.y1{opacity:.7}.month .stack i.r{background:var(--red)}.month .stack i.ye{background:var(--yellow)}.month .stack i.g,body.mono .month .stack i.r,body.mono .month .stack i.ye,body.mono .sw.yellow,body.mono .sw.red{background:var(--generic)}.toggle{color:var(--fg);background:var(--panel);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font:600 12px JetBrains Mono,monospace;display:flex}.toggle input{accent-color:var(--generic);margin:0}.bowl-panel,.bowl-result{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0a0b10e6;border:1px solid #ffffff1f;border-radius:12px;width:min(560px,100vw - 32px);padding:22px 24px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bowl-panel.show,.bowl-result.show{display:block}.bowl-panel h3,.bowl-result h3{letter-spacing:-.01em;margin:0 0 14px;font:800 26px Inter,sans-serif}.bowl-panel p,.bowl-result p{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.5}.bowl-panel .years{gap:8px;display:flex}.bowl-panel .years button{flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;display:flex}.bowl-panel .years b{font:800 24px Inter,sans-serif}.bowl-panel .years span{color:var(--muted);font-size:11px}.bowl-panel .years em{color:var(--yellow);font-size:10px;font-style:normal}.bowl-panel button,.bowl-result button{color:var(--fg);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:9px 14px;font:600 13px JetBrains Mono,monospace}.bowl-panel button:hover,.bowl-result button:hover{border-color:var(--red)}.bowl-panel button.ghost,.bowl-result button.ghost{color:var(--muted);background:0 0}.bowl-result .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bowl-result .reason{color:var(--red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font:600 12px JetBrains Mono,monospace}.bowl-result h3{font-size:40px}.bowl-result .best{color:var(--yellow)}.bowl-hud{text-align:center;pointer-events:none;z-index:5;display:none;position:fixed;bottom:46px;left:50%;transform:translate(-50%)}.bowl-hud.show{display:block}.bowl-hud .big{letter-spacing:-.03em;text-shadow:0 0 30px #ff3b2f80;font:800 64px/1 Inter,sans-serif}.bowl-hud .big small{color:var(--muted);font-size:28px}.bowl-hud .sub{color:var(--muted);margin-top:6px;font:400 13px JetBrains Mono,monospace}.bowl-hud .sub.m{color:var(--missile)}.bowl-hint{color:var(--fg);background:var(--panel);pointer-events:none;z-index:5;white-space:nowrap;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font:600 12px JetBrains Mono,monospace;display:none;position:fixed;top:76px;left:50%;transform:translate(-50%)}.bowl-hint.show{display:block}body.bowling .hud,body.bowling .foot{opacity:.25}.bowl-result{top:24px;transform:translate(-50%)}body.bowling .label.peak,body.bowling .views button:not(.bowl):not(.sound),body.bowling .toggle,.views button.sound{display:none}body.bowling .views button.sound{display:block}.views button.sound.off{color:var(--muted)}.c{display:none}body.invert .c{display:revert}body.invert .a{display:none}body.invert .months.c{display:flex}.cmp th.c,.cmp td.c{color:var(--calm)}body.invert .cmp tr.now td.c{color:#8dffbf}.hud h1 small{color:var(--calm);font-size:.5em;font-weight:600}.sw.calm{background:var(--calm)}.sw.calmn{background:var(--calm-night)}.month .stack i.calm{background:var(--calm)}.label.calmlabel{color:var(--fg);text-transform:none;letter-spacing:0;background:#2ee87a26;border:1px solid #2ee87a80;border-radius:4px;padding:4px 8px;display:none}body.invert .label.calmlabel{display:block}body.invert .label.peak{display:none}body.invert .eyebrow{color:var(--calm)}.toggle.calm input{accent-color:var(--calm)}@property --bowl-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.views button.bowl{isolation:isolate;color:#fff;letter-spacing:.02em;background:radial-gradient(120% 140% at 30% 20%,#3a1410 0%,#170807 70%);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ff5a3c59}.views button.bowl:before{content:"";border-radius:inherit;z-index:-1;background:conic-gradient(from var(--bowl-angle), #ff3b2f, #ff9a2f, #ff2fe6, #ffb800, #ff3b2f);padding:2px;animation:3.2s linear infinite bowl-spin;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.views button.bowl:after{content:"";border-radius:inherit;z-index:-2;background:conic-gradient(from var(--bowl-angle), #ff3b2f8c, #ffb80059, #ff2fe673, #ff3b2f8c);filter:blur(14px);opacity:.55;animation:3.2s linear infinite bowl-spin,2.4s ease-in-out infinite bowl-breathe;position:absolute;inset:-10px}.views button.bowl:hover:after{opacity:.95}.views button.bowl:hover .ball{animation-duration:.6s}.views button.bowl .ball{background:radial-gradient(circle at 35% 30%, #ffffff8c 0 2px, transparent 3px), repeating-conic-gradient(from 20deg, transparent 0 38deg, #ff5a28f2 40deg 44deg, transparent 46deg 80deg), radial-gradient(circle at 40% 35%, #3b3c44, #0e0f13 70%);border-radius:50%;flex:none;width:16px;height:16px;animation:1.4s linear infinite bowl-roll;box-shadow:0 0 8px #ff5028cc}.views button.bowl .t-close,body.bowling .views button.bowl .t-open{display:none}body.bowling .views button.bowl .t-close{display:inline}body.bowling .views button.bowl:after{opacity:.25;animation:none}@keyframes bowl-spin{to{--bowl-angle:360deg}}@keyframes bowl-breathe{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:.8;transform:scale(1.08)}}@keyframes bowl-roll{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.views button.bowl:before,.views button.bowl:after,.views button.bowl .ball{animation:none}}.label.axis{color:#aeb4c4;text-transform:none;letter-spacing:0;font-size:11px}.label.axis.title{color:#e9ecf3;background:#0c0e1499;border-radius:4px;padding:3px 7px;font:600 12px Inter,sans-serif}body.bowling .label.axis{display:none}body.reel .hud,body.reel .views,body.reel .foot,body.reel .tip,body.reel .label.peak,body.reel .label.calmlabel,body.reel .bowl-hud,body.reel .bowl-hint,body.reel .bowl-result,body.reel .bowl-panel{display:none!important}.reel-cap{text-align:center;z-index:20;pointer-events:none;text-shadow:0 2px 18px #000000e6,0 0 2px #000000e6;opacity:0;width:min(92vw,520px);position:fixed;top:9vh;left:50%;transform:translate(-50%)}.reel-cap .k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font:700 15px JetBrains Mono,monospace}.reel-cap .k.red{color:#ff5a4a}.reel-cap .h{letter-spacing:-.02em;color:#fff;font:800 38px/1.08 Inter,sans-serif}.reel-cap .s{color:#d5d9e3;margin-top:10px;font:500 18px/1.4 Inter,sans-serif}.reel-cap .big{letter-spacing:-.04em;color:#fff;text-shadow:0 0 40px #ff3b2fb3,0 2px 18px #000000e6;font:800 92px/1 Inter,sans-serif}.reel-brand{display:none}body.reel .reel-brand{color:#e9ecf3bf;letter-spacing:.08em;z-index:20;pointer-events:none;font:600 13px JetBrains Mono,monospace;display:block;position:fixed;bottom:3.5vh;left:50%;transform:translate(-50%)}body.reel .label.axis,body.reel .label.axis.title{font-size:15px}body.reel .label.year{font-size:26px}.label.reel-sep{display:none}body.reel .label.reel-sep{color:#c9cedb;text-transform:none;letter-spacing:0;background:#0a0b10bf;border:1px solid #ffffff2e;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;font:600 14px JetBrains Mono,monospace;transition:none;display:flex}body.reel .label.reel-sep b{color:#fff;font:800 24px Inter,sans-serif}body.reel .label.reel-sep.now{background:#3c0c08cc;border-color:#ff5a4acc}body.reel:not(.reel-axis) .label.axis{visibility:hidden}body.reel .label.axis.tick{color:#fff;background:#08090dc7;border-radius:4px;padding:2px 6px}body.reel .label.axis.title{display:none}body.reel .reel-cap{top:7vh}html,body{overscroll-behavior:none}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.bowling{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.drag-hint{z-index:6;pointer-events:none;display:none;position:fixed;top:0;left:0}.drag-hint.show{display:block}.drag-hint .finger{background:#ffffffe6;border-radius:50%;width:34px;height:34px;animation:1.8s cubic-bezier(.45,0,.3,1) infinite drag-finger;position:absolute;top:-17px;left:-17px;box-shadow:0 0 0 6px #ffffff2e,0 0 24px #ff7850cc}.drag-hint .trail{transform-origin:top;background:repeating-linear-gradient(#ffffffbf 0 8px,#0000 8px 15px);border-radius:2px;width:4px;height:110px;animation:1.8s cubic-bezier(.45,0,.3,1) infinite drag-trail;position:absolute;top:0;left:-2px}.drag-hint .txt{white-space:nowrap;color:#fff;text-shadow:none;background:#0c0e14cc;border:1px solid #fff3;border-radius:999px;padding:6px 10px;font:700 14px JetBrains Mono,monospace;position:absolute;top:136px;left:0;transform:translate(-50%)}@keyframes drag-finger{0%{opacity:0;transform:translateY(0)scale(1.25)}12%{opacity:1;transform:translateY(0)scale(1)}62%{opacity:1;transform:translateY(110px)scale(1)}72%{opacity:0;transform:translateY(110px)scale(1.5)}to{opacity:0;transform:translateY(110px)scale(1.5)}}@keyframes drag-trail{0%,12%{opacity:.9;transform:scaleY(0)}62%{opacity:.9;transform:scaleY(1)}80%,to{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.drag-hint .finger,.drag-hint .trail{animation:none}.drag-hint .trail{transform:none}}body.reel .drag-hint{display:none!important}@media (width<=640px){body.bowling .hud,body.bowling .foot{display:none}.drag-hint .txt{font-size:13px}}.label.year{padding-left:58px}.radial{z-index:4;background:#f2f0e8;display:none;position:fixed;inset:0}body.view2d .radial{display:block}body.view2d{background:#f2f0e8}body.view2d .hud,body.view2d .foot,body.view2d .views button[data-view],body.view2d .views button[data-action=replay]{display:none}.views,.tip{z-index:30}.views button.dim{border-color:#ffffff4d}body.view2d .views button.dim,body.view2d .toggle{background:#1f2024}.radial .r-head,.radial .r-body{text-align:center;color:#1f2024;font-size:14px;position:absolute;transform:translate(-50%)}.radial .r-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#c0281f;font:600 .78em JetBrains Mono,monospace}.radial .r-title{letter-spacing:-.01em;margin:.3em 0 .35em;font:500 2.25em/1.05 Fraunces,Georgia,serif}.radial .r-desc{color:#55534c;max-width:30em;margin:0 auto .8em;font:400 .9em/1.45 Inter,sans-serif}.radial .r-desc b{color:#1f2024}.radial .r-legend{color:#3a3a36;flex-wrap:wrap;justify-content:center;gap:.4em 1em;font:500 .8em Inter,sans-serif;display:flex}.radial .r-legend i{vertical-align:-.1em;border-radius:2px;width:.85em;height:.85em;margin-right:.4em;display:inline-block}.radial .r-years{border:1px solid #1f2024;border-radius:999px;margin-top:1em;display:inline-flex;overflow:hidden}.radial .r-years button{color:#1f2024;cursor:pointer;background:0 0;border:0;padding:.45em .9em;font:600 .85em JetBrains Mono,monospace}.radial .r-years button.on{color:#f2f0e8;background:#1f2024}.radial .r-share{justify-content:center;gap:.5em;margin-top:.8em;display:flex}.radial .r-share button{color:#1f2024;cursor:pointer;background:#fff;border:1px solid #cfcabd;border-radius:999px;padding:.5em 1em;font:600 .8em Inter,sans-serif}.radial .r-share button:hover{border-color:#1f2024}.radial .r-share button:before{content:"↓ ";color:#c0281f}.radial.narrow .r-head{font-size:14px}.radial.narrow .r-title{margin-bottom:0;font-size:2.1em}.radial.narrow .r-body{font-size:13.5px}.radial.narrow .r-desc{margin-bottom:.7em}@media (width<=640px){body.view2d .views{justify-content:center;inset:auto 12px 12px}}