:root{--primary:oklch(0.55 0.22 25);--bg:oklch(0.14 0.01 280);--surface:oklch(0.18 0.01 280/0.8);--correct:oklch(0.72 0.19 145);--close:oklch(0.8 0.16 90);--wrong:oklch(0.55 0.2 25);--char-exile:oklch(0.6 0.2 25);--char-vector:oklch(0.6 0.15 200);--char-downfall:oklch(0.6 0.15 120);--text:oklch(0.95 0.01 90);--muted:oklch(0.69 0.02 280);--hairline:oklch(0.95 0.01 90/0.12);--header:oklch(0.18 0.01 280/0.44);--header-scrolled:oklch(0.17 0.01 280/0.79);color-scheme:dark}:root[data-theme=light]{--bg:oklch(0.955 0.008 85);--surface:oklch(0.99 0.006 85/0.76);--text:oklch(0.22 0.012 280);--muted:oklch(0.48 0.02 280);--hairline:oklch(0.22 0.012 280/0.12);--header:oklch(0.99 0.006 85/0.55);--header-scrolled:oklch(0.98 0.008 85/0.84);color-scheme:light}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(70rem 46rem at 50% -20%,oklch(.35 .12 15/.22),transparent 62%),radial-gradient(36rem 28rem at 3% 60%,oklch(.26 .08 320/.18),transparent 66%),var(--bg);color:var(--text);font-family:apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-optical-sizing:auto;transition:background-color .3s ease,color .3s ease}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}@media (any-pointer:fine){body,body *,html{cursor:url(/cursor.png) 25 2,auto!important}[role=button],a[href],button,input[type=button],input[type=reset],input[type=submit],summary{cursor:url(/cursor.png) 25 2,pointer!important}html[data-custom-cursor=true],html[data-custom-cursor=true] *{cursor:none!important}}@media (forced-colors:active){html[data-custom-cursor=true],html[data-custom-cursor=true] *{cursor:auto!important}}.page-shell{position:relative;isolation:isolate;display:flex;min-height:100vh;flex-direction:column}.particle-field{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.particle-field:before{position:absolute;inset:0;content:"";background-image:radial-gradient(oklch(.7 .11 25/.2) .6px,transparent .8px);background-size:30px 30px;-webkit-mask-image:linear-gradient(180deg,black,transparent 82%);mask-image:linear-gradient(180deg,black,transparent 82%);opacity:.32}.particle-field i{position:absolute;top:calc(4% + (var(--particle) * 4.4%));left:calc((var(--particle) * 31%) % 100%);width:calc(2px + (var(--particle) % 3) * 1px);height:calc(2px + (var(--particle) % 3) * 1px);border-radius:99px;background:oklch(.64 .18 25/.72);box-shadow:0 0 14px oklch(.62 .2 25/.7);animation:drift calc(12s + (var(--particle) % 5) * 3s) ease-in-out infinite alternate;animation-delay:calc(var(--particle) * -.7s)}@keyframes drift{0%{transform:translateZ(0);opacity:.15}to{transform:translate3d(42px,-78px,0);opacity:.85}}.site-header{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;justify-content:center;padding-block:.75rem;padding-inline:clamp(1rem,3vw,2.5rem);pointer-events:none}.header-shell{display:grid;width:min(100%,1100px);grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem;min-height:52px;padding:.4rem .5rem .4rem .75rem;border:1px solid var(--hairline);border-radius:16px;background:var(--header);box-shadow:0 10px 40px oklch(.02 .01 280/.18),inset 0 1px 0 oklch(1 0 0/.08);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);pointer-events:auto;transform-origin:top center}.brand,.header-actions,.icon-button,.language-button,.mode-card__action,.mode-nav,.nav-link{display:inline-flex;align-items:center}.brand{gap:.55rem;min-width:max-content}.brand-mark{display:inline-flex;align-items:flex-end;gap:2px;height:19px;padding:2px}.brand-mark i{display:block;width:4px;border-radius:99px;background:linear-gradient(to top,var(--primary),oklch(.78 .17 55));box-shadow:0 0 10px oklch(.6 .2 25/.42)}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:18px}.brand-name{font-size:.86rem;font-weight:650;letter-spacing:-.025em}.mode-nav{gap:.15rem;padding:.2rem;border:1px solid var(--hairline);border-radius:10px}.nav-link{position:relative;min-height:29px;padding:.22rem .65rem;border-radius:7px;color:var(--muted);font-size:.72rem;font-weight:590;letter-spacing:-.01em;transition:color .15s ease}.nav-link:focus-visible,.nav-link:hover{color:var(--text);outline:none}.nav-link span:not(.nav-active-pill){position:relative;z-index:1}.nav-active-pill{position:absolute;inset:0;border:1px solid var(--hairline);border-radius:6px;background:oklch(.95 .01 90/.1);box-shadow:inset 0 1px 0 oklch(1 0 0/.1)}.header-actions{justify-self:end;gap:.3rem}.icon-button,.language-button{justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .1s ease-out}.language-button{font-size:.74rem;font-weight:700;letter-spacing:.02em}.icon-button:focus-visible,.icon-button:hover,.language-button:focus-visible,.language-button:hover{border-color:var(--hairline);background:oklch(.95 .01 90/.08);color:var(--text);outline:none}.icon-button:active,.language-button:active{transform:scale(.94)}main{width:min(100%,1160px);padding-inline:clamp(1rem,3vw,2.5rem)}.hero,main{margin:0 auto}.hero{max-width:840px;padding-top:clamp(5.2rem,12vw,8.5rem);text-align:center}.eyebrow{margin:0 0 1.05rem;color:oklch(.74 .09 35);font-size:.65rem;font-weight:720;letter-spacing:.18em;line-height:1.4}.hero h1{margin:0;font-size:clamp(3.5rem,10.2vw,7.4rem);font-weight:720;letter-spacing:-.072em;line-height:.88;text-wrap:balance}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(125deg,oklch(.78 .17 50),oklch(.59 .23 25) 65%);background-clip:text;-webkit-background-clip:text}.hero-brand{margin-top:1.1rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.84rem,1.5vw,1rem);letter-spacing:.16em;text-transform:uppercase}.hero-subtitle{min-height:1.7em;margin:1.6rem auto 0;color:var(--text);font-size:clamp(1rem,2vw,1.18rem);font-weight:470;letter-spacing:-.018em;line-height:1.5}.cursor{display:inline-block;width:1px;height:1.05em;margin-left:.18em;background:var(--primary);vertical-align:-.15em;animation:blink .85s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}.hero-note{margin:1rem 0 0;color:var(--muted);font-size:.76rem;font-weight:500;letter-spacing:.04em}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.15rem;gap:1.15rem;margin-top:clamp(3.4rem,7vw,5.5rem);padding-bottom:4rem;perspective:1200px}.mode-card{position:relative;min-height:410px;overflow:hidden;border:1px solid var(--hairline);border-radius:12px;background:linear-gradient(135deg,oklch(.23 .02 280/.88),var(--surface));box-shadow:0 18px 38px oklch(.02 .01 280/.38);transform-style:preserve-3d;will-change:transform,box-shadow}:root[data-theme=light] .mode-card{background:linear-gradient(135deg,oklch(.99 .008 85/.9),oklch(.94 .012 85/.86))}.mode-card:after{position:absolute;z-index:0;inset:0;content:"";border-radius:inherit;background:linear-gradient(126deg,oklch(1 0 0/.16),transparent 24%,transparent 72%,oklch(.7 .11 25/.1));pointer-events:none}.card-glow{position:absolute;inset:-25%;border-radius:50%;background:radial-gradient(circle at 50% 50%,oklch(.63 .2 25/.19),transparent 44%);filter:blur(28px);opacity:0;transition:opacity .2s ease}.mode-card:hover .card-glow{opacity:1}.mode-card--pixels .card-glow{background:radial-gradient(circle at 50% 50%,oklch(.62 .16 200/.21),transparent 44%)}.mode-card__topline{position:relative;z-index:2;display:flex;align-items:center;padding:1.25rem 1.35rem;color:var(--muted)}.mode-index{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.1em}.mode-card__preview{position:relative;z-index:1;display:grid;height:204px;place-items:center;padding:0 1.6rem}.mode-card__content{position:relative;z-index:2;padding:.35rem 1.35rem 1.4rem;transform:translateZ(18px)}.mode-card__content h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:680;letter-spacing:-.045em;line-height:1.06}.mode-card__content p{max-width:35rem;margin:.7rem 0 1.1rem;color:var(--muted);font-size:.88rem;line-height:1.55}.mode-card__action{gap:.45rem;color:var(--text);font-size:.8rem;font-weight:650;letter-spacing:-.015em}.mode-card__action svg{transition:transform .2s ease}.mode-card__action:hover svg{transform:translate3d(3px,-3px,0)}.mode-card__action:focus-visible{outline:2px solid var(--primary);outline-offset:5px;border-radius:4px}.attribute-grid{position:relative;display:grid;width:min(100%,286px);grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;overflow:visible;padding:11px;border:1px solid oklch(.7 .015 280/.16);border-radius:10px;background:radial-gradient(circle at 24% 18%,oklch(.43 .02 280/.16),transparent 53%),linear-gradient(145deg,oklch(.28 .014 280/.84),oklch(.13 .012 280/.91) 55%,oklch(.055 .008 280/.97)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");background-blend-mode:screen,normal,soft-light;box-shadow:0 18px 30px oklch(.03 .01 280/.38),0 34px 48px oklch(.02 .008 280/.38),inset 0 1px 0 oklch(1 0 0/.09);backdrop-filter:blur(16px) saturate(.82);-webkit-backdrop-filter:blur(16px) saturate(.82);perspective:760px;transform-origin:center;animation:attribute-float 11.5s cubic-bezier(.42,.05,.25,1) infinite}.attribute-grid:before{z-index:3;inset:0;border:1px solid oklch(.94 .012 280/.1);border-radius:inherit;box-shadow:inset 0 1px 0 oklch(1 0 0/.12),inset 0 0 18px oklch(.78 .018 280/.035),inset 0 -14px 24px oklch(.02 .01 280/.38)}.attribute-grid:after,.attribute-grid:before{position:absolute;content:"";pointer-events:none}.attribute-grid:after{z-index:2;inset:2px;border-radius:8px;background:linear-gradient(108deg,transparent 35%,oklch(1 0 0/.26) 47%,oklch(1 0 0/.07) 54%,transparent 66%) 145% 0 /220% 100% no-repeat;mix-blend-mode:screen;opacity:0;animation:tray-glint 11.5s ease-in-out infinite}.guess-tile{--tile-glass:rgba(57,205,132,0.53);--tile-glass-back:rgba(25,124,79,0.59);position:relative;z-index:1;aspect-ratio:1/.78;border-radius:4px;filter:drop-shadow(0 3px 5px oklch(.02 .01 280/.2));transform-style:preserve-3d;will-change:transform,filter;animation:tile-wave 6.6s cubic-bezier(.32,.72,.22,1) var(--tile-delay) infinite alternate both}.guess-tile--close{--tile-glass:rgba(242,194,68,0.53);--tile-glass-back:rgba(151,103,18,0.6)}.guess-tile--wrong{--tile-glass:rgba(239,91,116,0.53);--tile-glass-back:rgba(149,36,57,0.6)}.guess-tile__face{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid oklch(1 0 0/.34);border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:saturate(165%);backdrop-filter:blur(14px) saturate(165%);-webkit-backdrop-filter:blur(14px) saturate(165%)}.guess-tile__face--front{background:var(--tile-glass);box-shadow:inset 0 1px 0 oklch(1 0 0/.38),inset 0 -2px 3px oklch(.03 .01 280/.18)}.guess-tile__face--back{background:var(--tile-glass-back);box-shadow:inset 0 1px 0 oklch(1 0 0/.2),inset 0 -3px 4px oklch(.02 .01 280/.34);transform:rotateX(180deg)}:root[data-theme=light] .mode-card--attributes .guess-tile__face{filter:saturate(205%) brightness(1.035);backdrop-filter:blur(14px) saturate(205%);-webkit-backdrop-filter:blur(14px) saturate(205%)}@keyframes attribute-float{0%,to{transform:perspective(900px) translate3d(7px,0,0) rotateX(4deg) rotate(-2deg);box-shadow:0 18px 30px oklch(.03 .01 280/.32),0 34px 48px oklch(.03 .01 280/.3),inset 0 1px 0 oklch(1 0 0/.1)}24%{transform:perspective(900px) translate3d(11px,-6px,0) rotateX(4.5deg) rotate(-1.35deg);box-shadow:0 24px 36px oklch(.03 .01 280/.28),0 44px 56px oklch(.03 .01 280/.36),inset 0 1px 0 oklch(1 0 0/.18)}52%{transform:perspective(900px) translate3d(2px,-9px,0) rotateX(3.4deg) rotate(-2.8deg);box-shadow:0 28px 42px oklch(.03 .01 280/.26),0 51px 65px oklch(.03 .01 280/.38),inset 0 1px 0 oklch(1 0 0/.2)}76%{transform:perspective(900px) translate3d(10px,-2px,0) rotateX(4.2deg) rotate(-1.55deg);box-shadow:0 20px 32px oklch(.03 .01 280/.3),0 38px 50px oklch(.03 .01 280/.33),inset 0 1px 0 oklch(1 0 0/.14)}}@keyframes tile-wave{0%,10%{transform:translateY(0) rotateX(0deg);filter:drop-shadow(0 3px 5px oklch(.02 .01 280/.24))}18%{transform:translateY(-11px) rotateX(0deg);filter:drop-shadow(0 13px 11px oklch(.02 .01 280/.36))}38%{transform:translateY(-14px) rotateX(180deg);filter:drop-shadow(0 16px 13px oklch(.02 .01 280/.42))}53%,to{transform:translateY(0) rotateX(180deg);filter:drop-shadow(0 3px 5px oklch(.02 .01 280/.24))}}@keyframes tray-glint{0%,26%,to{background-position:145% 0;opacity:0}38%{opacity:.8}57%{background-position:-45% 0;opacity:0}}@keyframes light-sweep{0%,24%,to{transform:translateX(-58%) rotate(8deg);opacity:0}43%{opacity:.7}60%{transform:translateX(58%) rotate(8deg);opacity:0}}.pixel-frame{position:relative;display:grid;width:min(100%,266px);grid-template-columns:repeat(8,1fr);overflow:hidden;border:8px solid oklch(.1 .014 280);border-radius:12px;background:oklch(.15 .015 260);box-shadow:0 18px 32px oklch(.03 .01 280/.36),0 35px 48px oklch(.03 .01 280/.32),inset 0 1px 0 oklch(1 0 0/.12);transform:rotateX(6deg) rotate(5deg);animation:pixel-float 9.5s ease-in-out infinite}.pixel-frame:before{inset:-75% -60%;background:linear-gradient(110deg,transparent 43%,oklch(.9 .08 200/.35) 50%,transparent 57%);mix-blend-mode:screen;transform:translateX(-58%);animation:light-sweep 9.5s ease-in-out -1.2s infinite}.pixel-frame:after,.pixel-frame:before{position:absolute;z-index:2;content:"";pointer-events:none}.pixel-frame:after{inset:0;box-shadow:inset 0 0 28px oklch(.02 .01 280/.56),inset 0 1px 0 oklch(1 0 0/.12)}.pixel-block{position:relative;z-index:1;aspect-ratio:1;background:hsl(calc(195 + (var(--i) * 9)),calc(32% + ((var(--i) % 4) * 8%)),calc(22% + ((var(--i) % 5) * 7%)));box-shadow:inset 0 1px 0 oklch(1 0 0/.08);animation:pixel-fade 6.6s ease-in-out infinite;animation-delay:calc(var(--i) * -72ms)}.pixel-block:nth-child(3n){background:oklch(.42 .12 175)}.pixel-block:nth-child(5n){background:oklch(.55 .16 205)}.pixel-block:nth-child(7n){background:oklch(.48 .12 285)}.pixel-block:nth-child(11n){background:oklch(.72 .15 80)}@keyframes pixel-float{0%,to{transform:rotateX(6deg) rotate(5deg) translateZ(0);box-shadow:0 18px 32px oklch(.03 .01 280/.36),0 35px 48px oklch(.03 .01 280/.32),inset 0 1px 0 oklch(1 0 0/.12)}50%{transform:rotateX(8deg) rotate(2deg) translate3d(0,-10px,0);box-shadow:0 27px 39px oklch(.03 .01 280/.3),0 51px 64px oklch(.03 .01 280/.38),inset 0 1px 0 oklch(1 0 0/.2)}}@keyframes pixel-fade{0%,to{filter:saturate(.72) brightness(.68);box-shadow:inset 0 1px 0 oklch(1 0 0/.06)}48%{filter:saturate(1.24) brightness(1.16);box-shadow:inset 0 1px 0 oklch(1 0 0/.28),0 0 10px oklch(.67 .12 200/.12)}}.site-footer{margin-top:auto;padding:1.25rem clamp(1rem,3vw,2.5rem) 1.8rem;color:var(--muted);font-size:.7rem;letter-spacing:.02em;text-align:center}.site-footer p{margin:0}.mode-placeholder-page{background:radial-gradient(40rem 32rem at 50% 40%,oklch(.42 .12 25/.17),transparent 70%)}.placeholder-main{display:grid;flex:1 1;place-items:center;padding-top:3rem;padding-bottom:3rem}.placeholder-card{width:min(100%,520px);padding:clamp(2rem,8vw,4rem);border:1px solid var(--hairline);border-radius:20px;background:var(--surface);box-shadow:0 28px 60px oklch(.03 .01 280/.32);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.placeholder-card h1{margin:0;font-size:clamp(2rem,7vw,3.6rem);letter-spacing:-.06em}.placeholder-card p{margin:1rem 0 1.5rem;color:var(--muted)}@media (max-width:680px){.site-header{padding-inline:.7rem}.header-shell{grid-template-columns:1fr auto;gap:.5rem;padding-left:.6rem}.mode-nav{display:none}.brand-name{font-size:.8rem}.hero{padding-top:4.6rem}.hero h1{font-size:clamp(3.15rem,16vw,4.5rem)}.mode-grid{grid-template-columns:1fr;gap:.9rem;margin-top:3.3rem}.mode-card{min-height:385px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}.particle-field{display:none}.mode-card{transform:none!important}.cursor{animation:none}}@media (prefers-reduced-transparency:reduce){.header-shell,.placeholder-card{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-contrast:more){.header-shell,.mode-card,.placeholder-card{border-color:var(--text)}.hero-note,.mode-card__content p,.nav-link{color:var(--text)}}.game-cursor_cursor__aDfrI{position:fixed;inset:0 auto auto 0;z-index:2147483647;width:54px;height:54px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;contain:layout style;will-change:transform}.game-cursor_cursor__aDfrI[data-visible=true]{opacity:1}.game-cursor_cursor__aDfrI,.game-cursor_cursor__aDfrI *{pointer-events:none!important}.game-cursor_sprite__dh5lO{width:100%;height:100%;transform-origin:27.75px 4.5px;transform:rotate(-6deg)}.game-cursor_sprite__dh5lO img{position:absolute;inset:0;width:54px;height:54px;max-width:none;opacity:0}.game-cursor_cursor__aDfrI[data-tone=dark] img[data-tone=dark],.game-cursor_cursor__aDfrI[data-tone=light] img[data-tone=light]{opacity:1}@media (forced-colors:active){.game-cursor_cursor__aDfrI{display:none}}