@layer components{[data-ill=root]{--rest-yaw:-30;--rest-pitch:-17;--persp:1100;--yaw:var(--rest-yaw);--pitch:var(--rest-pitch);--e:0;--grain:url(/art/illustration-grain.png);--ill-ease:cubic-bezier(.45, 0, .25, 1);aspect-ratio:var(--ill-ratio,1);flex:none;display:block;position:relative;container-type:inline-size}[data-ill=root][data-mode=intro]{--e:.12}[data-ill=root][data-mode=map]{pointer-events:auto}@media (prefers-reduced-motion:reduce){[data-ill=root][data-ill=root]{--e:.22}}[data-ill=root] [data-ill=stage]{--u:calc(100cqw * var(--ill-scale,1.3) / 205);--k:calc(1.45 * var(--e));--ce:min(1, var(--e));left:var(--ill-left,50%);top:var(--ill-top,50%);width:calc(100% * var(--ill-scale,1.3));aspect-ratio:1;translate:-50% var(--ill-shift,-45%);pointer-events:none;transition:opacity 1.2s var(--ill-ease);position:absolute}[data-ill=root][data-dim] [data-ill=stage]{opacity:.55}[data-ill=root] [data-ill=persp]{perspective:calc(var(--u) * var(--persp));perspective-origin:50% 42%;position:absolute;inset:0}[data-ill=root] [data-ill=cam]{width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(var(--pitch) * 1deg)) rotateY(calc(var(--yaw) * 1deg));position:absolute;top:66%;left:50%}[data-ill=root] :is([data-ill=pt],[data-ill=grp]){transform:var(--tf);position:absolute;top:0;left:0}[data-ill=root] [data-ill=grp]{width:0;height:0;transform-style:preserve-3d}[data-ill=root] [data-ill=pt]{opacity:var(--o);width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h));left:calc(var(--u) * var(--w) * -.5);top:calc(var(--u) * var(--h) * -.5);border-radius:var(--r)}[data-ill=root] [data-pane]{backface-visibility:visible;overflow:hidden}[data-ill=root] [data-kind=art]{overflow:visible}[data-ill=root] [data-cls~=hide-back]{backface-visibility:hidden}[data-ill=root] [data-ill=art]{position:absolute;inset:0}[data-ill=root] [data-ill=art]>svg,[data-ill=root] [data-ill=art]>.art{width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-ill=root] .art>svg{width:100%;height:100%;display:block;overflow:visible}[data-ill=root] [data-ill=art]>.slice{left:calc(var(--u) * var(--sl));width:calc(var(--u) * var(--sw))}[data-ill=root] [data-ill=art]>.lens-in{width:calc(var(--u) * var(--lw));height:calc(var(--u) * var(--lh));margin-left:calc(var(--u) * var(--lw) * -.5);margin-top:calc(var(--u) * var(--lh) * -.5);top:50%;left:50%}[data-ill=root] [data-kind=glass]{background:var(--grain) 0 0 / 120px 120px, linear-gradient(158deg, var(--glass-a) 0%, var(--glass-b) 46%, var(--glass-c) 100%);box-shadow:inset 0 0 0 calc(var(--u) * .7) var(--glass-edge), inset calc(var(--u) * 1.4) calc(var(--u) * 1.4) 0 color-mix(in srgb, var(--color-white) 28%, transparent)}[data-ill=root] [data-kind=paper]{background:var(--grain) 0 0 / 120px 120px, linear-gradient(162deg, color-mix(in srgb, var(--color-white) 55%, transparent), transparent 55%, color-mix(in srgb, var(--color-green-900) 7%, transparent)), var(--paper,var(--color-white));box-shadow:inset 0 0 0 calc(var(--u) * .5) color-mix(in srgb, var(--color-white) 70%, transparent), inset 0 calc(var(--u) * -1) 0 color-mix(in srgb, var(--color-green-900) 8%, transparent)}[data-ill=root] [data-kind=dark]{background:var(--grain) 0 0 / 120px 120px, linear-gradient(160deg, color-mix(in srgb, var(--color-white) 12%, transparent), transparent 50%, color-mix(in srgb, var(--color-black) 18%, transparent)), var(--paper,var(--color-green-800));box-shadow:inset 0 0 0 calc(var(--u) * .6) color-mix(in srgb, var(--color-lime-400) 35%, transparent), inset calc(var(--u) * 1) calc(var(--u) * 1) 0 color-mix(in srgb, var(--color-white) 12%, transparent)}[data-ill=root] [data-ill=sheen]{background:linear-gradient(105deg, transparent 40%, color-mix(in srgb, var(--color-white) 55%, transparent) 50%, transparent 60%);pointer-events:none;position:absolute;inset:-20% -60%;transform:translate(-120%)}[data-ill=root] [data-ill=spec]{background:radial-gradient(closest-side at 50% 50%, color-mix(in srgb, var(--color-white) 38%, transparent), transparent);transform:translate(calc(-30% - (var(--yaw) - var(--rest-yaw)) * 2.2%), calc(-34% + (var(--pitch) - var(--rest-pitch)) * 2.6%));pointer-events:none;position:absolute;inset:-40%}[data-ill=root] [data-ill=cast]{left:calc(var(--u) * var(--cx));top:calc(var(--u) * var(--cy));width:calc(var(--u) * var(--cw));height:calc(var(--u) * var(--ch));border-radius:calc(var(--u) * var(--cr));background:var(--cast-c);box-shadow:0 0 calc(var(--u) * 10) calc(var(--u) * 3) var(--cast-c);opacity:calc(1 - .7 * var(--ce));transform:translate(calc(var(--u) * (3 + 6 * var(--ce))), calc(var(--u) * (3 + 8 * var(--ce))));pointer-events:none;position:absolute}[data-ill=root] [data-kind=shadow]{background:radial-gradient(closest-side, var(--shadow-c), transparent);border-radius:50%}[data-ill=root] [data-kind=disc]{border-radius:50%}[data-ill=root] [data-cls~=disc-top]{background:var(--grain) 0 0 / 120px 120px, radial-gradient(120% 90% at 30% 25%, color-mix(in srgb, var(--color-white) 55%, transparent), transparent 60%), linear-gradient(150deg, var(--disc-a), var(--disc-b));box-shadow:inset 0 0 0 calc(var(--u) * 1) var(--rim), inset 0 0 calc(var(--u) * 14) color-mix(in srgb, var(--color-white) 35%, transparent)}[data-ill=root] [data-cls~=disc-mid]{background:linear-gradient(150deg, var(--disc-m1), var(--disc-m2));box-shadow:inset 0 0 0 calc(var(--u) * .7) var(--rim-soft)}[data-ill=root] [data-kind=ground]{background:radial-gradient(closest-side, var(--ground-c), transparent);border-radius:50%}[data-ill=root] text{font-family:var(--font-mono)}[data-ill=root] svg .a{transform-box:fill-box;transform-origin:50%}[data-ill=root] svg .ln{stroke:var(--ln)}[data-ill=root] svg .txt{fill:var(--txt)}[data-ill=root] svg .minute{transform-origin:17px 17px}[data-ill=root] .shade{opacity:0;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--color-green-900) 55%, transparent), color-mix(in srgb, var(--color-green-900) 20%, transparent));position:absolute;inset:0}[data-ill=root] .shade.r{background:linear-gradient(270deg, color-mix(in srgb, var(--color-green-900) 55%, transparent), color-mix(in srgb, var(--color-green-900) 20%, transparent))}[data-ill=root] [data-cls~=tp-face][data-kind=paper]{background:var(--grain) 0 0 / 120px 120px, var(--paper);box-shadow:none}[data-ill=root] [data-cls~=tp-face] .shade{background:color-mix(in srgb, var(--color-green-900) 42%, transparent)}[data-ill=root] .shade.lift{background:linear-gradient(90deg, color-mix(in srgb, var(--color-green-900) 50%, transparent), transparent 70%)}[data-ill=root] .shade.lift.r{background:linear-gradient(270deg, color-mix(in srgb, var(--color-green-900) 50%, transparent), transparent 70%)}[data-ill=root][data-surface=dark]{--glass-a:color-mix(in srgb, var(--color-white) 56%, transparent);--glass-b:color-mix(in srgb, var(--color-white) 22%, transparent);--glass-c:color-mix(in srgb, var(--color-white) 30%, transparent);--glass-edge:color-mix(in srgb, var(--color-white) 62%, transparent);--shadow-c:#04120c8c;--ground-c:#04120c80;--cast-c:#06181052;--disc-a:color-mix(in srgb, var(--color-white) 30%, transparent);--disc-b:color-mix(in srgb, var(--color-white) 8%, transparent);--disc-m1:color-mix(in srgb, var(--color-white) 16%, transparent);--disc-m2:color-mix(in srgb, var(--color-white) 4%, transparent);--rim-soft:color-mix(in srgb, var(--color-white) 22%, transparent);--ln:var(--color-lime-400);--txt:color-mix(in srgb, var(--color-white) 82%, transparent)}[data-ill=root][data-surface=light]{--glass-a:color-mix(in srgb, var(--color-white) 84%, transparent);--glass-b:#d0e9d9a8;--glass-c:#96c6aa94;--glass-edge:color-mix(in srgb, var(--color-green-600) 55%, transparent);--shadow-c:color-mix(in srgb, var(--color-green-900) 38%, transparent);--ground-c:color-mix(in srgb, var(--color-green-900) 26%, transparent);--cast-c:color-mix(in srgb, var(--color-green-900) 20%, transparent);--disc-a:color-mix(in srgb, var(--color-white) 96%, transparent);--disc-b:#cde4d4f2;--disc-m1:#aaceb8f2;--disc-m2:#78a58ce6;--rim-soft:color-mix(in srgb, var(--color-green-600) 22%, transparent);--ln:var(--color-green-600);--txt:var(--color-ink-800)}[data-ill=root][data-surface=dark] [data-cls~=frost]{--glass-a:color-mix(in srgb, var(--color-white) 50%, transparent);--glass-b:#285a468c;--glass-c:#1e463799}[data-ill=root][data-surface=light] [data-cls~=frost]{--glass-a:color-mix(in srgb, var(--color-white) 92%, transparent);--glass-b:#e8f4eccc;--glass-c:#cde6d6c2}[data-ill=root][data-surface=dark] [data-cls~=solid]{--glass-a:color-mix(in srgb, var(--color-white) 58%, transparent);--glass-b:#346852bd;--glass-c:#24503ecc;--glass-edge:color-mix(in srgb, var(--color-white) 70%, transparent)}[data-ill=root][data-surface=light] [data-cls~=solid]{--glass-a:color-mix(in srgb, var(--color-white) 94%, transparent);--glass-b:#ecf6efdb;--glass-c:#d4ebdcd6;--glass-edge:color-mix(in srgb, var(--color-green-600) 60%, transparent)}@media print{[data-ill=root] [data-ill=stage]{opacity:1}}}