html,body{height:100svh;margin:0;padding:0;font-family:Montserrat,Varta,Roboto,sans-serif}*{box-sizing:border-box}#page{cursor:default;flex-direction:column;width:100%;display:flex;position:fixed}#header{color:#fff;cursor:default;background:linear-gradient(-45deg,#594e40,#a69783) 0 0/400% 400%;justify-content:center;align-items:center;width:100%;font-weight:700;animation:5s infinite gradient-shift;display:flex;position:absolute}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#header-title{position:absolute;left:2vw}#header-chances{position:absolute;right:2vw}#header-date{vertical-align:middle;font-family:Varta,Montserrat,Roboto,sans-serif;font-weight:400}#header-hearts{vertical-align:middle}.heart-on{opacity:1}.heart-off{opacity:.25}#top{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;background-color:#f5f0e6;align-items:center;display:grid;overflow:auto hidden}#top ::-webkit-scrollbar{display:none}#timeline-parent{padding-left:25vw;padding-right:25vw}#loading{justify-content:center;align-items:center;width:100%;height:100svh;display:flex}.tile{color:#594e40;align-items:center;justify-content:top;text-align:initial;word-wrap:anywhere;background-color:#fff;flex-direction:column;display:flex;position:relative;left:50%;transform:translate(-50%)}#shadow{pointer-events:none;width:100%;position:absolute;top:0}#help{text-align:center;color:#3f3f3f;pointer-events:none;width:100%;padding:5vw;font-family:Varta,Montserrat,Roboto,sans-serif;position:absolute;top:50%;transform:translateY(-50%)}#help b,#gameover b,.help-dot{font-family:Montserrat,Varta,Roboto,sans-serif;font-weight:700}#help-dots{justify-content:center;align-items:center;display:flex}#title{text-align:center;color:#fff;pointer-events:none;text-transform:uppercase;width:100%;font-weight:700;position:absolute;transform:translateY(-50%)}#gameover{text-align:center;width:100%;padding-left:4vw;padding-right:4vw}#bottom{color:#fff;background-color:#a69783;justify-content:center;align-items:center;display:flex}#tile-current .tile,#tile-current-bg .tile{cursor:pointer;position:absolute}#tile-current-bg .tile{opacity:.25}#tile-current-bg{display:none}#timeline-dots{flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}#timeline-bg{background-color:#f90;width:100vw;position:absolute;transform:translateY(-50%)}.timeline-word{color:#594e40;white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex}#timeline-before{margin-right:15vw}#timeline-after{margin-left:15vw}#counter{flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.counter-dot{opacity:.7;background-color:#fff}.counter-dot-current{opacity:1;position:relative}.counter-dot-current-hilite{position:absolute}.counter-dot-used{opacity:.2}.year{text-shadow:0 2px 2px #594e4040,0 1px #594e4040;color:#fff;background-color:#a69277;justify-content:center;align-items:center;width:40%;font-weight:700;display:flex;position:absolute}.title{margin-right:auto;font-family:Montserrat,Varta,Roboto,sans-serif;font-weight:700;line-height:1.1}.content{margin-right:auto;font-family:Varta,Montserrat,Roboto,sans-serif;font-weight:400;line-height:1.1}.point{background-color:#fff;position:relative}.target{cursor:pointer;background-color:#d9ccba;position:relative}.animation{animation:.75s ease-in-out infinite alternate changeColor}@keyframes changeColor{0%{background-color:#c5ffbf}to{background-color:#9ecd9a}}.target:before{content:"";border-radius:10svh;width:10svh;height:10svh;position:absolute;top:-3.25svh;left:-3.25svh}.target.hover:before{opacity:.25;background-color:#a69277;border-radius:10svh;width:10svh;height:10svh;position:absolute;top:-3.25svh;left:-3.25svh}.wrong{cursor:default;background-color:#e64531;justify-content:center;align-items:center;font-weight:700;animation:none;display:flex}.wrong:after{content:"×";color:#fff}.wrong:before{content:none}.almost{cursor:default;background-color:#d1b036;justify-content:center;align-items:center;font-weight:700;animation:none;display:flex}.almost:after{content:"×";color:#fff}.almost:before{content:none}#categories{flex-flow:wrap;justify-content:center;align-items:center;display:flex;position:relative}.category{color:#1f1f1f;cursor:pointer;background-color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.category-done{color:#fff;background-color:#67cf67;line-height:1.8;position:absolute;top:-40%;left:85%}#feedback{color:#1f1f1f;pointer-events:none;cursor:not-allowed;z-index:900;background-color:#fff;border:thin solid #1f1f1f;border-radius:1vmin;padding:3vmin;font-weight:700;display:none;position:absolute}#logo{width:35vh;height:auto;position:absolute;left:50%;transform:translate(-50%,-50%)}dialog{border:none;border-radius:8px;width:90%;max-width:500px;padding:20px;font-size:1rem;box-shadow:0 4px 20px #0003}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}button{cursor:pointer;padding:8px 16px;font-size:.75rem;font-weight:700}.normal{font-weight:400}@media (hover:hover){.target:hover:before{opacity:.25;background-color:#a69277}.category:hover{color:#fff;background-color:#d9ccba}}