:root{--bg:#090d13;--panel:#141c27;--ink:#eff3f8;--muted:#9caab9;--gold:#ffd16c;--blue:#8fbfea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit}header,main,footer{max-width:1500px;margin:auto}header{height:96px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{font-size:26px;font-weight:900;letter-spacing:-1.5px}.brand span{font-size:23px;margin-left:9px;color:var(--gold)}nav{display:flex;gap:36px}nav a{font-size:14px;color:#ccd6e1;transition:color .2s}nav a:hover{color:var(--gold)}.nav-note{font-size:12px;color:var(--muted);letter-spacing:2px}.hero{padding:80px 6% 90px;display:grid;grid-template-columns:1.13fr 1fr;gap:35px;align-items:center;position:relative}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:bold;color:var(--blue);margin:0 0 32px}h1{font-size:clamp(58px,6.8vw,102px);line-height:.99;letter-spacing:-6px;margin:0 0 32px;font-weight:900}em{font-family:Georgia,'Times New Roman',serif;font-weight:normal;color:var(--gold)}h1 em{display:inline-block;letter-spacing:-5px}.intro{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 30px}.button{display:inline-flex;align-items:center;background:var(--gold);color:#111820;padding:17px 27px;border-radius:6px;font-size:15px;font-weight:bold;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-4px);box-shadow:0 8px 30px #ffd16c25}.aside{display:inline-block;margin:0 0 0 18px;font-size:12px;color:var(--muted)}.portrait{position:relative;background:linear-gradient(145deg,#a5cdf0,#6199ca);border:1px solid #d1e7ff55;border-radius:12px;overflow:hidden;padding:28px 25px 22px;transform:rotate(3deg);min-height:515px;box-shadow:18px 22px 0 #142235;transition:transform .25s ease-out;will-change:transform}.portrait-top,.portrait-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#16334e;font-weight:bold}.portrait-top{padding-bottom:25px;border-bottom:1px solid #153e6630}.character{position:relative;z-index:1;height:340px;width:340px;margin:24px auto 0;background-image:url('assets/profile.png');background-size:3049px 945px;background-position:-112px -493px;border-radius:50%;background-color:white;box-shadow:0 0 0 10px #ffffff20,0 0 0 11px #ffffff50;animation:bob 6s ease-in-out infinite}.art-word{position:absolute;z-index:0;top:65px;left:14px;font-size:145px;font-weight:900;line-height:.85;letter-spacing:-12px;color:#143b6220}.portrait-bottom{margin-top:25px;align-items:center}.badge{font-size:35px;font-family:Georgia,serif}.orbit{position:absolute;right:10px;top:130px;writing-mode:vertical-rl;color:#254b69;font-size:10px;letter-spacing:3px}.ticker{background:var(--gold);color:#132130;transform:rotate(-1.5deg);padding:20px 0;overflow:hidden;font-size:13px;font-weight:bold;letter-spacing:3px;white-space:nowrap;margin:5px 0 0}.ticker span{display:block;width:max-content;animation:travel 40s linear infinite}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:115px 6%}h2{font-size:clamp(42px,4.6vw,68px);line-height:1.08;letter-spacing:-3px;margin:0}.about-text{padding:22px 0 0 30px;border-left:1px solid #ffffff20}.about-text p{font-size:17px;line-height:1.8;color:var(--muted)}.about-text .large{font-size:27px;line-height:1.5;color:var(--ink);margin-top:0}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.tags span{font-size:12px;letter-spacing:.5px;border:1px solid #ffffff25;border-radius:4px;padding:12px 17px;background:#ffffff03}.play{position:relative;margin:0 6%;padding:60px;background:radial-gradient(ellipse at 80% 50%,#33527645,transparent 65%),var(--panel);border:1px solid #ffffff15;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;min-height:360px}.play:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:40px 40px}.play>div{position:relative}.play p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.6}.toy{text-align:center;padding-top:20px}.toy button{position:relative;border:0;background:none;cursor:pointer;color:var(--gold);font-size:140px;line-height:1.2;transition:transform .3s;animation:sparkFloat 5s ease-in-out infinite;filter:drop-shadow(0 0 35px #ffd16c20)}.toy button:hover{animation:none;transform:rotate(20deg) scale(1.1)}.toy-ring{position:absolute;width:220px;height:220px;border:1px dashed #8fbfea35;border-radius:50%;left:50%;top:0;transform:translateX(-50%);pointer-events:none;animation:ringSpin 35s linear infinite}.toy p{min-height:40px;margin-bottom:8px}.spark-count{display:inline-block;font-size:11px;color:var(--blue);letter-spacing:2px}.connect{padding:115px 6% 80px}.links{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.links>a,.links>button{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;width:100%;padding:30px;text-align:left;border:1px solid #ffffff20;border-radius:10px;color:var(--ink);background:#ffffff03;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}.links>a:hover,.links>button:hover{background:#152334;transform:translateY(-5px);border-color:var(--blue)}.platform{font-size:27px;font-weight:bold;letter-spacing:-1px}.handle{color:var(--muted);font-size:15px}.link-label{grid-column:1/-1;color:var(--gold);font-size:13px}#copy-status{min-height:20px;color:var(--blue);font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6% 80px;border-top:1px solid #ffffff20}footer p{color:var(--muted);font-size:12px}footer a:last-child{font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.burst-particle{position:fixed;z-index:10;pointer-events:none;font-size:24px;color:var(--gold);animation:burst .85s ease-out forwards}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:20;border:1px solid #ffffff30;background:#17212eee;color:var(--ink);padding:10px 15px;border-radius:6px;font-size:14px;cursor:pointer;backdrop-filter:blur(10px)}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 20%,#38639318,transparent 45%);animation:atmosphere 12s ease-in-out infinite alternate}.motion-paused *,.motion-paused:before{animation:none!important;transition:none!important}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .portrait{transform:rotate(3deg)!important}@keyframes atmosphere{to{opacity:.3;transform:scale(1.12)}}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes sparkFloat{50%{transform:rotate(18deg) scale(1.08)}}@keyframes ringSpin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes travel{to{transform:translateX(-40%)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(100deg) scale(.3);opacity:0}}@media(max-width:1050px){.aside{display:block;margin:15px 0 0}.hero{gap:25px}.character{height:285px;width:285px;background-size:2556px 792px;background-position:-94px -413px}.portrait{min-height:440px}.art-word{font-size:120px}.play{padding:40px}}@media(max-width:760px){header{height:80px}.nav-note{display:none}.hero{grid-template-columns:1fr;padding-top:45px;gap:55px}h1{font-size:clamp(58px,12vw,86px);letter-spacing:-4px}h1 em{letter-spacing:-3px}.portrait{max-width:430px;width:94%;margin:0 auto 10px}.character{height:300px;width:300px;background-size:2690px 834px;background-position:-99px -435px}.about{grid-template-columns:1fr;gap:35px;padding-block:80px}.about-text{padding:0;border:0}.play{padding:32px;grid-template-columns:1fr;gap:30px}.connect{padding-block:80px}.links{grid-template-columns:1fr}.toy{padding-top:10px}.toy-ring{top:-10px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%;margin:0}}@media(max-width:390px){.character{width:260px;height:260px;background-size:2331px 722px;background-position:-86px -377px}.portrait{padding-inline:15px;min-height:400px}.portrait-top{font-size:9px}.orbit{display:none}.links>a,.links>button{padding:24px}.play{padding:25px}h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,body:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.burst-particle{display:none}.portrait{transform:rotate(3deg)!important}}
.arcade{margin:0 6%;padding:44px;background:#101a29;border:1px solid #87bdec35;border-radius:16px;box-shadow:0 25px 80px #0004;scroll-margin-top:25px}.arcade-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.arcade-heading>p{color:var(--muted);font-size:16px;line-height:1.8}.game-stats{display:flex;justify-content:space-between;gap:14px;border-block:1px solid #ffffff18;padding:20px 0;font-size:12px;color:var(--blue);letter-spacing:2px}.game-stats strong{display:block;color:var(--ink);font-size:28px;letter-spacing:-1px;margin-top:5px}#level{align-self:center;color:var(--gold);font-size:12px}.game-area{position:relative;margin-top:22px;border:1px solid #ffffff15;border-radius:10px;overflow:hidden;background:#080e19}#game{display:block;width:100%;height:420px;touch-action:none;outline-offset:-4px}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#080e19c9;backdrop-filter:blur(5px)}.game-overlay[hidden]{display:none}.game-mark{font-size:55px;color:var(--gold)}.game-overlay h3{font-size:clamp(24px,3vw,38px);letter-spacing:-1px;margin:14px 0}.game-overlay p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 22px}.game-overlay button{border:0;cursor:pointer}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-bottom p{font-size:12px;color:var(--muted);line-height:1.6}.game-bottom button{font-size:14px;color:var(--ink);border:1px solid #ffffff30;background:none;border-radius:5px;padding:9px 15px;cursor:pointer}.game-bottom button:disabled{opacity:.3;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero .button{background:var(--gold)}@media(max-width:760px){.arcade{padding:22px}.arcade-heading{display:block}.arcade-heading h2{font-size:45px}.arcade-heading>p{font-size:14px;margin-bottom:0}.game-stats{letter-spacing:1px;font-size:10px}.game-stats strong{font-size:24px}#level{font-size:10px}#game{height:370px}.game-bottom p{max-width:210px}}