:root{--ink:#17141f;--bone:#f4f0e8;--violet:#6e4cff;--violet-text:#5634e0;--lime:#c8f04a;--dusk:#2a2247;--lilac:#b8a9ff;--muted-light:#5b5566;--muted-dark:#a79fb8;--gutter:clamp(20px, 3.2vw, 48px);--peek-w:clamp(260px, 44vw, 680px)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);color:var(--bone);font-family:var(--font-noto), "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--violet);color:#fff}a{color:inherit}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:6px}.hero{min-height:100svh;padding:var(--gutter);isolation:isolate;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.hero-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.logo{width:clamp(190px,24vw,360px);margin:0}.logo img{width:100%;height:auto;margin:-5.36% 0 0 -5.36%;animation:.9s cubic-bezier(.16,1,.3,1) both arrive;display:block}.parent{color:var(--lilac);white-space:nowrap;padding-top:.4em;font-size:14px;font-weight:700;text-decoration:none}.parent:hover{color:var(--bone)}.hero-copy{z-index:1;align-self:center;max-width:min(680px,56%);padding:8vh 0 10vh;animation:1s cubic-bezier(.16,1,.3,1) .1s both arrive;position:relative}.tagline{letter-spacing:.01em;margin:0;font-size:clamp(46px,7.2vw,116px);font-weight:900;line-height:1.06}.tagline em{color:var(--violet);font-style:normal}.tagline-en{color:var(--lilac);margin:.55em 0 1.5em;font-size:clamp(20px,2.3vw,34px);font-weight:700}.intro{max-width:34em;color:var(--bone);margin:0 0 .6em;font-size:clamp(15px,1.15vw,18px);line-height:1.85}.intro-en{color:var(--muted-dark)}.peek{width:var(--peek-w);aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;animation:1.15s cubic-bezier(.2,1.25,.35,1) .35s both rise;position:absolute;bottom:0;right:clamp(-48px,-2vw,0px);transform:translateY(30%)rotate(-6deg)}.peek-rig{transform-origin:50% 96%;display:block;position:absolute;inset:0}.part{background:var(--dusk);-webkit-mask:var(--m) center / 100% 100% no-repeat;-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;position:absolute;inset:0}.body-open{--m:url(/brand/parts/body-open.svg);animation:6s step-end infinite blink-open}.body-half{--m:url(/brand/parts/body-half.svg);opacity:0;animation:6s step-end infinite blink-half}.body-closed{--m:url(/brand/parts/body-closed.svg);opacity:0;animation:6s step-end infinite blink-closed}.horn{--m:url(/brand/parts/horn.svg);background:var(--violet);transform-origin:28.463% 34.808%;animation:6s linear infinite wiggle}.peek:hover .horn{background:#7d5eff}.peek-rig[data-poked]{animation:.55s cubic-bezier(.3,1.6,.5,1) squash}.peek-rig[data-poked] .horn{animation:.75s ease-out poke-wiggle,6s linear .75s infinite wiggle}.peek-rig[data-poked] .body-open{animation:.3s step-end poke-open,6s step-end .3s infinite blink-open}.peek-rig[data-poked] .body-closed{animation:.3s step-end poke-closed,6s step-end .3s infinite blink-closed}.make{padding:clamp(72px, 9vw, 144px) var(--gutter);background:var(--bone);color:var(--ink)}h2{margin:0 0 clamp(28px,4vw,56px);font-size:clamp(30px,3.4vw,50px);font-weight:900;line-height:1.2}h2 span{vertical-align:.2em;margin-left:.35em;font-size:.5em;font-weight:700}.make h2 span{color:var(--violet-text)}.principles{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);margin:0;padding:0;list-style:none;display:grid}.principles li{background:#fff;border-radius:22px;padding:clamp(22px,2.2vw,34px);transition:transform .25s cubic-bezier(.2,1.4,.4,1)}.principles li:hover{transform:translateY(-4px)rotate(-.6deg)}.num{color:var(--violet-text);letter-spacing:.14em;font-size:13px;font-weight:900}h3{margin:.7em 0 .45em;font-size:clamp(30px,2.7vw,42px);font-weight:900;line-height:1.1}h3 span{color:var(--muted-light);margin-left:.3em;font-size:.45em;font-weight:700}.principles p{margin:0 0 .4em;font-size:16px;line-height:1.75}.principles .en{color:var(--muted-light);font-size:14.5px}.games{padding:clamp(64px, 7vw, 120px) var(--gutter);background:var(--dusk);align-items:center;gap:clamp(24px,4vw,72px);display:flex}.games h2{margin-bottom:.5em}.games h2 span{color:var(--lilac)}.games p{margin:0 0 .35em;font-size:clamp(16px,1.3vw,20px);line-height:1.7}.games .en{color:var(--muted-dark)}.pixel-beast{width:128px;height:128px;image-rendering:pixelated;background:url(/brand/raskorn-pixel-blink-reverse@8x.png) 0 0/400% 100% no-repeat;flex:none;animation:2.24s step-end infinite pixel-blink}.footer{padding:clamp(40px, 5vw, 72px) var(--gutter) clamp(28px, 3vw, 44px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.endorsed{width:clamp(180px,18vw,260px);height:auto;margin:-5.36% 0 -6% -1.2%}.footer-meta{color:var(--muted-dark);text-align:right;font-size:13.5px;line-height:1.8}.footer-meta a{color:var(--lilac);font-weight:700;text-decoration:none}.footer-meta a:hover{color:var(--bone)}.footer-meta p{margin:.3em 0 0}@media (min-width:760px){.pixel-beast{width:256px;height:256px}}@media (max-width:1080px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){:root{--peek-w:82vw}.hero-copy{max-width:100%;padding:12vh 0 calc(var(--peek-w) * .66);align-self:start}.parent span{display:none}.principles{grid-template-columns:minmax(0,1fr)}.games,.footer{flex-direction:column;align-items:flex-start}.footer-meta{text-align:left}}@keyframes arrive{0%{opacity:0;transform:translateY(18px)}}@keyframes rise{0%{transform:translateY(105%)rotate(-6deg)}to{transform:translateY(30%)rotate(-6deg)}}@keyframes blink-open{0%{opacity:1}50%{opacity:0}52.78%{opacity:1}}@keyframes blink-half{0%{opacity:0}50%{opacity:1}50.69%{opacity:0}52.08%{opacity:1}52.78%{opacity:0}}@keyframes blink-closed{0%{opacity:0}50.69%{opacity:1}52.08%{opacity:0}}@keyframes wiggle{0%,70%{transform:rotate(0)}71.2%{transform:rotate(11deg)}72.6%{transform:rotate(-7deg)}74%{transform:rotate(4.5deg)}75.4%{transform:rotate(-2deg)}76.8%,to{transform:rotate(0)}}@keyframes poke-wiggle{0%{transform:rotate(0)}15%{transform:rotate(16deg)}35%{transform:rotate(-11deg)}55%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes poke-open{0%{opacity:0}to{opacity:1}}@keyframes poke-closed{0%{opacity:1}to{opacity:0}}@keyframes squash{0%{transform:scale(1.07,.88)}45%{transform:scale(.97,1.04)}to{transform:scale(1)}}@keyframes pixel-blink{0%{background-position:0 0}89.29%{background-position:33.333% 0}91.96%{background-position:66.667% 0}97.32%{background-position:33.333% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}