:root{--hue: 262}:root{--sea: var(--paper);--land: var(--paper-3);--coast: var(--line-strong);--tick: var(--ink-3)}[hidden]{display:none!important}.head{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--s3);width:100%}.hintRow{display:flex;justify-content:center}.hintRow:empty{display:none}.head .hint{margin:0;max-width:34ch;text-align:center;text-wrap:balance}.glyph{width:46px;height:46px;border-radius:var(--r-full);display:grid;place-items:center;background:var(--paper-2);color:var(--ink)}.glyph svg{width:26px;height:26px;overflow:visible}.glyph svg [data-s]{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.glyph svg [data-f]{fill:currentColor;stroke:none}.glyph[data-anim] svg [data-draw]{stroke-dasharray:60;stroke-dashoffset:60;animation:gdraw .62s var(--ease-o) .12s forwards}.glyph[data-anim] svg [data-pop]{transform-origin:12px 12px;animation:gpop .52s var(--ease-o) both}.glyph[data-anim] svg [data-fade]{animation:gfade .42s var(--ease) .26s both}@keyframes gdraw{to{stroke-dashoffset:0}}@keyframes gpop{0%{transform:scale(1.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gfade{0%{opacity:0}to{opacity:1}}.prompt{color:var(--ink)}.board{position:relative;flex:0 0 auto;width:300px;height:300px;border-radius:var(--r-md);background:var(--sea);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1);transform-origin:50% 0;transition:transform var(--d-slow) var(--ease-o);touch-action:none;-webkit-user-select:none;user-select:none}.board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#ink{cursor:crosshair}.board .inset{inset:auto auto 10px 10px;width:104px;height:52px;border-radius:var(--r-sm);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1);pointer-events:none}.dock .row{display:flex;align-items:center;gap:var(--s2)}.btn.grow{flex:1 1 auto}.btn.icon{flex:0 0 auto;width:var(--tap);height:var(--tap);padding:0;display:grid;place-items:center;border-radius:var(--r-full)}.btn.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.btn.icon[data-off]{opacity:.3;pointer-events:none}.sheet{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--s3);max-height:calc(100dvh - 240px)}#shapeBar,#napkin,#fact{display:none!important}.dist{margin:var(--s2) 0 var(--s3)}.dist .dist__area{fill:color-mix(in oklab,var(--accent) 18%,var(--paper));stroke:var(--accent);stroke-width:.9}.dist .dist__note{display:none}.sheet__verdict{margin:0}.beat .dist__note{display:none}.sheet__scroll{display:grid;gap:var(--s2);align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain}.sheet[data-more] .sheet__scroll{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 16px),transparent)}.sheet:not([data-open]){pointer-events:none}.sheet__fact{margin:0;line-height:1.45}.factor{margin:0;align-items:baseline}.factor__dir{text-transform:none}.bar{display:grid;gap:5px}.bar .label{display:flex;justify-content:space-between;align-items:baseline}.bar .label b{color:var(--ink);font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}.bar i{display:block;height:6px;border-radius:var(--r-full);background:var(--paper-3);overflow:hidden}.bar i>b{display:block;height:100%;width:100%;background:var(--truth);transform:scaleX(0);transform-origin:left center;transition:transform var(--d-slow) var(--ease-o)}.dist{margin:0}.dist .dist__svg{height:40px!important}.dist .dist__note{margin-top:0}.sheet #next{margin-top:var(--s1)}.summary{display:flex;flex-direction:column;align-items:center;gap:var(--s3);width:100%;text-align:center}.summary .mega{margin:0}.summary__cap{margin:-6px 0 var(--s2);font-size:var(--t-xs);color:var(--ink-3);font-weight:500}.strip{display:grid;gap:0;width:100%}.strip .srow{grid-template-columns:44px 1fr auto;padding:var(--s2) 0;text-align:left}.strip .srow:first-child{border-top:1px solid var(--line)}.strip .srow:last-child{border-bottom:1px solid var(--line)}.strip canvas{width:44px;height:44px;border-radius:var(--r-sm);background:var(--sea);box-shadow:inset 0 0 0 1px var(--line)}.srow__what{min-width:0}.srow__what b{display:block;font-size:var(--t-sm);font-weight:650;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srow__what span{font-size:var(--t-xs);color:var(--ink-3)}.strip .srow[data-worst] .srow__what b,.strip .srow[data-worst] .srow__f{color:var(--accent)}.summary__line{margin:var(--s2) 0 0;max-width:30ch;font-size:var(--t-md);font-weight:500;color:var(--ink-2);line-height:1.4;text-wrap:balance}.app[data-reveal] .head{opacity:0;pointer-events:none}.head{transition:opacity var(--d-mid) var(--ease)}.app[data-done] .head,.app[data-done] .inset{display:none}.app:not([data-done]) .summary{display:none}@media (max-height: 620px){.glyph{display:none}.head,.sheet,.sheet__scroll{gap:var(--s2)}.sheet{max-height:82dvh}.sheet__fact{display:none}.head .hint{font-size:var(--t-xs)}}html[data-hero] .head{gap:var(--s2)}@media (min-width: 900px){html[data-hero] .head .prompt{font-size:clamp(2rem,3.6vw,3rem)}}.glyph{display:none}#sumLine{display:none!important}@media (min-width: 900px){.glyph{width:clamp(64px,14vh,100px);height:clamp(64px,14vh,100px)}.glyph svg{width:60%;height:60%}}html:not([data-hero]) .sheet__scroll{display:grid;grid-template-columns:1fr auto;column-gap:0;row-gap:0;align-items:baseline}html:not([data-hero]) .sheet__scroll>.factor{grid-column:1 / -1;display:block;margin:0}html:not([data-hero]) .sheet__scroll>.factor .factor__dir{display:block;margin-top:var(--s1);font-size:var(--t-sm);font-weight:400;letter-spacing:0;line-height:1.35;color:var(--ink-3)}html:not([data-hero]) .sheet__scroll>.factor.factor--spot .factor__dir{color:var(--good)}html:not([data-hero]) .sheet__scroll>.sheet__verdict{grid-column:1 / -1;margin:var(--s3) 0 0;font-size:var(--t-md);font-weight:500;color:var(--ink);text-wrap:balance}html:not([data-hero]) .sheet__scroll>.dist,html:not([data-hero]) .sheet__scroll>.sheet__fact{display:none!important}html:not([data-hero]) .sheet__scroll>.beat,html:not([data-hero]) .sheet__scroll>.sheet__src{margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid var(--line);align-self:start}html:not([data-hero]) .sheet__scroll>.beat{grid-column:1;font-size:var(--t-sm);line-height:1.35;padding-right:var(--s4)}html:not([data-hero]) .sheet__scroll>.beat b{font-weight:400}html:not([data-hero]) .sheet__scroll>.sheet__src{grid-column:2;min-height:0;padding-bottom:0;white-space:nowrap;line-height:calc(var(--t-sm) * 1.35);text-align:right}@media (min-width: 900px){html:not([data-hero]) .sheet{@media (max-height: 699px){left:max(var(--s5),env(safe-area-inset-left));right:max(var(--s5),env(safe-area-inset-right))}padding-left:var(--s6);padding-right:var(--s6)}html:not([data-hero]) .sheet__scroll{grid-template-columns:auto 1fr auto;column-gap:var(--s5);row-gap:var(--s1);align-items:end}html:not([data-hero]) .sheet__scroll>.factor{grid-column:1;grid-row:1}html:not([data-hero]) .sheet__scroll>.beat{grid-column:1;grid-row:2;margin:0;padding:0;border:0;font-size:var(--t-md)}html:not([data-hero]) .sheet__scroll>.sheet__verdict{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;font-size:var(--t-lg);max-width:32ch}html:not([data-hero]) .sheet__scroll>.sheet__src{grid-column:3;grid-row:1;align-self:start;margin:0;padding:0;border:0}html:not([data-hero]) .sheet #next{max-width:460px;justify-self:center;width:100%}}.duelline__km{font-variant-numeric:tabular-nums}.summary .mega.mega--pct{display:flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;white-space:nowrap;gap:0 .3em;width:100%;overflow:hidden;font-size:clamp(2.25rem,9vw,3.25rem)}.mega--pct .mega__pre,.mega--pct .mega__dir{font-size:var(--t-md);font-weight:400;color:var(--ink-2);letter-spacing:0;line-height:1.35}.mega--pct .mega__n{white-space:nowrap}.mega--pct .unit{font-size:.6em}.strip.dstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0;border:0}.dstrip__i{appearance:none;border:0;background:transparent;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink);cursor:pointer;border-radius:12px;font:inherit}.dstrip__i:hover,.dstrip__i.is-on{background:var(--paper-2)}.dstrip__i:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.strip.dstrip canvas.dstrip__map{width:44px;height:44px;border-radius:var(--r-sm);background:var(--sea);box-shadow:none}.dstrip__km{font-size:var(--t-xs);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.dstrip__i.is-on .dstrip__km{color:var(--accent)}.dstrip__i[data-spot] .dstrip__km{color:var(--good)}.app[data-done] .summary{gap:var(--s2)}.app[data-done] .daybeat{display:none}.dayend__sil img.ww-morgen{max-width:52px;max-height:52px;border-radius:8px}@media (min-width: 900px) and (min-height: 700px){.strip.dstrip canvas.dstrip__map{width:56px;height:56px}.dstrip__km{font-size:var(--t-sm)}}.app[data-done] .infodot{display:none}.board .ww-dayname{position:absolute;top:8px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);padding:3px 10px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 1px 3px #00000014;font-size:var(--t-xs);font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:2}.app:not([data-done]) .board .ww-dayname{display:none}