@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/timelinz/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/timelinz/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/timelinz/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/timelinz/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/timelinz/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/timelinz/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/timelinz/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/timelinz/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/timelinz/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/timelinz/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f6ebdd;--paper:#fbf4ea;--paper-2:#f1e2cc;--cocoa:#4a2f28;--cocoa-2:#5b3b2e;--clay:#8a5a44;--terracotta:#c0654a;--ochre:#d9a45a;--sand:#e2b877;--sage:#9fb59a;--sage-deep:#56775a;--turquoise:#4fbfb0;--turquoise-deep:#2f8f84;--gold:#e8b44c;--edge:2px solid var(--cocoa);--drop:0 5px 0 #4a2f2829, 0 16px 34px #4a2f281f;--display:"Fredoka", "Nunito", "Trebuchet MS", sans-serif;--ui:"Nunito", "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;font:600 16px/1.45 var(--ui);color:var(--cocoa);background:var(--cream)}*{box-sizing:border-box}body{background-color:var(--cream);background-image:radial-gradient(#4a2f280d .8px,#0000 1px),radial-gradient(#ffffff73 .8px,#0000 1px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px;margin:0}.page,.gg-gate{max-width:36rem;padding:max(16px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));gap:14px;margin:0 auto;display:grid}.masthead{align-items:center;gap:10px;display:flex}.masthead h1{font:600 2rem/1 var(--display);margin:0}.logo{border-radius:50%;display:block}.sticker{filter:drop-shadow(0 2px #4a2f282e);border-radius:50%;flex:none;display:block}.results>.sticker,.badges .sticker{justify-self:center}.landing-art{justify-self:center;width:100%;max-width:360px;height:auto;margin:-4px auto 0;display:block}.card{background:var(--paper);border:var(--edge);box-shadow:var(--drop);border-radius:22px;gap:14px;margin:0;padding:18px;display:grid}.eyebrow{font:800 .72rem/1.1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--clay)}h2{font:600 1.6rem/1.1 var(--display);margin:0}.lede{font-size:1.08rem}.muted{color:var(--clay)}.small{font-size:.875rem}p{margin:0}.rules{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rules li{padding-left:22px;position:relative}.rules li:before{content:"";background:var(--turquoise);border:1.5px solid var(--cocoa);border-radius:50%;width:10px;height:10px;position:absolute;top:.5em;left:2px}.button,.gg-button{appearance:none;border:var(--edge);background:var(--turquoise);width:100%;min-height:52px;color:var(--cocoa);font:600 1.15rem/1.1 var(--display);text-align:center;box-shadow:0 4px 0 var(--cocoa);cursor:pointer;border-radius:16px;padding:12px 18px;text-decoration:none;display:block}.button:active:not(:disabled){box-shadow:0 1px 0 var(--cocoa);transform:translateY(3px)}.button:disabled{opacity:.6;cursor:default}.link,.read-more,.footnote a{appearance:none;font:inherit;color:var(--cocoa);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #4a2f2866;text-decoration:underline #4a2f2866}.footnote{color:var(--clay);text-align:center;font-size:.9rem}.error,.gg-error{color:#9e4f39}.round-head{justify-content:space-between;align-items:center;display:flex}.score{font:600 1.3rem/1 var(--display)}.timer{border:var(--edge);background:var(--paper-2);border-radius:999px;height:22px;position:relative;overflow:hidden}.sand{background:linear-gradient(90deg, var(--sand), var(--ochre));transition:inline-size .25s linear;position:absolute;inset:0 auto 0 0}.timer span{text-align:center;font:800 .8rem/20px var(--ui);display:block;position:relative}.moment{border:var(--edge);background:#fffdf8;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:0;padding:10px 12px;display:grid;box-shadow:0 3px #4a2f282e}.moment figcaption{gap:2px;display:grid}.moment-icon{width:40px;height:40px;display:block}.moment-year{font:600 1.3rem/1 var(--display)}.moment-text{font-weight:700}.moment .read-more{grid-column:1/-1;justify-self:start}.moment.pinned{position:relative}.moment.pinned:before{content:"";background:var(--terracotta);border:1.5px solid var(--cocoa);border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-7px;left:50%}.mystery{position:relative}.mystery .moment{background:var(--paper-2);padding-right:56px}.seal{z-index:1;width:40px;height:40px;position:absolute;top:50%;right:8px;transform:translateY(-50%)rotate(-8deg)}.timeline{grid-template-columns:1fr;gap:12px;padding:6px 0;display:grid;position:relative}.ribbon{display:none}@media (width>=560px){.timeline{grid-template-columns:1fr 1fr}.timeline.revealed{grid-template-columns:1fr 1fr 1fr}}.timeline.revealed .moment:not(.pinned){border-color:var(--turquoise-deep);box-shadow:0 0 0 3px #4fbfb059}.ask{font:600 1.2rem/1.2 var(--display);justify-content:center;align-items:center;gap:10px;display:flex}.slots{gap:10px;display:grid}.slot-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.slot{appearance:none;border:var(--edge);min-height:64px;color:var(--cocoa);font:600 1.02rem/1.15 var(--display);box-shadow:0 4px 0 var(--cocoa);cursor:pointer;background:#fffdf8;border-radius:14px;padding:8px 6px}.slot:hover:not(:disabled){background:#e7f6f3}.slot:active:not(:disabled){box-shadow:0 1px 0 var(--cocoa);background:var(--turquoise);transform:translateY(3px)}.picker{gap:10px;display:grid}.picker-row{grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;display:grid}.step{appearance:none;border:var(--edge);background:var(--cocoa-2);width:56px;height:56px;color:var(--cream);font:600 1.8rem/1 var(--display);box-shadow:0 3px 0 var(--cocoa);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:50%}.step:disabled{opacity:.4}.year{text-align:center;width:100%;min-width:0;font:600 2.6rem/1 var(--display);color:var(--cocoa);border:var(--edge);background:#fffdf8;border-radius:14px;padding:8px 6px}.slider{width:100%;accent-color:var(--turquoise-deep)}.picker-ends{justify-content:space-between;display:flex}.verdict{font:600 1.15rem/1.3 var(--display);text-align:center}.stamp{width:46px;height:46px;font:600 1.4rem/1 var(--display);outline-offset:-6px;color:var(--cocoa);border:2px dashed #4a2f288c;border-radius:6px;outline:3px solid #fffdf8;place-items:center;display:inline-grid}.stamp.big{justify-self:center;width:72px;height:72px;font-size:2.2rem}.stamp.right{background:var(--sage)}.stamp.wrong{background:#e7a690}.stamp.exact{background:var(--gold)}.stamp.time{background:var(--sand)}.stamps{justify-content:center;gap:10px;display:flex}.final{font:600 2.6rem/1 var(--display);text-align:center}.answers{gap:10px;margin:0;padding-left:1.2rem;display:grid}.answer-year{font:600 1rem/1 var(--display)}.crowd{gap:4px;margin:0;font-size:.875rem;display:grid}.bar{grid-template-columns:4rem 1fr 2rem;align-items:center;gap:8px;display:grid}.bar .fill{background:var(--turquoise);border-radius:999px;height:10px;display:block}.gg-share-text{white-space:pre-wrap}.gg-username input,.gg-gate input{font:inherit;border:var(--edge);border-radius:12px;width:100%;padding:10px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sand{transition:none}}.coach{border:2px dashed var(--turquoise-deep);background:#e7f6f3;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-weight:700;display:flex}.badges{justify-content:center;align-items:center;gap:14px;display:flex}.tutorial-link{justify-self:center;font-size:.95rem}