@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--default-font-family:var(--font-interface);--default-mono-font-family:var(--font-clock)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--background:#020a12;--foreground:#f4f0e8;--muted:#aab8c2;--accent:#e9c97d;--accent-bright:#f5d990;--line:#d3e6ee2e;--surface:#05121db8;--font-interface:"Segoe UI", Arial, sans-serif;--font-clock:"Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-interface);margin:0;overflow:hidden}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}.site-shell{isolation:isolate;background:#020912;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100svh;min-height:35rem;display:grid;position:relative;overflow:hidden}.nightscape{z-index:-3;filter:saturate(.82)contrast(1.04);background-image:linear-gradient(#01070e1a 0%,#01080f24 46%,#00050aa3 100%),linear-gradient(90deg,#00050a52,#0000 28% 72%,#00050a52),url(/horar-nightscape.png);background-position:50%;background-size:cover;animation:16s ease-out both settle;position:absolute;inset:-1.5%}.site-shell:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 0,#01081014 40%,#00050b80 100%),linear-gradient(#01070d47,#0000 25% 70%,#0004096b);position:absolute;inset:0}.star-glow{z-index:-1;background:var(--accent-bright);border-radius:999px;width:3px;height:3px;animation:4.5s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 18px 4px #f5d99047}.star-glow-one{top:17%;left:18%}.star-glow-two{animation-delay:-2.1s;top:26%;right:19%}.site-header,.site-footer{z-index:2;justify-content:space-between;align-items:center;width:100%;padding-inline:clamp(1.25rem,4vw,4.5rem);display:flex;position:relative}.site-header{background:linear-gradient(#0108107a,#0000);border-bottom:1px solid #d2e8f01c;min-height:clamp(4.5rem,9vh,6rem)}.brand{color:#f7f3e9;letter-spacing:-.03em;align-items:center;gap:.7rem;font-size:1.08rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-dot{color:var(--accent)}.clock-mark{background:#06141f8a;border:1px solid #f0d5953d;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid;box-shadow:inset 0 0 0 3px #e8c97d08}.clock-mark svg{fill:none;width:1.5rem;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px}.clock-mark .clock-center{fill:var(--accent);stroke:none}.game-label{color:#e2ebeeb3;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.7rem;font-weight:600;display:inline-flex}.game-label>span{background:var(--accent);border-radius:50%;width:.38rem;height:.38rem;box-shadow:0 0 12px #e9c97d8c}.hero{z-index:1;place-items:center;min-height:0;padding:clamp(.75rem,2.4vh,1.6rem) 1.25rem;display:grid;position:relative}.time-orbit{z-index:-1;aspect-ratio:1;opacity:.7;border:1px solid #e1eff317;border-radius:50%;width:min(43rem,72vw);position:absolute;box-shadow:0 0 0 4.6rem #d8e8ed04,0 0 0 4.67rem #d8e8ed06}.time-orbit:before,.time-orbit:after{content:"";background:var(--accent);border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #e9c97d73}.time-orbit:before{transform:translate(-50%,-50%)rotate(32deg)translateY(calc(min(43rem,72vw)/-2))}.time-orbit:after{transform:translate(-50%,-50%)rotate(214deg)translateY(calc(min(43rem,72vw)/-2))}.game-card{-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);background:linear-gradient(135deg,#0b1f2cd4,#030f19c4),#04111bc2;border:1px solid #cee4ec38;border-radius:1.65rem;width:min(52rem,100vw - 2.5rem);animation:.8s cubic-bezier(.22,.85,.3,1) both card-rise;overflow:hidden;box-shadow:0 2.5rem 7rem #0003087a,inset 0 1px #ffffff0f}.card-heading{text-align:center;padding:clamp(1.5rem,3.4vh,2.5rem) clamp(1.5rem,4vw,3.5rem) clamp(1.2rem,2.5vh,1.8rem)}.eyebrow{color:var(--accent);letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:.7rem;margin:0 0 .75rem;font-size:.7rem;font-weight:650;display:inline-flex}.eyebrow>span{background:linear-gradient(90deg, transparent, var(--accent));width:1.75rem;height:1px}.card-heading h1{color:#f8f4ec;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 0 2rem #98cddf14;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,5.5vw,4.7rem);font-weight:400;line-height:.98}.intro{max-width:37rem;color:var(--muted);text-wrap:balance;margin:1rem auto 0;font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.6}.rules{grid-template-columns:repeat(3,1fr);margin:0;padding:0 clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,2.8vh,2rem);list-style:none;display:grid}.rule{border-left:1px solid var(--line);min-width:0;padding:0 1.35rem}.rule:first-child{border-left:0;padding-left:0}.rule:last-child{padding-right:0}.rule-topline{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.rule-icon{width:1.65rem;height:1.65rem;color:var(--accent);place-items:center;display:grid}.rule-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:1.45rem;height:1.45rem}.rule-number{color:#e2ebee59;font-family:var(--font-clock);letter-spacing:.08em;font-size:.66rem}.rule h2{color:#f2efe8;letter-spacing:-.01em;margin:0 0 .35rem;font-size:.9rem;font-weight:620}.rule p{color:#bcccd3bd;margin:0;font-size:.76rem;line-height:1.5}.card-footer{border-top:1px solid var(--line);background:#020b1352;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1rem,2.2vh,1.4rem) clamp(1.5rem,4vw,3.5rem);display:flex}.score-note{flex-direction:column;gap:.2rem;margin:0;display:flex}.score-note span{color:#b7c8d09e;letter-spacing:.12em;text-transform:uppercase;font-size:.67rem;font-weight:570}.score-note strong{color:#e7edf0;font-size:.84rem;font-weight:550}.start-button{color:#0a1820;cursor:pointer;letter-spacing:.11em;text-transform:uppercase;background:linear-gradient(120deg,#d6ae5b,#f0d288 55%,#d3a74e);border:1px solid #fde2a273;border-radius:999px;justify-content:space-between;align-items:center;gap:1.25rem;min-width:12.7rem;min-height:3.35rem;padding:.8rem .85rem .8rem 1.45rem;font-size:.76rem;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 .6rem 2.2rem #d4ab542e,inset 0 1px #ffffff94}.start-button svg{fill:none;stroke:#f5d990;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;background:#07151ce6;border-radius:50%;width:2rem;height:2rem;padding:.43rem;transition:transform .18s}.start-button:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 .9rem 2.6rem #d4ab5442,inset 0 1px #ffffffa6}.start-button:hover svg{transform:translate(2px)}.start-button:active{transform:translateY(0)}.play-card,.summary-card{-webkit-backdrop-filter:blur(20px)saturate(1.12);backdrop-filter:blur(20px)saturate(1.12);background:linear-gradient(135deg,#0b1f2ce6,#030f19eb),#04111be6;border:1px solid #cee4ec38;border-radius:1.65rem;width:min(82rem,100vw - 1.5rem);animation:.65s cubic-bezier(.22,.85,.3,1) both card-rise;overflow:hidden;box-shadow:0 2.5rem 7rem #00030885,inset 0 1px #ffffff0f}.hero-playing,.hero-summary{padding-block:clamp(.7rem,1.8vh,1.25rem)}.hero-playing .time-orbit,.hero-summary .time-orbit{opacity:.24}.play-card{grid-template-columns:minmax(0,1.48fr) minmax(23rem,.84fr);min-height:min(43rem,100svh - 8.5rem);display:grid}.round-photo{background:#06131d;min-height:31rem;position:relative;overflow:hidden}.photo-layers,.photo-layer{position:absolute;inset:0}.photo-layers{overflow:hidden}.photo-layer{will-change:opacity, transform}.photo-layer>img{object-fit:cover}.photo-layer-incoming{z-index:1}.photo-shade{background:linear-gradient(#02090f33 0%,#0000 38%,#02080ec7 100%),linear-gradient(90deg,#0000 65%,#020a1138);position:absolute;inset:0}.photo-meta{flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(1.5rem,3.2vw,2.6rem);display:flex;position:absolute;inset:0}.photo-meta>div p{color:var(--accent);font-family:var(--font-clock);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .55rem;font-size:.68rem;font-weight:600}.photo-meta h1{letter-spacing:-.055em;text-shadow:0 .3rem 2rem #00000047;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,4vw,4.4rem);font-weight:400;line-height:.95}.round-counter{color:#f5f0e7;font-family:var(--font-clock);font-size:.82rem;position:absolute;bottom:clamp(1.65rem,3.2vw,2.8rem);right:clamp(1.5rem,3.2vw,2.6rem)}.round-counter i{color:#dee8eb59;margin-inline:.25rem;font-style:normal}.answer-panel{border-left:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#2949582e,#0000 42%),#030e17b8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:0;padding:clamp(1.35rem,2.5vw,2.2rem);display:flex;position:relative}.answer-heading{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;display:flex}.compact-eyebrow{margin-bottom:.35rem;font-size:.58rem}.compact-eyebrow>span{width:1rem}.answer-heading h2{color:#f5f1e9;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2.2vw,1.9rem);font-weight:400}.selected-time{color:var(--accent-bright);font-family:var(--font-clock);letter-spacing:.04em;font-size:1.35rem;font-weight:500}.analog-clock{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 46%,#122a37fa,#04121dfa 68%),#071722;border:1px solid #ecdaaf42;border-radius:50%;flex:0 auto;width:19.25rem;max-width:88%;position:relative;box-shadow:0 1.4rem 3.5rem #00020661,inset 0 0 0 .45rem #ebd59e06,inset 0 0 2rem #02070ca6}.clock-bezel{border-radius:inherit;border:1px solid #d8e4e71a;position:absolute;inset:.55rem;box-shadow:inset 0 0 0 1px #030b1280}.clock-ticks,.clock-numbers{z-index:2;border-radius:inherit;position:absolute;inset:0}.score-radial{z-index:1;pointer-events:none;width:100%;height:100%;animation:.55s ease-out both score-ring-arrive;position:absolute;inset:0;overflow:visible}.score-sectors{filter:drop-shadow(0 0 .3rem #03090d59)}.correct-time-marker{stroke:#5ee582;stroke-linecap:round;stroke-width:3px;filter:drop-shadow(0 0 .35rem #5ee582bf)}.chosen-time-marker{filter:drop-shadow(0 0 .4rem)}.analog-clock.has-score-radial .clock-bezel{border-color:#dce8e92e}.tick{transform-origin:50% 100%;position:absolute;inset:.85rem 50% 50%}.tick:before{content:"";background:#d1e0e43d;width:1px;height:.24rem;position:absolute;top:0;left:-.5px}.tick-major:before{background:#e9c97dad;width:1.5px;height:.48rem}.clock-numbers>span{color:#eeefe9cc;width:1.3rem;height:1.3rem;font-family:var(--font-clock);place-items:center;font-size:.7rem;font-weight:500;display:grid;position:absolute;top:calc(50% - .65rem);left:calc(50% - .65rem)}.clock-hand{z-index:3;outline-offset:-.15rem;cursor:grab;transform-origin:50% 100%;touch-action:none;will-change:transform;background:0 0;border:0;justify-content:center;width:2.2rem;padding:0;transition:transform .14s cubic-bezier(.2,.72,.2,1);display:flex;position:absolute;bottom:50%;left:50%}.clock-hand:active{cursor:grabbing}.clock-hand:disabled{cursor:default}.clock-hand>span{pointer-events:none;background:currentColor;border-radius:999px 999px 0 0;width:.2rem;height:100%;display:block;box-shadow:0 0 .8rem}.hour-hand{color:#eee9df;height:5.15rem}.hour-hand>span{width:.27rem;box-shadow:0 0 .6rem #eee9df33}.minute-hand{height:7.05rem;color:var(--accent-bright)}.analog-clock.is-dragging .clock-hand{transition-duration:85ms;transition-timing-function:cubic-bezier(.18,.8,.25,1)}.analog-clock.is-animating .clock-hand{transition:transform 2s cubic-bezier(.45,.05,.2,1)}.clock-pin{z-index:5;background:var(--accent-bright);pointer-events:none;border:.2rem solid #071722;border-radius:50%;width:.86rem;height:.86rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 1rem #f5d9907a}.clock-instruction{color:#bccdd461;letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:.55rem;position:absolute;bottom:2.65rem;left:0;right:0}.precision-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:100%;display:grid}.time-stepper,.period-control{min-width:0}.time-stepper>span,.period-control>span{color:#b7c8d08c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem;font-size:.55rem;font-weight:650;display:block}.time-stepper>div,.period-control>div{background:#020a1175;border:1px solid #d2e4ea24;border-radius:.65rem;grid-template-columns:1.8rem minmax(2rem,1fr) 1.8rem;align-items:center;min-height:2.35rem;display:grid;overflow:hidden}.time-stepper button,.period-control button{color:#e0e9eba6;cursor:pointer;background:0 0;border:0;height:100%;padding:0}.time-stepper button:hover,.period-control button:hover{color:var(--accent-bright);background:#ead09114}.time-stepper button:disabled,.period-control button:disabled{cursor:default;opacity:.45}.time-stepper strong{color:#eef0eb;font-family:var(--font-clock);text-align:center;font-size:.8rem;font-weight:500}.period-control>div{grid-template-columns:repeat(2,1fr)}.period-control button{font-family:var(--font-clock);font-size:.68rem;font-weight:600}.period-control button[aria-pressed=true]{color:#0a1820;background:#e9c97deb}.confirm-button{color:#0a1820;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(120deg,#d6ae5b,#f0d288 55%,#d3a74e);border:1px solid #fde2a273;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.15rem;padding:.7rem .75rem .7rem 1.25rem;font-size:.7rem;font-weight:750;transition:transform .18s,filter .18s,opacity .18s;display:inline-flex}.confirm-button svg{fill:none;stroke:#f5d990;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;background:#07151ce6;border-radius:50%;width:1.8rem;height:1.8rem;padding:.4rem}.confirm-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.confirm-button:disabled{cursor:wait;opacity:.58}.feedback-slot{flex:0 0 6.5rem;width:100%;height:6.5rem;position:relative}.reveal-status{color:#dbe4e6b8;letter-spacing:.06em;justify-content:center;align-items:center;gap:.65rem;font-size:.68rem;display:flex;position:absolute;inset:0}.reveal-status>span{border:1px solid #e9c97d4d;border-top-color:var(--accent-bright);border-radius:50%;width:.65rem;height:.65rem;animation:.8s linear infinite spinner}.round-result{--score-color:var(--accent-bright);border:1px solid var(--score-color);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;height:100%;padding:.9rem 1.05rem;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.round-result{border:1px solid color-mix(in srgb, var(--score-color) 34%, transparent)}}.round-result{background:linear-gradient(110deg, var(--score-color), transparent 60%), #04111a94;border-radius:.85rem}@supports (color:color-mix(in lab, red, red)){.round-result{background:linear-gradient(110deg, color-mix(in srgb, var(--score-color) 11%, transparent), transparent 60%), #04111a94}}.round-result{box-sizing:border-box;will-change:opacity, transform}.round-result-copy{text-align:left;min-width:0}.round-result-copy>span,.round-points>span{color:#e7d7b1ad;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:650;display:block}.round-result-copy>strong{color:#f7f3eb;font-family:var(--font-clock);letter-spacing:.06em;margin-top:.2rem;font-size:1.85rem;font-weight:500;display:block}.round-result-copy p{color:#d4dee19e;margin:.2rem 0 0;font-size:.7rem}.round-result-copy .chosen-time-result{color:var(--foreground);align-items:baseline;gap:.5rem;margin-top:.55rem;display:flex}.chosen-time-result>span{color:var(--muted);font-size:.75rem;font-weight:650}.chosen-time-result>strong{color:var(--accent-bright);font-family:var(--font-clock);letter-spacing:.05em;font-size:1.2rem;font-weight:650}.round-points{border-left:1px solid var(--score-color);flex-direction:column;align-items:flex-end;min-width:4.6rem;padding-left:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.round-points{border-left:1px solid color-mix(in srgb, var(--score-color) 24%, transparent)}}.round-points>strong{color:var(--score-color);font-family:var(--font-clock);text-shadow:0 0 1rem var(--score-color);font-size:2rem;font-weight:650;line-height:1}@supports (color:color-mix(in lab, red, red)){.round-points>strong{text-shadow:0 0 1rem color-mix(in srgb, var(--score-color) 35%, transparent)}}.round-points>span{color:var(--score-color);margin-top:.28rem}@supports (color:color-mix(in lab, red, red)){.round-points>span{color:color-mix(in srgb, var(--score-color) 78%, #d7e1e4)}}.summary-card{grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 3rem;max-width:59rem;padding:clamp(1.5rem,4vw,3.25rem);display:grid;position:relative}.hero-summary{place-items:start center;overflow-y:auto}.hero-summary .summary-card{margin-block:auto}.summary-intro h1{color:#f8f4ec;letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.25rem);font-weight:400;line-height:.98}.summary-intro>p:last-child{max-width:34rem;color:var(--muted);margin:.85rem 0 0;font-size:.84rem;line-height:1.55}.score-medallion{aspect-ratio:1;background:radial-gradient(circle,#e9c97d24,#0000 68%),#030f1899;border:1px solid #e9c97d47;border-radius:50%;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:9.5rem;display:flex;box-shadow:0 0 3rem #d6ae5b14}.score-medallion span,.score-medallion small{color:#d2dde08f;letter-spacing:.11em;text-transform:uppercase;font-size:.56rem;font-weight:650}.score-medallion strong{color:var(--accent-bright);margin-block:.2rem;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:400;line-height:1}.summary-stats{border-block:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.summary-stats>div{border-left:1px solid var(--line);flex-direction:column;gap:.22rem;min-width:0;padding:1rem 1.25rem;display:flex}.summary-stats>div:first-child{border-left:0}.summary-stats strong{color:#f2efe7;font-family:var(--font-clock);font-size:1rem;font-weight:500}.summary-stats span{color:#b7c9cf94;letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.result-list{grid-column:1/-1;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.result-list li{background:#020b124d;border:1px solid #d1e3e91a;border-radius:.8rem;grid-template-columns:2rem 1fr 1fr 1.35fr;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.result-list div{flex-direction:column;gap:.13rem;display:flex}.result-index{color:#e7ce9480;font-family:var(--font-clock);font-size:.64rem}.result-list strong{color:#e9ece7;font-family:var(--font-clock);font-size:.78rem;font-weight:500}.result-list div>span{color:#b1c4cb80;letter-spacing:.06em;text-transform:uppercase;font-size:.55rem}.result-list .result-distance{text-align:right}.result-list .result-distance strong{color:var(--accent-bright)}.restart-button{grid-column:1/-1;justify-self:end}.site-footer{color:#c4d3d97d;letter-spacing:.04em;min-height:clamp(2.75rem,7vh,4rem);font-size:.68rem}.footer-motto{color:#e5d2a49e}@keyframes settle{0%{opacity:.75;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes card-rise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.72)}50%{opacity:1;transform:scale(1.18)}}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes score-ring-arrive{0%{opacity:0;transform:scale(.97)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:62rem){.play-card{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr)}.analog-clock{width:17rem}.clock-numbers>span{transform-origin:50%!important}}@media (max-width:50rem){.hero-playing,.hero-summary{display:block;overflow-y:auto}.play-card,.summary-card{width:100%;max-width:38rem;margin-inline:auto}.play-card{grid-template-columns:1fr}.round-photo{min-height:clamp(15rem,42vh,23rem)}.answer-panel{border-top:1px solid var(--line);border-left:0}.summary-card{margin-block:.25rem}}@media (max-width:43rem){.site-header{min-height:4.25rem}.game-label{font-size:0}.game-label>span{width:.45rem;height:.45rem}.hero{padding:.65rem .9rem}.game-card{border-radius:1.25rem;width:min(30rem,100vw - 1.8rem)}.card-heading{padding:1.25rem 1.25rem 1rem}.eyebrow{margin-bottom:.55rem;font-size:.62rem}.card-heading h1{font-size:clamp(2.3rem,12vw,3.25rem)}.intro{margin-top:.7rem;font-size:.83rem;line-height:1.45}.rules{grid-template-columns:1fr;gap:0;padding:0 1.25rem .85rem}.rule{border-top:1px solid var(--line);border-left:0;grid-template-columns:1.6rem minmax(0,1fr);column-gap:.75rem;padding:.55rem 0;display:grid}.rule:first-child{border-top:0}.rule-topline{grid-row:1/3;justify-content:center;align-items:start;margin:0}.rule-number{display:none}.rule h2{margin-bottom:.15rem;font-size:.81rem}.rule p{font-size:.7rem;line-height:1.4}.card-footer{padding:.85rem 1.25rem}.score-note{display:none}.start-button{width:100%;min-height:3.05rem}.site-footer{min-height:2.5rem}.footer-motto{display:none}.play-card,.summary-card{border-radius:1.25rem;width:100%}.round-photo{min-height:14.5rem}.photo-meta{padding:1.25rem}.photo-meta h1{font-size:2.35rem}.round-counter{bottom:1.35rem;right:1.25rem}.answer-panel{gap:.75rem;padding:1.15rem}.analog-clock{width:17rem;max-width:92%}.clock-numbers>span{transform-origin:50%}.precision-controls{grid-template-columns:repeat(2,1fr)}.period-control{grid-column:1/-1}.summary-card{grid-template-columns:1fr;gap:1.2rem;padding:1.35rem}.score-medallion{width:6.5rem;position:absolute;top:1rem;right:1rem}.score-medallion span{font-size:.45rem}.score-medallion strong{font-size:2.1rem}.score-medallion small{font-size:.43rem}.summary-intro{padding-right:6.2rem}.summary-intro h1{font-size:2.25rem}.summary-stats,.result-list,.restart-button{grid-column:1}.summary-stats>div{padding:.8rem .55rem}.result-list li{grid-template-columns:1.5rem 1fr 1fr;gap:.65rem}.result-distance{grid-column:2/-1}.restart-button{justify-self:stretch;width:100%}}@media (max-height:43rem) and (min-width:43.01rem){.site-header{min-height:4rem}.hero{padding-block:.65rem}.card-heading{padding-top:1.25rem;padding-bottom:1rem}.card-heading h1{font-size:3.4rem}.intro{margin-top:.65rem}.rules{padding-bottom:1rem}.card-footer{padding-block:.75rem}.site-footer{min-height:2.35rem}}@media (prefers-reduced-motion:reduce){.nightscape,.game-card,.star-glow{animation:none}.start-button,.start-button svg,.confirm-button,.clock-hand,.score-radial,.round-result,.photo-layer,.reveal-status>span{transition:none;animation:none}}:root{--surface-solid:#081925;--panel:#061520;--control:#04101b;--clock-face:#0b2130;--button-ink:#17212a;--theme-duration:.65s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-period=dawn]{--background:#080819;--foreground:#e9e6fa;--muted:#b0adc9;--accent:#c2b8ed;--accent-bright:#dbd3ff;--line:#a8a0d02e;--surface:#11102de8;--surface-solid:#12112b;--panel:#0e0e25;--control:#08091c;--clock-face:#181632}:root[data-period=morning]{--background:#cbdfe9;--foreground:#102f43;--muted:#365469;--accent:#355a75;--accent-bright:#1e4663;--line:#3a627b36;--surface:#edf5f5e6;--surface-solid:#edf5f5;--panel:#e4f0f3;--control:#dceaf0;--clock-face:#f0f6f6;--button-ink:#f5f9fc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-period=afternoon]{--background:#e5b276;--foreground:#50301f;--muted:#795238;--accent:#9a521f;--accent-bright:#7d3d18;--line:#87572b38;--surface:#fff0d9e8;--surface-solid:#f9e7cb;--panel:#f3debe;--control:#edd3ab;--clock-face:#fff0d6;--button-ink:#fff7e7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{overflow:auto}body,.site-shell,.game-card,.play-card,.answer-panel,.analog-clock,.brand,.site-header,.site-footer,.rules-dialog,.theme-control select,.language-switch button,.help-button,.time-stepper>div,.period-control>div,.start-button,.confirm-button,.clock-hand,.rule h2,.rule p,.intro,.eyebrow,.selected-time,.answer-heading h2,.time-stepper strong,.clock-numbers>span,.round-result,.card-footer,.rule-icon{transition:background-color var(--theme-duration) ease, color var(--theme-duration) ease, border-color var(--theme-duration) ease, box-shadow var(--theme-duration) ease}.site-shell{background:var(--background);height:auto;min-height:100svh;overflow:clip}.site-shell:after{opacity:.18}.landscapes{z-index:-3;pointer-events:none;position:absolute;inset:0}.nightscape{z-index:0;opacity:0;filter:none;background-position:30%;transition:opacity .8s;animation:none;inset:0}.landscape-morning{background-image:url(/landscape-morning.webp)}.landscape-afternoon{background-image:url(/landscape-afternoon.webp)}.landscape-night{opacity:1;background-image:url(/landscape-night.webp)}.landscape-dawn{background-image:url(/landscape-dawn.webp)}:root[data-period] .nightscape{opacity:0}:root[data-period=morning] .landscape-morning,:root[data-period=afternoon] .landscape-afternoon,:root[data-period=night] .landscape-night,:root[data-period=dawn] .landscape-dawn{opacity:1}:root[data-period=morning] .star-glow,:root[data-period=afternoon] .star-glow{display:none}.hero{min-height:calc(100svh - 10rem);padding-block:2rem;overflow:visible}.site-header{border-color:var(--line);background:0 0;grid-template-columns:1fr auto 1fr;gap:1rem;min-height:5rem;display:grid}.brand{color:var(--foreground);justify-self:center}.preferences-controls,.header-right,.language-switch{align-items:center;display:flex}.preferences-controls{gap:.8rem}.header-right{justify-self:end;gap:1.1rem}.language-switch{gap:.3rem}.language-switch button,.help-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;min-width:2.5rem;min-height:2.5rem;font-size:.875rem}.language-switch button{white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .65rem;font-weight:600;transition-duration:.12s;display:inline-flex}.language-indicator{opacity:.45;border:1.5px solid;border-radius:50%;width:.65rem;height:.65rem}.language-switch button[aria-pressed=true]{color:var(--foreground);border-color:var(--accent-bright);background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.language-switch button[aria-pressed=true]{background:color-mix(in srgb, var(--foreground) 9%, var(--surface-solid))}}.language-switch button[aria-pressed=true] .language-indicator{opacity:1;background:var(--accent-bright);box-shadow:inset 0 0 0 2px var(--surface-solid)}.language-switch button:hover,.help-button:hover{color:var(--accent-bright)}.help-button{border:1px solid var(--line);font-family:Georgia,serif;font-size:1.2rem}.theme-control select{border:1px solid var(--line);background:var(--surface-solid);max-width:9rem;color:var(--foreground);font:inherit;cursor:pointer;border-radius:999px;min-height:2.65rem;padding:.55rem .65rem;font-size:.875rem}.game-label{color:var(--muted);letter-spacing:.08em;font-size:.75rem}select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.game-card,.play-card{background:var(--surface);border-color:var(--line);box-shadow:0 2rem 6rem #00000025}.answer-panel{background:var(--panel)}.card-footer,.rule-icon{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.card-footer,.rule-icon{background:color-mix(in srgb, var(--foreground) 3%, transparent)}}.card-footer,.rule-icon{border-color:var(--line)}.card-heading h1,.rule h2,.answer-heading h2,.score-note strong{color:var(--foreground)}.intro,.rule p,.score-note>span,.site-footer,.footer-motto{color:var(--muted)}.intro,.rule h2{font-size:1rem}.rule p{font-size:.875rem}.eyebrow,.score-note>span,.compact-eyebrow{font-size:.75rem}.score-note strong{font-size:.95rem}.start-button,.confirm-button{background:var(--accent);color:var(--button-ink);border-color:var(--line);letter-spacing:.04em;font-size:.875rem}.start-button svg,.confirm-button svg{background:var(--button-ink);stroke:var(--accent)}.start-button:disabled{opacity:.6;cursor:wait}.hero-playing{padding-inline:clamp(.75rem,1.5vw,2rem)}.play-card{grid-template-columns:minmax(0,1.5fr) minmax(24rem,1fr);width:100%;max-width:100rem;min-height:0}.round-photo{min-height:36rem}.photo-meta{pointer-events:none}.photo-meta h1{color:#fff7ed}.photo-meta>div p{color:#ffe5b6;letter-spacing:.1em;font-size:.75rem}.photo-credit{z-index:2;color:#fff;text-shadow:0 1px 5px #000;margin:0;font-size:.75rem;position:absolute;top:1rem;left:1.2rem;right:1.2rem}.photo-credit a{text-decoration:underline}.analog-clock{background:var(--clock-face);border-color:var(--line);flex:none;width:19.25rem;max-width:100%;box-shadow:0 1rem 2.4rem #00000018,inset 0 0 0 .45rem #ffffff04}.clock-numbers>span{color:var(--foreground);font-size:.8rem}.hour-hand{color:var(--foreground)}.clock-hand{transition:transform .14s cubic-bezier(.2,.72,.2,1), color var(--theme-duration) ease}.clock-instruction{color:var(--muted);letter-spacing:.05em;font-size:.625rem}.tick:before{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.tick:before{background:color-mix(in srgb, var(--foreground) 35%, transparent)}}.tick-major:before{background:var(--accent)}.time-stepper>span,.period-control>span{color:var(--muted);font-size:.75rem}.time-stepper>div,.period-control>div{background:var(--control);border-color:var(--line);min-height:2.75rem}.time-stepper button,.period-control button{color:var(--foreground);min-height:2.75rem}.time-stepper strong{color:var(--foreground);font-size:.9rem}.period-control button{font-size:.8rem}.period-control button[aria-pressed=true]{background:var(--accent);color:var(--button-ink)}.daily-feedback{width:100%}.daily-feedback:empty{display:none}.daily-status,.game-error{color:var(--muted);margin:.4rem 0;font-size:.875rem;line-height:1.55}.game-error{color:var(--foreground)}.daily-feedback .round-result{background:var(--score-color);height:auto;position:relative}@supports (color:color-mix(in lab, red, red)){.daily-feedback .round-result{background:color-mix(in srgb, var(--score-color) 7%, var(--panel))}}.round-result-copy>span,.round-result-copy p,.round-points>span{color:var(--muted);font-size:.8rem;line-height:1.5}.round-result-copy>strong{color:var(--foreground)}.one-guess-note{color:var(--muted);margin:0;font-size:.8rem}.return-tomorrow{width:100%}.return-tomorrow>p{color:var(--muted);margin:0 0 .3rem;font-size:.875rem;line-height:1.5}.return-tomorrow>p:first-child{color:var(--foreground)}.daily-stats{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:1rem;margin-top:1rem;padding-top:1rem;display:grid}.daily-stats span,.daily-stats small{color:var(--muted);font-size:.75rem;display:block}.daily-stats strong{color:var(--accent-bright);font-family:var(--font-clock);margin:.25rem 0;font-size:1.35rem;font-weight:500;display:block}.daily-stats strong small{display:inline}.availability-card{padding:2.5rem}.availability-card h1{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;line-height:1.1}.availability-card>p{color:var(--muted);margin-block:1rem;line-height:1.6}.availability-card button{margin-top:1.5rem}.rules-dialog{border:1px solid var(--line);background:var(--surface-solid);width:min(34rem,100vw - 2rem);max-height:calc(100svh - 2rem);color:var(--foreground);border-radius:1.4rem;margin:auto;padding:2.25rem;position:fixed;inset:0;overflow:auto;box-shadow:0 2rem 7rem #0006}.rules-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020612a6}.rules-dialog h2{letter-spacing:-.04em;margin:0 2rem 1.5rem 0;font-family:Georgia,serif;font-size:2.25rem;font-weight:400}.rules-dialog p{color:var(--muted);margin:1rem 0 0;font-size:1rem;line-height:1.65}.rules-dialog p:nth-of-type(2){color:var(--foreground);font-weight:600}.modal-close{width:2.75rem;height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.7rem;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{background:var(--control)}@media (max-width:68rem){.game-label{display:none}}@media (max-width:50rem){.play-card{grid-template-columns:1fr}.round-photo{min-height:clamp(17rem,65vw,27rem)}.hero-playing{overflow:visible}.site-header{padding-inline:1rem}.preferences-controls{gap:.35rem}}@media (max-width:36rem){.site-header{grid-template-columns:1fr auto;gap:.25rem;padding-block:.65rem}.brand{grid-area:1/1;justify-self:start;padding-left:.4rem}.header-right{grid-area:1/2}.preferences-controls{grid-area:2/1/auto/-1;margin-top:.35rem}.hero{min-height:calc(100svh - 11rem);padding-block:1rem}.intro{font-size:1rem}.rule p{font-size:.875rem}.rule h2{font-size:1rem}.answer-panel{gap:1rem;padding:1.2rem}.analog-clock{width:17rem}.clock-numbers>span{transform:rotate(var(--number-angle)) translateY(-6.15rem) rotate(calc(-1 * var(--number-angle)))!important}.rules-dialog{padding:1.6rem}.rules-dialog h2{font-size:2rem}.rules-dialog p{line-height:1.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.clock-instruction{letter-spacing:0;font-size:.75rem;bottom:4.2rem}@media (max-width:36rem){.clock-instruction{bottom:3.6rem}}:root[data-period=morning] .round-points>strong,:root[data-period=afternoon] .round-points>strong{color:var(--score-color)}@supports (color:color-mix(in lab, red, red)){:root[data-period=morning] .round-points>strong,:root[data-period=afternoon] .round-points>strong{color:color-mix(in srgb, var(--score-color) 20%, var(--foreground))}}:root[data-period=morning] .round-points>strong,:root[data-period=afternoon] .round-points>strong{text-shadow:none}.clock-tutorial{border:1px solid var(--line);background:var(--panel);border-radius:1rem;justify-items:center;gap:1rem;padding:1.25rem;display:grid}.tutorial-copy{width:100%}.tutorial-label{color:var(--muted);font-size:.875rem}.tutorial-copy h3{margin:.4rem 0;font-size:1.25rem;font-weight:500}.tutorial-copy h3 strong{color:var(--accent-bright);font-family:var(--font-clock)}.rules-dialog .tutorial-copy p{color:var(--foreground);margin:.65rem 0 0;font-weight:400}.rules-dialog .tutorial-copy .tutorial-keyboard{color:var(--muted);font-size:.875rem}.tutorial-dial{width:min(100%,19.25rem)}.tutorial-dial .analog-clock{width:100%;max-width:none}.tutorial-dial .clock-numbers>span{transform:rotate(var(--number-angle)) translateY(-7.1rem) rotate(calc(-1 * var(--number-angle)))!important}.tutorial-feedback{text-align:center}.tutorial-feedback>span{color:var(--muted);font-size:.875rem}.tutorial-feedback output{color:var(--foreground);font:1.75rem var(--font-clock);margin-top:.25rem;display:block}.rules-dialog .tutorial-feedback p{margin-top:.5rem;font-size:.875rem}.tutorial-feedback[data-matched=true]{outline:1px solid var(--accent);border-radius:.75rem;padding:.75rem}.tutorial-reset{border:1px solid var(--line);background:var(--control);min-height:2.75rem;color:var(--foreground);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.875rem}.tutorial-reset:hover{border-color:var(--accent)}.rules-start{justify-content:center;width:100%;margin-top:1.5rem}@media (max-width:36rem){.clock-tutorial{padding:1rem .6rem}.tutorial-dial{width:min(100%,15rem)}.tutorial-dial .clock-numbers>span{transform:rotate(var(--number-angle)) translateY(-5.7rem) rotate(calc(-1 * var(--number-angle)))!important}.tutorial-dial .clock-instruction{font-size:.65rem;bottom:2.8rem}}.tutorial-dial .hour-hand{height:27%}.tutorial-dial .minute-hand{height:37%}:root[data-period=morning] .photo-meta h1,:root[data-period=morning] .photo-credit{color:#f3f9ff;text-shadow:0 1px 3px #102f43,0 2px 10px #102f43cc}:root[data-period=morning] .photo-meta>div p{color:#dceeff;text-shadow:0 1px 3px #102f43,0 2px 8px #102f43cc}:root[data-period=morning] .site-footer,:root[data-period=morning] .footer-motto{color:#edf6ff;text-shadow:0 1px 4px #102f43,0 2px 8px #102f4399}.daily-ranking{border:1px solid var(--line);background:var(--control);border-radius:.85rem;width:100%;padding:1rem 1.1rem}.daily-ranking>span{color:var(--muted);font-size:.875rem}.daily-ranking p{color:var(--foreground);margin:.45rem 0;font-size:1rem;line-height:1.55}.daily-ranking strong{color:var(--accent-bright);font-family:var(--font-clock);font-size:1.2rem}.daily-ranking small{color:var(--muted);font-size:.875rem;line-height:1.5;display:block}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}