@import"https://fonts.googleapis.com/css?family=Noto%20Kufi%20Arabic:700|Noto%20Kufi%20Arabic:400";.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}html,body{height:100%;margin:0}body{background-color:#f9fcf7;font-family:Noto Kufi Arabic,sans-serif;font-weight:400;margin-inline:auto;max-width:700px;padding:1rem}h1,h2,h3,h4,h5{color:#121a0b;font-family:Noto Kufi Arabic,sans-serif;font-weight:700}html{font-size:100%}h1{font-size:4.21rem}h2{font-size:3.158rem}h3{font-size:2.369rem}h4{font-size:1.777rem}h5{font-size:1.333rem}small{font-size:.75rem}p{color:#121a0b;line-height:1.5;margin-bottom:1em;margin-top:0}img{display:block;height:auto;margin-bottom:1rem;max-width:calc(100% - 1rem)}body{position:relative}section{opacity:0;transition:opacity .5s ease-out,visibility 0ms ease-out .5s;visibility:hidden;outline:none;position:absolute}section.show{opacity:1;transition-delay:0ms;visibility:visible}button{background-color:#9bd6a1;border:none;border-radius:.25em;color:#121a0b;cursor:pointer;font-size:inherit;margin-bottom:2rem;padding:.5rem 1rem;transition:background-color .25s ease-out}button:hover,button:focus,button:active{background-color:#81b74c}.deep-thought{display:inline-block;padding-top:.5em;position:relative}.deep-thought .speech-bubble{--angle: 90deg;--height: 1em;--position: 0%;--radius: 1.2em;--border-width: 5px;--border-colour: black;--background-colour: white;background:var(--border-colour);-o-border-image:conic-gradient(var(--border-colour) 0 0) 0/var(--radius) max(0%,100% - var(--position) - var(--height) * tan(var(--angle) / 2)) 0 max(0%,var(--position) - var(--height) * tan(var(--angle) / 2))/0 0 var(--height) 0;border-image:conic-gradient(var(--border-colour) 0 0) fill 0/var(--radius) max(0%,100% - var(--position) - var(--height) * tan(var(--angle) / 2)) 0 max(0%,var(--position) - var(--height) * tan(var(--angle) / 2))/0 0 var(--height) 0;border-radius:var(--radius) var(--radius) min(var(--radius),100% - var(--position) - var(--height) * tan(var(--angle) / 2)) min(var(--radius),var(--position) - var(--height) * tan(var(--angle) / 2))/var(--radius);clip-path:polygon(0 100%,0 0,100% 0,100% 100%,min(100%,var(--position) + var(--height) * tan(var(--angle) / 2)) 100%,var(--position) calc(100% + var(--height)),max(0%,var(--position) - var(--height) * tan(var(--angle) / 2)) 100%);padding:1em;position:absolute;right:-.25em;top:-.25em}.deep-thought .speech-bubble:before{background:var(--background-colour) content-box;-o-border-image:conic-gradient(var(--background-colour) 0 0) 0/var(--radius) max(var(--border-width),100% - var(--position) - var(--height) * tan(var(--angle) / 2)) 0 max(var(--border-width),var(--position) - var(--height) * tan(var(--angle) / 2))/0 0 var(--height) 0;border-image:conic-gradient(var(--background-colour) 0 0) fill 0/var(--radius) max(var(--border-width),100% - var(--position) - var(--height) * tan(var(--angle) / 2)) 0 max(var(--border-width),var(--position) - var(--height) * tan(var(--angle) / 2))/0 0 var(--height) 0;border-radius:inherit;clip-path:polygon(0 100%,0 0,100% 0,100% 100%,min(100% - var(--border-width),var(--position) + var(--height) * tan(var(--angle) / 2) - var(--border-width) * tan(45deg - var(--angle) / 4)) calc(100% - var(--border-width)),var(--position) calc(100% + var(--height) - var(--border-width) / sin(var(--angle) / 2)),max(var(--border-width),var(--position) - var(--height) * tan(var(--angle) / 2) + var(--border-width) * tan(45deg - var(--angle) / 4)) calc(100% - var(--border-width)));content:"";top:0;right:0;bottom:0;left:0;padding:var(--border-width);position:absolute;z-index:-1}.earth-container{display:grid;place-items:center}.earth-img,.explosion-img{opacity:0;transition:opacity .5s ease-out,visibility 0ms ease-out .5s;visibility:hidden;grid-column:1;grid-row:1}.earth-img.show,.explosion-img.show{opacity:1;transition-delay:0ms;visibility:visible}.scrabble-container{display:flex;flex-wrap:wrap;gap:1rem 2rem}.word{display:flex;gap:.5rem}.tile{aspect-ratio:1/1;background-color:#ebdea6;border-radius:.25rem;box-shadow:-.2em -.125em .125em #00000040,0 0 0 .04em #e9b8654d,.02em .02em .02em #0006 inset,-.05em -.05em .02em #fffc inset;cursor:pointer;position:relative;transition:all .125s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1.875rem}.tile .letter{color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;left:50%;line-height:1;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:4}.tile .value{color:#333;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.5rem;left:80%;line-height:1;margin:0;position:absolute;top:80%;transform:translateY(-50%);z-index:8}@media screen and (width >= 400px){.tile{width:2.5rem}.tile .letter{font-size:1.5rem}.tile .value{font-size:.75rem}}@media screen and (width >= 550px){.tile{width:3.5rem}.tile .letter{font-size:2rem}.tile .value{font-size:.875rem}}@media screen and (width >= 750px){.tile{width:4.5rem}.tile .letter{font-size:2.5rem}.tile .value{font-size:1rem}}