:root{--enamel:#fbf7ee;--gilt:#d8b45e;--ink:#1f1b16;--ink-soft:#5b5246;--paper:#ece6da;--rule:#1f1b168c;--rule-soft:#1f1b162e;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--steel:#233a78;--vignette:.12}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;transition:background-color .8s}body:before{background:radial-gradient(ellipse at 50% 42%,transparent 50%,rgba(60,40,15,var(--vignette)) 100%);content:"";pointer-events:none;position:fixed;inset:0}.paints{width:0;height:0;position:absolute}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.numeral{fill:var(--ink);font-family:var(--serif);text-anchor:middle;font-size:17px}.numeral--large{font-size:36px}.maker{fill:var(--ink);letter-spacing:.22em;font-size:12px}.maker,.maker-sub{font-family:var(--serif);text-anchor:middle}.maker-sub{fill:var(--ink-soft);font-size:12.5px;font-style:italic}.window-text{fill:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-size:19px}.svg-label,.window-text{font-family:var(--serif);text-anchor:middle}.svg-label{fill:var(--ink-soft);font-size:14px}.carved{fill:#5a4020;font-size:15px}.carved,.tiny{font-family:var(--serif);text-anchor:middle}.awake-glow{animation:2.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.9}}.smoke{animation:2.4s ease-out infinite smoke}@keyframes smoke{0%{opacity:.7;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-in-out infinite alternate flicker}@keyframes flicker{0%{transform:scale(1)}to{transform:scale(.85,1.12)}}.drip{animation:1.3s ease-in infinite drip}@keyframes drip{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(9px)}}@media (prefers-reduced-motion:reduce){.awake-glow,.drip,.flame,.smoke{animation:none}}.brass-button{border:1px solid var(--rule);color:var(--ink);cursor:pointer;font:inherit;background:0 0;padding:6px 14px;font-size:15px}.brass-button:hover{background:#d8b45e2e}.brass-button:disabled{color:#1f1b1659;cursor:default}.text-link{color:var(--steel);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid;padding:2px 0;font-size:15px;text-decoration:none}.brass-button:focus-visible,.text-link:focus-visible{outline:2px solid var(--steel);outline-offset:3px}.sound-toggle{border:1px solid var(--rule);color:var(--ink);cursor:pointer;height:40px;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:6;background:0 0;border-radius:50%;width:40px;padding:0;position:fixed}.sound-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:20px;height:20px}.clock-page{height:100dvh;overflow:hidden}.hub{flex-direction:column;justify-content:center;gap:10px;padding:16px;position:fixed;inset:0}.hub,.stage{align-items:center;display:flex}.stage{gap:clamp(12px,3vw,30px)}.clock-holder{aspect-ratio:1;width:min(76vw,68vh,640px)}.clock-holder svg{width:100%;height:100%;display:block;overflow:visible}.layer{transition:opacity .7s}.era-caption{text-align:center;margin:4px 0 0;font-size:17px}.era-caption b{font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;font-size:14px;font-weight:400}.hub__hint{color:var(--ink-soft);text-align:center;max-width:36em;margin:0;font-size:16px;line-height:1.4}.hub__hint small{margin-top:2px;font-size:13.5px;display:block}.medallion{cursor:pointer;outline:none}.medallion.is-empty{cursor:default}.medallion__focus{opacity:0}.medallion:focus-visible .medallion__focus{opacity:1}.medallion__inner{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.medallion:hover .medallion__ring{stroke:#f3d98c}.lift{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:relative}.lift.is-dragging{cursor:grabbing}.lift:focus-visible .lift__knob{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--steel)}.lift__window{width:112px;height:calc(min(76vw,68vh,640px)/1.19048);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.lift__shaft{position:absolute;top:0;left:0;right:0}.lift__shaft.is-settling{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.lift__rail{background:linear-gradient(90deg,#8f6a30,#f1dca4 45%,#a77d3c);border-radius:5px;width:8px;position:absolute;top:0;left:16px;box-shadow:inset 0 0 0 1px #3c280f59}.lift__stop{cursor:pointer;height:0;position:absolute;left:0;right:0}.lift__stop:before{content:"";background:#5b4420;width:20px;height:2px;position:absolute;top:-1px;left:10px}.lift__label{color:var(--ink-soft);white-space:nowrap;font-size:13px;position:absolute;top:-9px;left:38px}.lift__stop--here .lift__label{color:var(--ink)}.lift__stop--closed:before{background:0 0;border:1px solid #5b442099;width:18px;height:4px;top:-2px}.lift__stop--closed .lift__label{opacity:.6;font-style:italic}.lift__knob{background:radial-gradient(circle at 35% 30%,#fbecc0,#c49a52 55%,#6f5124);border-radius:50%;width:30px;height:30px;position:absolute;top:0;left:20px;transform:translate(-50%,-50%);box-shadow:0 3px 8px #28190573,inset 0 0 0 1px #3c280f80}.lift__shaft.is-settling .lift__knob{transition:top .35s cubic-bezier(.2,.7,.2,1)}.lift__bubble{background:var(--enamel);border:1px solid var(--rule);color:var(--ink);opacity:0;pointer-events:none;white-space:nowrap;padding:4px 10px;font-size:14px;transition:opacity .2s;position:absolute;right:calc(100% + 10px);transform:translateY(-50%)}.lift__bubble.is-shown{opacity:1}@media (width<=560px){.lift__label{display:none}.lift__window{width:40px}.stage{gap:8px}}.piece{background:var(--paper);opacity:0;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));pointer-events:none;z-index:5;justify-content:center;align-items:center;transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed;inset:0;transform:scale(.2)}.piece.is-open{opacity:1;pointer-events:auto;transform:none}.case{background:var(--enamel);border:1px solid var(--rule);box-shadow:inset 0 0 0 3px var(--enamel),inset 0 0 0 4px #1f1b1640,0 18px 40px -24px #2819058c;flex-direction:column;width:100%;max-width:1040px;height:100%;max-height:900px;display:flex;overflow:hidden}.case__object{border-bottom:1px solid var(--rule-soft);background:radial-gradient(at 50% 45%,#fffdf7,#efe7d6);flex:none;justify-content:center;align-items:center;padding:10px;display:flex}.case__object svg{touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,42vh);height:auto;display:block}.case__label{flex-direction:column;flex:auto;min-height:0;padding:16px 20px 0;display:flex;overflow-y:auto}@media (aspect-ratio<=5/4),(width<=859px){.challenge{border-top:0;order:1;padding-top:0}.tale{border-top:1px solid var(--rule-soft);order:2;padding-top:12px}.otd{order:3}.case__nav{order:4}}@media (width>=860px) and (aspect-ratio>=5/4){.case{flex-direction:row;height:min(88vh,680px)}.case__object{border-bottom:0;border-right:1px solid var(--rule-soft);flex:58%}.case__object svg{width:min(100%,80vh)}.case__label{flex:42%;padding:26px 28px 0}}.kicker{color:var(--ink-soft);font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;margin:0 0 4px;font-size:13px}.case__title{margin:0 0 10px;font-size:28px;font-weight:400;line-height:1.15}.tale{margin:0 0 14px;font-size:17px;line-height:1.5}.challenge{border-top:1px solid var(--rule-soft);padding:12px 0 4px}.challenge__goal{margin:0 0 6px;font-size:16px;line-height:1.45}.challenge__goal b,.otd__head{color:var(--ink);font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;margin-right:6px;font-size:12px;font-weight:400}.challenge__status{color:var(--steel);min-height:1.45em;margin:0 0 10px;font-size:16px;line-height:1.45}.challenge__status.is-solved{color:#6b4f12}.controls{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.otd{border-top:1px solid var(--rule-soft);padding:12px 0 6px}.otd__event{margin:4px 0 6px;font-size:15.5px;line-height:1.45}.credit,.otd__event{color:var(--ink-soft)}.credit{margin:4px 0 0;font-size:12px}.case__nav{background:var(--enamel);border-top:1px solid var(--rule-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;margin-top:auto;padding:12px 0 14px;display:flex;position:sticky;bottom:0}.daily{max-width:1100px;padding:max(18px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:14px;margin:0 auto;display:flex}.daily__head{text-align:center}.daily__home{color:var(--ink-soft);font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;font-size:12px;text-decoration:none}.daily__title{margin:4px 0 0;font-size:30px;font-weight:400}.daily__date{color:var(--ink-soft);font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;min-height:1.3em;margin:4px 0 0;font-size:13px}.marks{gap:10px;margin-top:10px}.mark,.marks{justify-content:center;display:flex}.mark{border:1px solid var(--rule);color:var(--ink-soft);border-radius:50%;align-items:center;width:30px;height:30px;font-size:12px}.mark.is-current{border-color:var(--ink);color:var(--ink);box-shadow:0 0 0 2px #d8b45e99}.mark.is-good{background:#f3d98c}.mark.is-close,.mark.is-good{color:var(--ink);border-color:#8a6a2a}.mark.is-close{background:linear-gradient(90deg,#f3d98c 50%,#0000 0)}.mark.is-miss{background:#1f1b1614}.daily__intro{text-align:center;max-width:560px}.daily__intro p{font-size:17px;line-height:1.5}.board{justify-content:center;align-items:flex-start;gap:28px}.board,.panel{width:100%;display:flex}.panel{flex-direction:column;align-items:center;gap:10px;max-width:480px}.panel svg{touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,52vh);height:auto;display:block}.panel__label{color:var(--ink-soft);font-variant:small-caps;letter-spacing:.14em;text-transform:lowercase;margin:0;font-size:12px}.panel__name{font-size:22px;font-weight:400}.context,.panel__name{text-align:center;margin:0}.context{font-size:16px;line-height:1.5}.answer-row{align-items:center;gap:14px;display:flex}.readout{font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:22px}.setter:focus-visible{outline:2px solid var(--steel);outline-offset:3px}.result{background:var(--enamel);border:1px solid var(--rule);box-shadow:inset 0 0 0 3px var(--enamel),inset 0 0 0 4px #1f1b1640;width:100%;max-width:640px;padding:16px 20px}.result__line{margin:0 0 6px;font-size:17px;line-height:1.5}.result__how{color:var(--ink-soft);margin:0 0 12px;font-size:15.5px;line-height:1.5}.summary{text-align:center}.summary__score{margin:6px 0;font-size:44px}.summary__rows{border-collapse:collapse;margin:10px auto 14px}.summary__rows td{border-top:1px solid var(--rule-soft);text-align:left;padding:6px 10px;font-size:15.5px}.summary__rows td:last-child{text-align:right}.share{border:1px dashed var(--rule);white-space:pre-line;background:#fffdf6;max-width:420px;margin:8px auto 12px;padding:10px;font-size:15px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions a.brass-button{text-decoration:none}.drop{animation:1.3s ease-in infinite drop}@keyframes drop{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}@media (width<=760px){.daily{gap:10px}.daily__title{font-size:24px}.board{flex-direction:column;align-items:center;gap:10px}.panel{gap:6px}.panel__name{font-size:19px}.context{font-size:15px}.panel svg{width:min(100%,32vh)}.panel--setter svg{width:min(64%,27vh)}}.label{fill:var(--ink-soft);font-family:var(--serif);text-anchor:middle;font-size:13px}