*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;position:relative}img.space-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden;object-fit:cover;opacity:.3}.body-liner{width:100%;max-width:1280px;margin:0 auto;position:relative}.blur{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px}body{font-family:Arial,sans-serif;width:100%;min-height:100vh;background:#000}button,a{cursor:pointer;position:relative;background:transparent;border:0;outline:none;z-index:100;color:#9fd1e4;font-size:1.2rem}a{text-decoration:none}p{color:#9fd1e4;line-height:1.6}h3{color:#cfe8f1;margin-bottom:1rem}h1,h2,h3,h4,h5,h6,p{position:relative}h1{color:#cfe8f1;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;text-transform:uppercase}img{max-width:100%;height:auto;display:block;width:100%}.text-left{text-align:left}.pad-1{padding:1rem}.pad-2{padding:2rem}.game-name-box{margin:1rem auto 0;position:relative;display:flex;gap:1rem;z-index:1;margin-bottom:1.4rem;width:fit-content}p.first{font-size:2.6rem;position:relative;width:fit-content;line-height:1;margin:0 auto;text-shadow:1px 1px 0 #b58730,2px 2px 0 #977028,3px 3px 0 #795a20,4px 4px 0 #5a4318,5px 5px 5px rgba(0,0,0,0.5);font-family:'Segoe Script',cursive,sans-serif}p.first:before{content:'The';color:#a4c9d9;font-size:1.2rem;font-weight:bold;position:absolute;top:.6rem;left:-1.2rem;transform:translateX(-50%);width:fit-content;border-radius:4px;z-index:6;font-style:italic}.yesterdays{display:flex;gap:.2rem;padding-top:.4rem;flex-direction:column;justify-content:space-around}.yesterdays p{margin:0;line-height:1}.yesterdays p.second{font-style:italic;font-size:.8rem}.yesterdays p.previous-word{color:#cfe8f1;font-weight:bold}.yesterdays p.previous-word span{display:block;width:5rem}p.first.index-page{margin-left:2rem}p.subtitle{font-size:1.5rem;font-weight:bold;color:#87c6dd;margin-top:1rem;margin-bottom:2rem}.aptati{font-size:4rem;position:relative;display:inline-block;position:relative;border:1px solid #fff;filter:blur(2px)}.space-bg{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background-color:background;background-image:radial-gradient(circle at 40% 60%,rgba(9,25,31,0.12) 0 18%,rgba(9,25,31,0) 55%,background 78%),radial-gradient(circle at 78% 22%,rgba(9,25,31,0.08) 0 10%,rgba(9,25,31,0) 46%,background 76%);background-repeat:no-repeat;background-size:cover;animation:space-breathe 18s ease-in-out infinite}.space-bg > .stars{position:absolute;inset:-12%;pointer-events:none;background-repeat:repeat;will-change:opacity;animation:twinkle 7s ease-in-out infinite}.space-bg > .stars--far{opacity:.7;filter:blur(.25px);background-size:360px 360px;background-image:radial-gradient(circle at 28px 46px,rgba(18,51,63,0.18) 0 1px,rgba(9,25,31,0) 2px),radial-gradient(circle at 112px 84px,rgba(18,51,63,0.14) 0 1px,rgba(9,25,31,0) 2px),radial-gradient(circle at 210px 64px,rgba(18,51,63,0.12) 0 1px,rgba(9,25,31,0) 2px),radial-gradient(circle at 70px 238px,rgba(18,51,63,0.1) 0 1px,rgba(9,25,31,0) 2px),radial-gradient(circle at 288px 202px,rgba(18,51,63,0.16) 0 1px,rgba(9,25,31,0) 2px),radial-gradient(circle at 168px 294px,rgba(18,51,63,0.09) 0 1px,rgba(9,25,31,0) 2px)}.space-bg > .stars--near{opacity:.85;background-size:260px 260px;background-image:radial-gradient(circle at 22px 28px,rgba(45,127,157,0.26) 0 1.2px,rgba(9,25,31,0) 3px),radial-gradient(circle at 152px 40px,rgba(45,127,157,0.22) 0 1.1px,rgba(9,25,31,0) 3px),radial-gradient(circle at 88px 108px,rgba(45,127,157,0.2) 0 1px,rgba(9,25,31,0) 3px),radial-gradient(circle at 36px 154px,rgba(45,127,157,0.18) 0 1px,rgba(9,25,31,0) 3px),radial-gradient(circle at 210px 190px,rgba(45,127,157,0.24) 0 1.1px,rgba(9,25,31,0) 3px)}.space-bg > .orbits{position:absolute;inset:-10%;pointer-events:none;opacity:.4;filter:blur(.25px);background-repeat:no-repeat;background-image:radial-gradient(ellipse at 18% 58%,rgba(9,25,31,0) 0 46%,rgba(18,51,63,0.1) 47%,rgba(9,25,31,0) 48%),radial-gradient(ellipse at 20% 58%,rgba(9,25,31,0) 0 56%,rgba(18,51,63,0.08) 57%,rgba(9,25,31,0) 58%),radial-gradient(ellipse at 22% 58%,rgba(9,25,31,0) 0 66%,rgba(18,51,63,0.07) 67%,rgba(9,25,31,0) 68%),radial-gradient(ellipse at 24% 58%,rgba(9,25,31,0) 0 76%,rgba(18,51,63,0.06) 77%,rgba(9,25,31,0) 78%)}.space-bg > .planet{position:absolute;border-radius:50%;transform:translateZ(0);box-shadow:0 0 18px rgba(9,25,31,0.1);background-image:radial-gradient(circle at 32% 28%,rgba(63,164,200,0.34) 0 16%,rgba(45,127,157,0.2) 34%,rgba(18,51,63,0.16) 54%,rgba(9,25,31,0.08) 66%,background 96%),radial-gradient(circle at 68% 62%,rgba(9,25,31,0.1) 0 60%,background 92%)}.space-bg > .planet:after{content:"";position:absolute;inset:-6%;border-radius:50%;pointer-events:none;background-image:radial-gradient(circle at 40% 35%,rgba(45,127,157,0.1) 0 42%,rgba(9,25,31,0) 70%)}.space-bg > .sun{width:14%;height:14%;left:8%;top:50%;transform:translateY(-50%);background-image:radial-gradient(circle at 38% 35%,rgba(63,164,200,0.92) 0 24%,rgba(45,127,157,0.56) 46%,rgba(18,51,63,0.22) 72%,background 96%);box-shadow:0 0 72px rgba(45,127,157,0.2);animation:sun-pulse 10s ease-in-out infinite}.space-bg > .mercury{width:2.2%;height:2.2%;left:24%;top:50%;transform:translateY(-50%);opacity:.62}.space-bg > .venus{width:3.6%;height:3.6%;left:30%;top:52%;transform:translateY(-50%);opacity:.72}.space-bg > .earth{width:3.9%;height:3.9%;left:37%;top:48%;transform:translateY(-50%);opacity:.78}.space-bg > .mars{width:3%;height:3%;left:44%;top:53%;transform:translateY(-50%);opacity:.68}.space-bg > .jupiter{width:9.2%;height:9.2%;left:54%;top:50%;transform:translateY(-50%);opacity:.82;box-shadow:0 0 34px rgba(18,51,63,0.12)}.space-bg > .saturn{width:7.8%;height:7.8%;left:66%;top:49%;transform:translateY(-50%);opacity:.78}.space-bg > .saturn:before{content:"";position:absolute;left:-36%;top:40%;width:172%;height:34%;border-radius:50%;transform:rotate(-14deg);pointer-events:none;background-image:radial-gradient(ellipse at center,rgba(9,25,31,0) 0 38%,rgba(45,127,157,0.16) 41%,rgba(18,51,63,0.1) 50%,rgba(9,25,31,0) 56%);filter:blur(.2px)}.space-bg > .uranus{width:5.2%;height:5.2%;left:78%;top:52%;transform:translateY(-50%);opacity:.64}.space-bg > .neptune{width:5%;height:5%;left:88%;top:48%;transform:translateY(-50%);opacity:.6}.space-bg > .pluto{width:1.7%;height:1.7%;left:95%;top:54%;transform:translateY(-50%);opacity:.52}@-moz-keyframes twinkle{0%,100%{opacity:.92}50%{opacity:.78}}@-webkit-keyframes twinkle{0%,100%{opacity:.92}50%{opacity:.78}}@-o-keyframes twinkle{0%,100%{opacity:.92}50%{opacity:.78}}@keyframes twinkle{0%,100%{opacity:.92}50%{opacity:.78}}@-moz-keyframes space-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.02)}}@-webkit-keyframes space-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.02)}}@-o-keyframes space-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.02)}}@keyframes space-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.02)}}@-moz-keyframes sun-pulse{0%,100%{box-shadow:0 0 72px rgba(45,127,157,0.2)}50%{box-shadow:0 0 86px rgba(45,127,157,0.24)}}@-webkit-keyframes sun-pulse{0%,100%{box-shadow:0 0 72px rgba(45,127,157,0.2)}50%{box-shadow:0 0 86px rgba(45,127,157,0.24)}}@-o-keyframes sun-pulse{0%,100%{box-shadow:0 0 72px rgba(45,127,157,0.2)}50%{box-shadow:0 0 86px rgba(45,127,157,0.24)}}@keyframes sun-pulse{0%,100%{box-shadow:0 0 72px rgba(45,127,157,0.2)}50%{box-shadow:0 0 86px rgba(45,127,157,0.24)}}#contactToggle{background:transparent;color:#cfe8f1;height:100%;cursor:pointer;font-size:1.2rem;padding:.6rem .8rem}#contactModal{align-items:start;background:#1b4c5e;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.5);display:flex;height:100vh;justify-content:center;left:0;padding:4rem 1rem 2rem;position:fixed;top:0;transform:scale(0,0);transition:all .3s ease-in-out;width:100vw;z-index:110000}#contactModal .modal-liner{background:#29728d;padding:1rem}#contactModal form{background:#2d7f9d;padding:1rem}#contactModal form h2{color:#cfe8f1;font-size:1.5rem;margin-bottom:1rem}#contactModal.show{opacity:1;transform:scale(1,1);transform-origin:top center;transition:all .3s ease-in-out}.contact-text-area{min-height:200px}#contactModal input,#contactModal textarea{background:#29728d;border:none;border-radius:4px;color:#e7f4f8;font-size:14px;margin-bottom:10px;outline:none;padding:10px;width:100%}.button-row{display:flex;gap:4rem;justify-content:center;margin:0 auto;width:fit-content}#contactModal button[type=submit],#closeModal{background:#29728d;border:none;border-radius:4px;color:#cfe8f1;cursor:pointer;font-size:1.2rem;font-weight:bold;outline:none;padding:12px 2rem;border:1px solid #29728d}#contactModal input::placeholder,#contactModal textarea::placeholder{color:#e7f4f8;opacity:.7}#toastMessage{position:absolute;top:1rem;right:1rem;background:#3fa4c8;color:#fff;padding:1rem 2rem;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,0.3);display:flex;align-items:center;gap:1rem;z-index:20}#toastMessage.hidden{display:none}#toastClose{background:#29728d;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.hp-wrap{display:none}.index-wrap{max-width:600px;margin:1rem auto 2rem 0;padding:1rem;text-align:right}.index-wrap h1{color:#a4c9d9;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}.index-heading-span{color:#bc3043;margin-left:auto}p.subtitle{font-size:1.5rem;font-weight:bold;color:#e4ca99;margin-top:1rem;margin-bottom:2rem}.actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.actions .btn{padding:1rem 3rem;border-radius:2rem;background:#2d7f9d;color:#20596e}.actions a.btn.btn-primary{background:linear-gradient(#2d7f9d,#6fbad6,#87c6dd,#6fbad6,#2d7f9d);box-shadow:inset 0 0 10px rgba(45,127,157,0.5);font-size:1.2rem}.actions a.btn.btn-primary:hover{background:#3492b5}.actions a.btn.btn-secondary{background:linear-gradient(#dc7684,#a4c9d9);font-size:1.2rem}.features{display:flex;flex-direction:column;justify-content:space-between;margin-top:4rem;gap:1rem;opacity:.2}.feature{background:rgba(164,201,217,0.1);display:flex;gap:1rem;border-radius:8px;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);border:1px solid rgba(164,201,217,0.2);font-size:2rem;color:#a4c9d9}.stats{display:flex;justify-content:space-between;margin-top:4rem;gap:1rem;opacity:.2}.stat{background:rgba(0,127,0,0.1);display:flex;flex-direction:column;align-items:center;color:#a4c9d9;font-size:1.5rem;text-align:center}.stat-label{color:#b58730;font-weight:bold}.stat-number{font-size:2.5rem;font-weight:bold;color:#bc3043}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;max-width:1200px;position:relative;width:100%;margin:0 auto}section.feature{width:130px;height:130px;background:rgba(45,127,157,0.1);border-radius:8px;box-shadow:0 2px 5px rgba(45,127,157,0.4)}.game-tile{display:block;color:#007f00;width:130px;height:130px;border-radius:20px;position:relative;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#e4ca99 0%,#2d7f9d 100%);box-shadow:0 6px 16px rgba(45,127,157,0.25),inset 0 1px 0 rgba(234,242,244,0.3);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.game-tile a{text-decoration:none}.game-tile:hover{box-shadow:0 16px 32px rgba(45,127,157,0.4),inset 0 1px 0 rgba(234,242,244,0.4)}.game-tile:hover .center-icon{transform:scale(1.15) rotate(5deg)}.game-tile:hover .color-grid .grid-dot{animation:pulse 1.5s infinite alternate}.game-tile:hover .word-game-title .letter{animation:letterPop .8s ease-out;animation-fill-mode:both}.game-tile:hover .play-hint{opacity:1;transform:translateY(0);letter-spacing:4px}.game-tile:hover .arrow-symbol{animation:arrowBounce 1s infinite}.game-tile:active{transition-duration:.1s}.tile-visual{position:absolute;top:0;left:0;right:0;bottom:50px;display:flex;align-items:center;justify-content:center}.color-grid{position:absolute;display:flex;flex-direction:column;gap:8px;opacity:.8}.color-grid .grid-row{display:flex;gap:8px}.color-grid .grid-dot{width:14px;height:14px;border-radius:50%;transition:all .6s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.color-grid .grid-dot.row-0{background:#2d7f9d}.color-grid .grid-dot.row-1.col-0{background:#dc7684}.color-grid .grid-dot.row-1.col-1{background:#2d7f9d}.color-grid .grid-dot.row-1.col-2{background:#e4ca99}.color-grid .grid-dot.row-1.col-3{background:#a4c9d9}.color-grid .grid-dot.row-2.col-0{background:#a4c9d9}.color-grid .grid-dot.row-2.col-1{background:#e4ca99}.color-grid .grid-dot.row-2.col-2{background:#2d7f9d}.color-grid .grid-dot.row-2.col-3{background:#dc7684}.color-grid .grid-dot.row-3{background:#e4ca99}.center-icon{position:relative;z-index:2;transition:all .3s ease}.question-mark{width:48px;height:72px;position:relative}.question-mark::before{content:'';position:absolute;top:0;left:18px;width:12px;height:18px;border-radius:6px 6px 0 0;background:#2d7f9d;box-shadow:0 0 0 3px #eaf2f4,0 2px 4px rgba(45,127,157,0.3)}.question-mark::after{content:'';position:absolute;top:18px;left:0;width:48px;height:36px;border:3px solid #eaf2f4;border-radius:24px 24px 24px 0;border-right:none;border-bottom:none;box-shadow:0 2px 4px rgba(45,127,157,0.2)}.icon-dot{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:#dc7684;box-shadow:0 0 0 3px #eaf2f4,0 2px 4px rgba(220,118,132,0.3)}.corner-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.corner{position:absolute;width:24px;height:24px}.corner.corner-tl{top:15px;left:15px;border-top:3px solid #dc7684;border-left:3px solid #dc7684;border-radius:10px 0 0 0;box-shadow:-2px -2px 4px rgba(220,118,132,0.2)}.corner.corner-tr{top:15px;right:15px;border-top:3px solid #e4ca99;border-right:3px solid #e4ca99;border-radius:0 10px 0 0;box-shadow:2px -2px 4px rgba(228,202,153,0.2)}.corner.corner-bl{bottom:65px;left:15px;border-bottom:3px solid #a4c9d9;border-left:3px solid #a4c9d9;border-radius:0 0 0 10px;box-shadow:-2px 2px 4px rgba(164,201,217,0.2)}.corner.corner-br{bottom:65px;right:15px;border-bottom:3px solid #2d7f9d;border-right:3px solid #2d7f9d;border-radius:0 0 10px 0;box-shadow:2px 2px 4px rgba(45,127,157,0.2)}.tile-text{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,rgba(45,127,157,0.95),rgba(45,127,157,0.85));backdrop-filter:blur(8px);border-radius:0 0 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;overflow:hidden}.word-game-title{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:4px}.word-deco,.game-deco{display:flex;align-items:center;justify-content:center;gap:2px}.letter{font-family:'Arial Rounded MT Bold','Arial',sans-serif;font-weight:900;font-size:20px;color:#eaf2f4;text-transform:uppercase;text-shadow:0 2px 4px rgba(45,127,157,0.5),0 0 10px rgba(234,242,244,0.2);position:relative;transition:all .3s ease;line-height:1}.w-letter{font-size:22px;color:#e4ca99;transform:rotate(-5deg);text-shadow:0 2px 4px rgba(45,127,157,0.6),0 0 12px rgba(228,202,153,0.3)}.o-letter{color:#eaf2f4}.o-letter::after{content:'●';position:absolute;top:-8px;right:-4px;font-size:8px;color:#dc7684;opacity:.8}.r-letter{font-size:21px;transform:rotate(2deg)}.d-letter{color:#e4ca99;font-size:22px}.g-letter{font-size:21px;color:#eaf2f4;transform:rotate(-2deg)}.a-letter{font-size:20px}.m-letter{font-size:22px;color:#e4ca99}.m-letter::before{content:'ᴹ';position:absolute;top:-6px;right:-2px;font-size:10px;color:#dc7684;opacity:.7}.e-letter{color:#eaf2f4}.e-letter::after{content:'!';position:absolute;bottom:-10px;right:-6px;font-size:12px;color:#dc7684;font-weight:bold}.deco-line{width:4px;height:24px;background:linear-gradient(to bottom,#dc7684,#e4ca99);margin:0 3px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.play-hint{color:#e4ca99;font-family:'Arial Rounded MT Bold','Arial',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.8;transform:translateY(5px);transition:all .5s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(45,127,157,0.5);display:flex;align-items:center;gap:6px}.arrow-symbol{font-size:14px;color:#dc7684;display:inline-block;transition:all .3s ease}.game-tile:hover .w-letter{animation-delay:0s}.game-tile:hover .o-letter{animation-delay:.1s}.game-tile:hover .r-letter{animation-delay:.2s}.game-tile:hover .d-letter{animation-delay:.3s}.game-tile:hover .g-letter{animation-delay:.1s}.game-tile:hover .a-letter{animation-delay:.2s}.game-tile:hover .m-letter{animation-delay:.3s}.game-tile:hover .e-letter{animation-delay:.4s}@media (max-width:768px){.game-tile{width:180px;height:180px}.tile-visual{bottom:45px}.grid-dot{width:11px;height:11px}.question-mark{width:36px;height:54px}.question-mark::before{left:13px;width:9px;height:13px}.question-mark::after{top:13px;width:36px;height:27px}.letter{font-size:16px}.w-letter,.d-letter,.m-letter{font-size:18px}.deco-line{height:20px;width:3px}.corner{width:18px;height:18px}.corner.corner-bl,.corner.corner-br{bottom:55px}}@media (max-width:480px){.game-tile{width:160px;height:160px}.tile-visual{bottom:40px}.grid-dot{width:9px;height:9px}.question-mark{width:30px;height:45px}.question-mark::before{left:10px;width:7px;height:11px}.question-mark::after{top:11px;width:30px;height:22px}.letter{font-size:14px}.w-letter,.d-letter,.m-letter{font-size:15px}.deco-line{height:18px;width:2px}.play-hint{font-size:9px;letter-spacing:1px}.arrow-symbol{font-size:12px}}@-moz-keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.25);opacity:1}}@-webkit-keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.25);opacity:1}}@-o-keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.25);opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.25);opacity:1}}@-moz-keyframes letterPop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}100%{transform:translateY(0) scale(1)}}@-webkit-keyframes letterPop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}100%{transform:translateY(0) scale(1)}}@-o-keyframes letterPop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}100%{transform:translateY(0) scale(1)}}@keyframes letterPop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}100%{transform:translateY(0) scale(1)}}@-moz-keyframes arrowBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@-webkit-keyframes arrowBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@-o-keyframes arrowBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@keyframes arrowBounce{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}section.hero-section.index-hero{display:flex;grid-template-columns:1fr 1fr;z-index:0;width:100%;overflow:hidden;position:relative}@media (min-width:720px){section.hero-section.index-hero .cube-wrap{display:flex}}section.hero-section.index-hero .hero-content{position:relative;z-index:1;height:fit-content;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0;padding:0 20px;max-width:1200px;gap:1.2rem}section.hero-section.index-hero .hero-title-container{width:100%}@media (min-width:1025px){section.hero-section.index-hero .hero-title-container{width:auto}}section.hero-section.index-hero .hero-title{font-family:'Arial Rounded MT Bold','Arial',sans-serif;font-size:72px;font-weight:900;line-height:1;text-wrap:nowrap;margin:0;color:#007f00;text-shadow:2px 2px 0 rgba(45,127,157,0.18),10px 18px 40px rgba(45,127,157,0.25)}section.hero-section.index-hero .title-highlight{display:inline-block;font-weight:900;color:#dc7684;font-style:italic}section.hero-section.index-hero .hero-subtitle{font-size:24px;color:rgba(0,127,0,0.92);margin:20px 0 0 0;font-weight:300;letter-spacing:1px;max-width:600px}section.hero-section.index-hero .subtitle-highlight{color:#e4ca99;font-weight:600;text-shadow:0 2px 4px rgba(45,127,157,0.3);position:relative;display:inline-block}section.hero-section.index-hero .subtitle-highlight:after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(45,127,157,0),#dc7684,rgba(45,127,157,0));border-radius:2px}section.hero-section.index-hero .hero-features{display:flex;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;max-width:800px;width:100%;flex-wrap:wrap;justify-content:center}section.hero-section.index-hero .feature{display:flex;align-items:center;gap:12px;padding:15px;background:rgba(0,127,0,0.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(0,127,0,0.2);transition:all .3s ease}section.hero-section.index-hero .feature:hover{transform:translateY(-5px);background:rgba(0,127,0,0.2);border-color:rgba(220,118,132,0.3);box-shadow:0 10px 20px rgba(45,127,157,0.15)}section.hero-section.index-hero .feature-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(45,127,157,0.2))}section.hero-section.index-hero .feature-text{color:#d24e60;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,0.1)}section.hero-section.index-hero .hero-actions{display:flex;gap:20px;margin:0 0 40px 0;flex-wrap:wrap;justify-content:center}section.hero-section.index-hero .hero-button{padding:18px 36px;border:none;border-radius:50px;font-family:inherit;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}section.hero-section.index-hero .hero-button:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(45,127,157,0),rgba(0,127,0,0.2),rgba(45,127,157,0));transition:left .6s ease}section.hero-section.index-hero .hero-button:hover:before{left:100%}section.hero-section.index-hero .hero-button:hover{transform:translateY(-3px) scale(1.02)}section.hero-section.index-hero .hero-button:active{transform:translateY(0) scale(.98)}section.hero-section.index-hero .primary-button{background:linear-gradient(135deg,rgba(220,118,132,0.9),rgba(228,202,153,0.9));color:#050d10;box-shadow:0 10px 30px rgba(220,118,132,0.25),inset 0 1px 0 rgba(0,127,0,0.8)}section.hero-section.index-hero .secondary-button{background:linear-gradient(135deg,rgba(228,202,153,0.9),rgba(0,127,0,0.9));color:#050d10;border:2px solid #e4ca99}section.hero-section.index-hero .hero-stats{display:flex;gap:40px;max-width:600px;flex-wrap:wrap;justify-content:center;margin:0}section.hero-section.index-hero .stat{display:flex;flex-direction:column;align-items:center}section.hero-section.index-hero .stat-number{font-size:36px;font-weight:800;color:#007f00;text-shadow:0 2px 4px rgba(45,127,157,0.25);line-height:1;margin:0 0 4px 0}section.hero-section.index-hero .stat-label{font-size:14px;color:#a4c9d9;font-weight:500;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){section.hero-section.index-hero .hero-section{padding:0;margin:0}section.hero-section.index-hero .hero-title{font-size:32px}section.hero-section.index-hero .hero-title{font-size:48px}section.hero-section.index-hero .hero-subtitle{font-size:20px}section.hero-section.index-hero .hero-features{flex-direction:column;gap:15px}section.hero-section.index-hero .hero-actions{flex-direction:column;gap:15px}section.hero-section.index-hero .hero-button{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){section.hero-section.index-hero .hero-title{font-size:28px}section.hero-section.index-hero .hero-title{font-size:36px}section.hero-section.index-hero .hero-subtitle{font-size:18px}}@media (min-width:1025px){section.hero-section.index-hero .hero-content{top:0;left:0;height:100%;width:50%;max-width:none;margin:0;align-items:flex-start;text-align:left}section.hero-section.index-hero .hero-title-container{width:auto}section.hero-section.index-hero .hero-features{justify-content:flex-start;flex-direction:row}section.hero-section.index-hero .hero-actions{justify-content:flex-start}section.hero-section.index-hero .hero-stats{justify-content:flex-start}section.hero-section.index-hero .stat{align-items:flex-start}}.dashboard-panel{max-width:420px;widthmargin:2rem auto 0;min-height:600px;border:1px solid #3fa4c8;position:relative;left:50%;transform:translate(-50%);z-index:1}.dashboard-panel .game{border-bottom:1px solid #1b4c5e}.dashboard-panel h3.game-header{text-align:center;padding:.8rem 1rem;background:rgba(45,127,157,0.3);width:fit-content;padding:.6rem 3rem .2rem;margin:.6rem auto 0;border-radius:1.8rem 1.8rem 0 0}.dashboard-panel .cards{flex-direction:column;justify-content:start;border-radius:0;gap:0}.dashboard-panel .cards *{margin:0}.dashboard-panel .card{display:flex;text-align:center;gap:1rem;background:rgba(45,127,157,0.2);padding:1rem}.dashboard-panel .card p{flex:1;font-weight:bold}.dashboard-panel .card p span{display:block}.dashboard-panel .card .card-1 p:nth-child(-n+2){background:rgba(45,127,157,0.6)}.dashboard-panel .btn-3d{position:relative;padding:10px 12px;border:none;border-radius:16px;font-weight:bold;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#1b4c5e 0%,#a2293a 100%);color:#9fd1e4;box-shadow:0 8px 15px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.2)}.dashboard-panel .btn-3d:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2)}.dashboard-panel .btn-3d:active{transform:translateY(0);box-shadow:0 4px 8px rgba(0,0,0,0.2),inset 0 2px 4px rgba(0,0,0,0.1)}nav.fixed-nav{top:0;left:0;width:100%;max-width:1280px;margin:0 auto;padding:0 0 0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;height:3rem;z-index:10}nav.fixed-nav .spacer{flex-grow:1}nav.fixed-nav .nav-main{display:flex;justify-content:center;align-items:center;gap:1rem;height:100%;width:fit-content}nav.fixed-nav a,nav.fixed-nav form{height:100%;display:flex;justify-content:center;align-items:center}nav.fixed-nav .login-btn{display:none}.control-panel{position:relative;max-width:420px;margin:auto}.control-panel .buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:420px;margin:auto}.control-panel .buttons button{flex-grow:1;border:1px solid #6fbad6}.control-panel .control-panel-cards{margin-top:2rem;display:flex;flex-direction:column;border-radius:0;gap:2rem}.control-panel .card.card-2,.control-panel .card.card-3{background:#2d7f9d}.control-panel .card.card-1{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:.6rem;background:rgba(45,127,157,0.2);padding:1rem}.control-panel .card.card-1 p{background:rgba(45,127,157,0.3);padding:.4rem}.control-panel .card.card-1 p:nth-child(-n+2){background:rgba(45,127,157,0.6);padding:.4rem;text-transform:uppercase;font-size:1.2rem}.games-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));gap:2rem;margin:2rem 0;align-items:center;justify-content:center}.tile-wrap{position:relative;max-width:340px;margin:0 auto;border:6px solid rgba(164,201,217,0.2);border-radius:12px;margin:0 auto}@media (min-width:660px) and (orientation:landscape){.tile-wrap{max-width:360px}}.game-tile-text{position:absolute;bottom:0;width:100%;color:#fff;text-align:center;padding:.5rem 0;z-index:500}.game-tile-text h3{font-size:2rem;font-weight:bold}.game-wrap{max-width:424px;margin:.4rem auto;height:100%;min-height:750px;position:relative}border-radius: 1rem,width: 100%,h1{text-align:center;line-height:1}.game-info{text-align:center;margin-bottom:1rem}.game-info p{margin:.3rem 0;font-size:1rem;font-weight:bold}.game-info .previous-word{color:#000}.game-info #yesterdays-word,.game-info .attempts{color:#2d7f9d}.game-info .message{min-height:1.5rem;color:#dc7684}.word-grid{display:flex;flex-direction:column;gap:4px;width:100%;max-width:100%;height:fit-content;padding:.4rem;box-sizing:border-box;margin:0 auto}.word-grid .tile-row{display:flex;gap:4px;width:100%;position:relative}.word-grid .tile{background:rgba(164,201,217,0.2);height:auto;aspect-ratio:1/1;display:flex;flex:1;justify-content:center;align-items:center;font-size:1.8rem;font-weight:bold;text-transform:uppercase;border:2px solid rgba(45,127,157,0.4);border-radius:4px;transition:all .3s ease;color:#a4c9d9}.word-grid .tile.filled{animation:pop .1s ease}.word-grid .tile.correct{background:#007f00;border-color:#007f00}.word-grid .tile.present{background:#e4ca99;border-color:#e4ca99;color:#2d7f9d}.word-grid .tile.incorrect{background:#dc7684;border-color:#dc7684}.word-grid .tile.shake{animation:shake .5s ease}.keyboard{display:flex;flex-direction:column;gap:.5rem;padding:.2rem .5rem;width:100%;box-sizing:border-box}.keyboard .key-row{display:flex;gap:.2rem;width:100%;position:relative;justify-content:center}.keyboard .key-row .key{background:rgba(164,201,217,0.2);border-radius:4px;flex:1;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-weight:bold;text-transform:uppercase;cursor:pointer;user-select:none;color:#a4c9d9;transition:all .2s ease;min-width:0}.keyboard .key-row .key:hover{opacity:.9}.keyboard .key-row .key:active{transform:scale(.95)}.keyboard .key-row .key.correct{background:#007f00}.keyboard .key-row .key.present{background:#e4ca99}.keyboard .key-row .key.incorrect{background:#dc7684}.keyboard .key-row .key.enter{background:#030;flex:1.5;text-transform:none;font-size:1.3rem}.keyboard .key-row .key.backspace{background:#6c1c27;flex:1.5;text-transform:none;font-size:1.3rem}.keyboard .enter-backspace-row{gap:.1rem}.keyboard .enter-backspace-row .key{min-height:50px;font-size:1rem}.keyboard .enter-backspace-row .key:not(.enter):not(.backspace){flex:1;font-size:1rem}.keyboard .enter-backspace-row .key.enter,.keyboard .enter-backspace-row .key.backspace{flex:1.2;font-size:1.3rem}@-moz-keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-webkit-keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-o-keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@-moz-keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@-webkit-keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@-o-keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}footer{display:flex;position:relative}footer .footer-item{flex:1;height:4rem}.alpha{background:#2d7f9d}.beta{background:#a4c9d9}.gamma{background:#80ef80}.delta{background:#e4ca99}.epsilon{background:#dc7684}.score-card-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center;padding:1rem}.score-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(3px)}.score-card-container{position:relative;width:420px;max-width:100%;z-index:1001;animation:score-card-fade-in .3s ease}.score-card-content{background:#162c36;border:2px solid rgba(45,127,157,0.6);border-radius:12px;padding:1.5rem;color:#a4c9d9;box-shadow:0 10px 30px rgba(0,0,0,0.5)}.score-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(45,127,157,0.4)}.score-card-header h2{margin:0;font-size:1.8rem;color:#e4ca99;text-transform:uppercase;letter-spacing:2px}.score-card-close{background:none;border:1px solid rgba(220,118,132,0.6);color:#dc7684;width:32px;height:32px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.score-card-close:hover{background:rgba(220,118,132,0.2);transform:scale(1.1)}.score-card-grid{display:flex;flex-direction:column;gap:6px;margin:1.5rem 0;padding:1rem;background:rgba(45,127,157,0.1);border-radius:8px;border:1px solid rgba(45,127,157,0.3)}.score-card-row{display:flex;gap:6px;justify-content:center}.score-card-tile{width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center}.score-card-tile.correct{background:#007f00}.score-card-tile.present{background:#e4ca99}.score-card-tile.incorrect{background:#dc7684}.score-card-tile.empty{background:rgba(164,201,217,0.2);border:1px solid rgba(45,127,157,0.3)}.score-card-info{margin:1.5rem 0;padding:1rem;background:rgba(45,127,157,0.1);border-radius:8px;border:1px solid rgba(45,127,157,0.3)}.score-card-stats{text-align:center;margin-bottom:1rem}.score-card-stats p{margin:.5rem 0;font-size:1.1rem}.score-card-score{font-weight:bold;color:#e4ca99}.score-card-score #score-value{font-size:1.3rem;color:#a4c9d9}.score-card-date{color:rgba(164,201,217,0.8);font-size:1rem}.score-card-link{text-align:center;padding:.5rem;background:rgba(0,127,0,0.1);border-radius:4px;border:1px solid rgba(0,127,0,0.3)}.score-card-link p{margin:0;color:#007f00;font-weight:bold}.score-card-actions{display:flex;gap:1rem;margin-top:1.5rem}.score-card-actions button{flex:1;padding:.8rem 1rem;border:none;border-radius:6px;font-size:1rem;font-weight:bold;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.score-card-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.3)}.score-card-actions button:active{transform:translateY(0)}#copy-score-btn{background:#007f00;color:#fff}#copy-score-btn:hover{background:#00a500}#close-score-btn{background:rgba(45,127,157,0.3);color:#a4c9d9;border:1px solid rgba(45,127,157,0.5)}#close-score-btn:hover{background:rgba(45,127,157,0.4)}@media (max-width:480px){.score-card-content{padding:1rem}.score-card-header h2{font-size:1.5rem}.score-card-tile{width:35px;height:35px}.score-card-actions{flex-direction:column;gap:.5rem}}@media (max-width:360px){.score-card-tile{width:30px;height:30px}}@-moz-keyframes score-card-fade-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes score-card-fade-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@-o-keyframes score-card-fade-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes score-card-fade-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toggling-the-word{display:none}.toggles{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:absolute;left:50%;transform:translate(-50%);width:160px;z-index:12}.the-word-open{color:#fff;width:10rem;font-size:1rem;margin:.1rem auto;padding:.4rem 1.2rem;border:4px solid rgba(111,186,214,0.35);border-radius:.5rem;position:absolute;top:-1.65rem;z-index:20}.the-word-guide{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative;margin:auto}.the-word-guide .dropdown{position:absolute;top:0;left:0;right:0;padding-top:2rem;margin:auto;transform-origin:left;background:#000;border-radius:.4rem;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:40rem;transition:all .8s ease;z-index:10;border:6px solid rgba(159,209,228,0.23);margin:0}.the-word-guide .dropdown:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.3;background-image:url("/images/tiles/tile-1_400x400.webp");background-repeat:no-repeat;background-position:50% 0;background-size:cover}.the-word-guide .guide-tiles{display:flex;padding:.4rem}.the-word-guide .guide-tile{padding:.8rem;text-align:center;font-size:.9rem}.the-word-guide ul{display:flex;flex-direction:column;margin-top:2rem;padding:0;position:relative}.the-word-guide li{list-style:none;color:#9fd1e4;position:relative;padding:.6rem .4rem;border-bottom:1px solid rgba(159,209,228,0.2)}.bg-red{background:#f00;display:none !important}