#landing-page{padding:0}#landing-page #start-screen{min-height:var(--fullscreen);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}#landing-page #start-screen #logo-container{width:min(7.5em,50vw);width:min(7.5em,50dvw);aspect-ratio:1;margin-bottom:24px;background-image:url(../icon.webp);border-radius:1em;display:flex;justify-content:center;align-items:center;box-shadow:0 0 4em rgba(var(--primary-rgb),.5);animation:float 6s ease-in-out infinite;background-position:center;background-size:contain}#landing-page #start-screen h1{font-size:3em;letter-spacing:-.05em;margin:0;text-align:center;background:linear-gradient(to right,var(--color),var(--title-color));background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 .5rem;text-transform:uppercase}#landing-page #start-screen #cta-group{display:flex;flex-direction:column;gap:.5em;width:100%;max-width:17em}#landing-page #start-screen #cta-group #landing-date{text-align:center;font-family:var(--mono-font)}#landing-page #start-screen #scroll-prompt{position:absolute;bottom:2em;display:flex;flex-direction:column;align-items:center;gap:1em;opacity:.5;font-size:.9rem;font-weight:500;animation:bounce 2s infinite}#landing-page #rules{min-height:var(--fullscreen);padding:1em}#landing-page #rules .rules-grid{grid-template-columns:1fr 1fr;align-items:center;display:grid;gap:2em}#landing-page #rules .rules-grid .rules-list{display:flex;flex-direction:column;gap:24px}#landing-page #rules .rules-grid .rules-list .rule-item{display:grid;grid-template-columns:3em 1fr}#landing-page #rules .rules-grid .rules-list .rule-item .rule-number{display:flex;justify-content:center;align-items:center;width:2em;font-weight:700;border-right:1px dashed var(--border)}#landing-page #rules .rules-grid .rules-list .rule-item .rule-text h3{margin:0}#landing-page #rules .rules-grid .rules-list .rule-item .rule-text p{margin:.25em 0 0}#landing-page #rules .rules-grid .example-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:1em;padding:2em;display:flex;flex-direction:column;align-items:center;gap:.5em}#landing-page #rules .rules-grid .example-card .example-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5;margin-bottom:.5em}#landing-page #rules .rules-grid .example-card .word-node{font-size:1.5rem;font-weight:700;letter-spacing:.2em;padding:.5em .75em;border-radius:.5em;background-color:color-mix(in srgb,currentColor 10%,transparent);width:7em;text-align:center;position:relative}#landing-page #rules .rules-grid .example-card .word-node.highlight{color:var(--primary)}#landing-page #rules .rules-grid .example-card .word-arrow{font-size:1.25rem;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@media only screen and (max-width:600px){#landing-page #rules .rules-grid{grid-template-columns:1fr!important}}html[data-theme=light] #landing-page #start-screen #logo-container{background-image:url(../icon_light.webp)}