:root{font-family:Avenir Next,Avenir,Nunito Sans,Segoe UI,sans-serif;color:#172842;background:#cdeeff;font-synthesis:none;text-rendering:optimizeLegibility;--navy: #172842;--sky: #cdeeff;--paper: #fffdf7;--red: #e84e3b;--yellow: #ffd24a;--orange: #f36b3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(23,40,66,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,40,66,.045) 1px,transparent 1px),var(--sky);background-size:44px 44px}a{color:inherit}.site-shell{width:min(100%,1600px);margin:0 auto;overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,76px)}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:800;letter-spacing:-.025em;text-decoration:none}.wordmark-dot{width:21px;height:21px;border:5px solid var(--red);border-radius:48% 52% 46% 54%;transform:rotate(-12deg);box-shadow:8px -6px 0 -4px var(--yellow)}.header-link{border-bottom:2px solid currentColor;font-size:.9rem;font-weight:750;text-decoration:none}.hero{min-height:min(740px,calc(100vh - 82px));display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:5vw;padding:20px clamp(24px,7vw,108px) 80px}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:700px;margin:0;font-size:clamp(4rem,7.8vw,8.5rem);line-height:.89;letter-spacing:-.072em}.hero-copy p{max-width:430px;margin:34px 0;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:560;line-height:1.55}.primary-link,.play-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:0 25px;border:2px solid var(--navy);border-radius:999px;background:var(--yellow);box-shadow:5px 5px 0 var(--navy);font-size:.96rem;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.primary-link:hover,.play-link:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--navy)}.hero-art{position:relative;min-height:540px;display:grid;place-items:center}.hero-art img{position:relative;z-index:1;width:min(100%,700px);height:auto;filter:drop-shadow(0 30px 22px rgba(27,55,91,.16));animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:2px dashed rgba(23,40,66,.25);border-radius:50%}.orbit-one{width:84%;aspect-ratio:1;transform:rotate(-12deg)}.orbit-two{width:62%;aspect-ratio:1;transform:rotate(22deg)}.work-section{position:relative;padding:100px clamp(24px,7vw,108px) 120px;background:var(--paper)}.work-section:before{content:"";position:absolute;top:-24px;left:0;width:100%;height:32px;background:var(--paper);clip-path:polygon(0 72%,7% 40%,14% 74%,23% 28%,34% 70%,45% 36%,56% 74%,68% 27%,79% 70%,90% 33%,100% 67%,100% 100%,0 100%)}.section-intro{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;align-items:end;margin-bottom:60px}.section-intro p{margin:0;color:var(--red);font-size:.78rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.section-intro h2{max-width:760px;margin:0;font-size:clamp(2.7rem,5vw,5.8rem);line-height:.98;letter-spacing:-.055em}.app-catalog{display:grid;gap:28px}.app-card{min-height:430px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:2px solid var(--navy);border-radius:30px;background:#fff;box-shadow:12px 12px 0 var(--navy)}.app-card-featured{min-height:500px}.app-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(38px,5vw,72px)}.app-number{display:grid;width:48px;height:48px;place-items:center;border:2px solid var(--navy);border-radius:50%;background:var(--yellow);font-size:.82rem;font-weight:850}.app-copy h3{max-width:470px;margin:55px 0 22px;font-size:clamp(2.9rem,5vw,5.2rem);line-height:.93;letter-spacing:-.06em}.app-copy>p{max-width:440px;margin:0;color:#45566f;font-size:1.1rem;line-height:1.65}.app-details{display:flex;gap:44px;margin:42px 0}.app-details div{display:grid;gap:5px}.app-details dt{color:#78859a;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.app-details dd{margin:0;font-weight:750}.play-link{margin-top:auto;background:var(--app-accent, var(--orange));color:#fff}.game-preview{position:relative;display:grid;min-height:430px;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.92) 0 4px,transparent 5px),radial-gradient(circle at 75% 68%,rgba(255,255,255,.8) 0 5px,transparent 6px),#ffca47}.app-card-featured .game-preview{min-height:500px}.game-preview-rollance{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.85) 0 4px,transparent 5px),radial-gradient(circle at 72% 62%,rgba(255,255,255,.72) 0 5px,transparent 6px),linear-gradient(180deg,#9ad8ed 0 46%,#75c56d 47%)}.game-preview-typing-island{background:linear-gradient(180deg,#8ec8d4 0 42%,#2f6f86 42%)}.game-preview-fruit-crossing{background:linear-gradient(180deg,#9ad8ed 0 38%,#7dcf8a 38%)}.typing-preview,.fruit-preview{position:relative;width:100%;height:180px}.typing-fox,.typing-stone,.typing-shark{position:absolute;display:block}.typing-fox{left:38%;bottom:54px;width:54px;height:48px;border-radius:46% 46% 40% 40%;background:#d57a3a;box-shadow:inset 0 -8px #0000001f}.typing-fox:before,.typing-fox:after{content:"";position:absolute;top:-10px;width:16px;height:20px;background:#d57a3a;clip-path:polygon(50% 0,100% 100%,0 100%)}.typing-fox:before{left:6px}.typing-fox:after{right:6px}.typing-stone{left:54%;bottom:28px;min-width:58px;padding:8px 10px;border-radius:14px;background:#fff8ea;color:#172842;font-weight:800;text-align:center}.typing-shark{left:12%;bottom:36px;width:72px;height:28px;border-radius:50% 40% 50% 50%;background:#4d627a}.fruit-drop{position:absolute;font-size:2rem}.drop-one{left:28%;top:18px}.drop-two{right:30%;top:48px}.fruit-basket{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:2.6rem}.preview-window{width:min(76%,560px);overflow:hidden;border:2px solid var(--navy);border-radius:25px;background:#fff;box-shadow:14px 16px #17284238;transform:rotate(2.5deg)}.preview-top{display:flex;gap:7px;padding:14px 17px;border-bottom:2px solid var(--navy);background:#eaf8ff}.preview-top span{width:9px;height:9px;border:1.5px solid var(--navy);border-radius:50%}.preview-body{display:grid;justify-items:center;gap:27px;padding:46px 42px 40px}.preview-box{display:grid;width:145px;height:145px;place-items:center;border:3px solid var(--navy);border-radius:25px;background:var(--orange);box-shadow:9px 10px #d94a34;color:#fff;font-size:6rem;font-weight:900;line-height:1}.preview-lines{display:grid;width:75%;justify-items:center;gap:10px}.preview-lines span{height:10px;border-radius:99px;background:#dce5ed}.line-long{width:100%}.line-short{width:62%}.preview-answer{width:100%;display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:800}.rollance-preview-track{position:relative;width:min(100%,360px);height:230px;border:2px solid var(--navy);border-radius:20px;background:linear-gradient(80deg,transparent 0 31%,#f0c46b 32% 68%,transparent 69%),linear-gradient(#9edaf2 0 42%,#75c56d 43%);box-shadow:inset 0 -28px #17284214;transform:rotate(-2deg)}.rollance-preview-track:before,.rollance-preview-track:after,.rollance-ball,.rollance-coin,.rollance-block{position:absolute;display:block}.rollance-preview-track:before{content:"";left:144px;top:30px;width:72px;height:188px;background:#f0c46b;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.rollance-preview-track:after{content:"";left:151px;top:48px;width:58px;height:34px;border:2px solid var(--navy);border-radius:8px;background:#ffd24a;transform:rotate(4deg)}.rollance-ball{left:149px;bottom:28px;width:64px;height:64px;border:2px solid var(--navy);border-radius:50%;background:radial-gradient(circle at 33% 25%,#fff 0 8%,transparent 9%),#e84e3b;box-shadow:5px 7px #17284247}.rollance-coin{width:24px;height:24px;border:2px solid var(--navy);border-radius:50%;background:#ffd24a}.coin-one{left:122px;top:78px}.coin-two{right:116px;top:115px}.rollance-block{width:30px;height:30px;border:2px solid var(--navy);border-radius:5px;background:#8be05c;transform:rotate(10deg)}.block-one{left:92px;bottom:56px}.block-two{right:82px;bottom:78px;background:#4b8ac9}.answer-track{flex:1;height:13px;border:2px solid var(--navy);border-radius:99px;background:linear-gradient(90deg,#49bde5 0 63%,#e8edf1 63%)}.preview-star{position:absolute;color:var(--red);font-size:2.8rem}.star-one{top:12%;right:9%;transform:rotate(16deg)}.star-two{bottom:12%;left:9%;color:#fff;font-size:2rem}.loading-message{grid-column:1 / -1;place-self:center;font-weight:750}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px clamp(24px,5vw,76px);background:var(--navy);color:#fff}footer p{margin:0;color:#c9d5e5;font-size:.9rem}.footer-mark .wordmark-dot{border-color:var(--yellow)}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}@media(max-width:920px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:70px}.hero-copy h1{font-size:clamp(4rem,14vw,7.2rem)}.hero-art{min-height:410px}.hero-art img{width:min(86%,610px)}.section-intro,.app-card{grid-template-columns:1fr}.game-preview{min-height:450px}}@media(max-width:600px){.site-header{padding-top:22px}.header-link{font-size:.78rem}.hero{gap:10px;padding-bottom:60px}.hero-copy h1{font-size:clamp(3.5rem,18vw,5rem)}.hero-copy p{margin:25px 0 30px}.hero-art{min-height:300px}.work-section{padding-top:72px;padding-bottom:90px}.section-intro{gap:18px;margin-bottom:36px}.app-card{border-radius:24px;box-shadow:7px 7px 0 var(--navy)}.app-copy{padding:32px 26px 38px}.app-copy h3{margin-top:35px}.app-details{gap:24px}.play-link{width:100%}.game-preview{min-height:340px}.preview-window{width:82%}.preview-body{padding:32px 24px}.preview-box{width:105px;height:105px;font-size:4.5rem}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art img{animation:none}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}