@font-face{font-family:Blackcat;src:url('assets/display.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Marker;src:url('assets/marker.ttf') format('truetype');font-display:swap}
@font-face{font-family:Hand;src:url('assets/hand.woff2') format('woff2');font-display:swap}
:root{--cream:#faf7ee;--ink:#121313;--lime:#caff35;--scale:1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#1b1b1b;color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ff792e;outline-offset:6px}svg{display:block;width:100%;height:100%}.symbols{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:100%;height:calc(1096px * var(--scale));overflow:hidden}.artboard{width:1435px;height:1096px;position:relative;transform:scale(var(--scale));transform-origin:top left;background:#1b1b1b;isolation:isolate;overflow:hidden}.artboard:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:20;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:screen}.hero{height:678px;position:relative;background:radial-gradient(ellipse at 51% 55%,#fffdf5 10%,transparent 65%),var(--cream)}.hero:after{position:absolute;content:'';inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23111' filter='url(%23n)' d='M0 0h140v140H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.collage{position:absolute;inset:0}.header{position:absolute;left:45px;right:37px;top:12px;height:62px;display:flex;align-items:center;z-index:12}.brand{display:flex;gap:8px;align-items:center;width:257px}.brand>svg{width:68px;height:68px;flex-shrink:0}.brand strong{display:block;font:900 35px/1.12 Blackcat,sans-serif;letter-spacing:-2px;transform:skew(-7deg)}.brand small{display:block;font-size:12px;letter-spacing:4px;font-weight:900;margin-top:2px}.header nav{display:flex;gap:58px;margin-left:55px;padding-top:2px;white-space:nowrap;font-weight:700;font-size:20px}.header nav a:hover{color:#6e8300}.social{display:flex;align-items:center;gap:20px;margin-left:auto}.social i{height:16px;border-left:2px solid #111}.social .kook{font:900 italic 14px/1 Arial,sans-serif;border:3px solid #101010;border-radius:7px;padding:3px 4px;background:var(--lime);box-shadow:2px 2px 0 #c7e631;position:relative;transform:rotate(1deg)}.kook:after{content:'';position:absolute;bottom:-8px;right:4px;border-top:6px solid #111;border-right:5px solid transparent}.discord{display:flex;gap:9px;align-items:center;font:900 17px Arial}.discord svg{width:28px;height:25px}.social .social-paw{width:34px;height:34px}.headline-crown{position:absolute;left:194px;top:91px;width:95px;height:82px;color:var(--lime);transform:rotate(-8deg)}.hero-copy{position:absolute;left:56px;top:118px;z-index:5;width:506px}.hero-copy h1{margin:0 0 0 -13px;font:900 141px/1.04 Blackcat,sans-serif;letter-spacing:-5px;width:635px;transform:rotate(-7deg) skew(-5deg) scaleX(.82);transform-origin:0 50%;white-space:nowrap}.hero-copy h1 span{display:block}.hero-copy p{position:absolute;top:300px;left:0;width:530px;margin:0;font-size:22px;line-height:1.5;letter-spacing:.25px}.actions{position:absolute;top:358px;left:0;display:flex;gap:14px}.button{height:63px;width:220px;display:flex;justify-content:center;align-items:center;gap:13px;border:2px solid #111;border-radius:40px;font-weight:900;font-size:24px;background:#faf8f1;transition:transform .15s,box-shadow .15s}.button.primary{width:223px;background:linear-gradient(110deg,#d2ff43,#c7ff26)}.button svg{width:22px;height:22px}.button:hover{transform:translateY(-3px);box-shadow:4px 5px 0 #111}.friends-doodle{position:absolute;left:82px;top:560px;transform:rotate(-9deg);z-index:4;width:287px;height:68px;font:18px/1.05 Marker,sans-serif}.friends-doodle em{font-style:normal;margin-left:48px}.small-paw{position:absolute;right:29px;top:9px;width:28px;height:28px;transform:rotate(12deg)}.friends-doodle .scribble{position:absolute;left:95px;top:41px;width:180px;height:32px}.black-note{position:absolute;left:546px;top:124px;width:117px;height:158px;padding:20px 13px;color:var(--cream);background:#282929;transform:rotate(-22deg);font:19px/1.25 'Arial Narrow',monospace;text-align:center;clip-path:polygon(2% 3%,97% 0,100% 93%,0 100%)}.orange-smile{position:absolute;left:565px;top:258px;background:#ff7933;width:54px;height:54px;border-radius:50%;transform:rotate(12deg);z-index:4;padding:7px}.paw-dot{position:absolute;left:531px;top:325px;width:37px;height:37px;border-radius:50%;background:#111;padding:6px;color:#faf7ee}.right-slogan{position:absolute;left:1100px;top:89px;color:var(--lime);transform:rotate(-12deg) skew(-9deg);z-index:2;font:95px/.85 Marker,sans-serif;letter-spacing:-7px;white-space:nowrap}.right-slogan span{display:block}.right-slogan span:nth-child(2){font-size:76px;letter-spacing:-6px;margin-top:8px}.right-slogan>svg{position:absolute;left:-16px;top:119px;width:338px;height:66px;transform:rotate(-4deg)}.belong-note{position:absolute;left:1305px;top:273px;width:115px;height:186px;background:#f8f7f1;padding:19px 12px 9px;transform:rotate(-7deg);z-index:4;box-shadow:3px 2px 8px #1111;clip-path:polygon(0 2%,99% 0,97% 96%,3% 100%)}.belong-note>svg{width:61px;height:60px;margin:0 auto 8px}.belong-note strong{display:block;font:900 21px/.99 'Arial Narrow',Arial,sans-serif;letter-spacing:-.6px;transform:scaleX(.86);transform-origin:0}.belong-note i{display:block;background:var(--lime);width:75px;height:4px;margin-top:9px;transform:rotate(-4deg)}.tape{position:absolute;left:29px;top:-6px;background:#dededc90;width:68px;height:20px;transform:rotate(8deg)}.good-game{position:absolute;left:1073px;top:491px;z-index:4;font:39px/.98 Hand,cursive;transform:rotate(-11deg);white-space:nowrap}.good-game>span{font-size:36px}.good-game .smile{position:absolute;left:154px;top:-7px;width:45px;height:45px;transform:rotate(9deg)}.good-game .underline{position:absolute;left:26px;top:92px;width:148px;height:29px}.club-stamp{position:absolute;left:1266px;top:485px;width:168px;height:168px;color:#ff722b;transform:rotate(12deg);z-index:5}.club-stamp circle{fill:none;stroke:currentColor;stroke-width:4}.club-stamp text{font:900 21px Blackcat,Arial;fill:currentColor;stroke:none;letter-spacing:.7px}.hero-cat{position:absolute;left:556px;top:24px;width:610px;height:667px;object-fit:contain;z-index:6;pointer-events:none}.cat-shadow{position:absolute;z-index:5;left:667px;top:642px;width:397px;height:38px;background:#000b;filter:blur(12px);border-radius:50%}.meow-note{position:absolute;left:543px;top:520px;width:138px;height:119px;padding:15px 9px;transform:rotate(12deg);z-index:8;background:var(--lime);font:22px/.87 Marker,sans-serif;clip-path:polygon(2% 0,99% 3%,97% 100%,0 98%)}.meow-note span{display:block;margin-left:21px;font-size:20px}.meow-note small{display:block;text-align:center;font:23px Marker;margin-top:2px;transform:rotate(78deg)}.meow-note i{position:absolute;top:-5px;left:9px;width:95px;height:20px;background:#eeeddbaa;transform:rotate(7deg)}.games{position:relative;height:340px;padding:0 28px;color:#f8f6ef;background:#1b1b1b;z-index:7}.games-heading{height:89px;display:flex;align-items:center;position:relative;padding-bottom:3px}.games-heading h2{font:900 45px/1 Blackcat,sans-serif;letter-spacing:1px;margin:0 0 0 34px;transform:skew(-5deg);position:relative}.games-heading h2:after{content:'';position:absolute;left:24px;bottom:-15px;width:200px;height:9px;background:var(--lime);transform:rotate(-4deg);clip-path:polygon(0 39%,75% 0,100% 52%,44% 68%,0 100%)}.triangle{position:absolute;left:-31px;top:3px;background:var(--lime);width:23px;height:25px;clip-path:polygon(0 0,100% 22%,6% 100%);transform:rotate(15deg)}.games-heading>p{font-size:16px;letter-spacing:1px;color:#b0aeab;margin:16px 28px 0 auto}.heading-paw{width:30px;height:31px;color:#ece7db;margin-top:15px;margin-right:56px}.same-games{font:12px/1.5 monospace;letter-spacing:1px;color:#aaa;position:absolute;right:7px;top:0;text-align:center}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{height:240px;position:relative;border-radius:13px;isolation:isolate;overflow:hidden;border:1.5px solid #c9b580;transition:transform .18s,box-shadow .18s}.game-card:hover{transform:translateY(-5px);box-shadow:0 7px 0 #caff35}.game-card:after{content:'';position:absolute;inset:0;pointer-events:none;border:2px solid #faf1d155;border-radius:11px;clip-path:polygon(0 0,100% 0,100% 4%,1% 3%,2% 98%,100% 98%,100% 100%,0 100%)}.game-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.valorant{background:#ff4555;color:#080b0c}.ittakes{background:#fcf1ce;color:#10110d}.league{background:#111e30;color:#fbf7e9}.league:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b142380,transparent 68%);z-index:-1}.card-copy{position:absolute;left:21px;top:17px;right:10px}.card-copy h3{font:900 39px/1.15 Blackcat,sans-serif;margin:17px 0 5px;letter-spacing:-1px;transform:skew(-5deg);transform-origin:left center}.card-copy p{margin:0;font-size:14px;letter-spacing:.2px;font-weight:600;white-space:nowrap}.valorant-logo{width:79px;height:56px}.valorant-logo svg{width:47px;height:34px;margin-left:14px}.valorant-logo b{display:block;font:900 12px Arial;letter-spacing:1px;margin-top:4px}.card-arrow{position:absolute;left:19px;bottom:18px;width:51px;height:51px;background:#0c1010;border-radius:50%;padding:13px;color:#faf9f4}.card-caption{position:absolute;left:151px;bottom:17px;font:900 10px/1.2 monospace;letter-spacing:2px;text-align:center}.ittakes .card-copy{left:20px;top:13px}.ittakes-logo{height:64px;width:107px;position:relative;color:#ffd22b;text-shadow:-2px 0 #943e07,0 2px #943e07,2px 0 #943e07,0 -2px #943e07;transform:rotate(-5deg);font-family:Blackcat,Arial;font-weight:900;line-height:.78;padding-left:8px}.ittakes-logo span{display:block;font-size:22px;padding-left:11px}.ittakes-logo b{display:block;font-size:35px;letter-spacing:-3px}.ittakes-logo strong{display:block;font-size:34px;padding-left:34px;letter-spacing:-3px}.ittakes h3{margin-top:12px}.ittakes .card-arrow{color:#e98919}.ittakes .card-caption{left:130px;bottom:16px;text-align:left}.league .card-copy{left:21px;top:20px}.league-logo{font:900 20px/.86 Arial,sans-serif;letter-spacing:-1px;height:55px;color:#dab66c}.league-logo small{font-size:10px;margin-left:3px}.league h3{margin-top:15px}.league .card-arrow{background:#11181c;border:1px solid #e8bf58;color:#e8bf58}.league .card-caption{color:#92959c;text-align:left;left:92px;bottom:17px}.league-doodle{position:absolute;bottom:38px;right:5px;transform:rotate(-20deg);font:17px/.98 Marker,sans-serif;text-align:center;color:#d4f641}.league-doodle svg{width:31px;height:28px;margin:0 auto 4px}footer{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#d4d4d0;font-size:13px;letter-spacing:.4px;position:relative;z-index:7}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand>svg{width:34px;height:39px;color:#e9e8e0;fill:none}.footer-brand>svg use{filter:drop-shadow(0 0 1px #f7f6ec)}.footer-brand i{font-style:normal;margin:0 0 0 1px}.footer-brand small{font:11px monospace;letter-spacing:1.2px}.footer-end{display:flex;align-items:center;gap:13px;font-size:12px}.footer-end>svg{width:26px;height:26px}.footer-end>span{font-size:19px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.game-card{transition:none}}
/* Final alignment pass against the supplied 1435 × 1096 reference. */
.hero:before{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:#1b1b1b}
.hero-copy{top:150px}
.hero-copy h1{font-size:137px;line-height:.94;transform:rotate(-5deg) skew(-5deg) scaleX(.85)}
.hero-copy p{top:268px}
.actions{top:326px}
.hero-cat{top:36px}
.right-slogan span:nth-child(2){font-size:73px;transform:scaleX(.77);transform-origin:0 50%;margin-left:37px}
.black-note{font-family:'Arial Narrow',Arial,sans-serif;letter-spacing:1px}
.card-caption,.same-games,.footer-brand small{font-family:'Arial Narrow',Arial,sans-serif}
.footer-brand>svg{color:#1b1b1b;filter:drop-shadow(1px 0 0 #eee) drop-shadow(-1px 0 0 #eee) drop-shadow(0 1px 0 #eee) drop-shadow(0 -1px 0 #eee)}
.footer-brand>svg use{filter:none}
/* Reference-matched vector lettering, ink edges and mascot proportions. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-copy h1{position:absolute;left:-17px;top:-28px;margin:0;width:489px;height:294px;transform:none;font-size:0;line-height:0;letter-spacing:0}
.headline-glyphs{display:block;width:489px;height:294px}
.headline-crown{left:193px;top:92px;width:98px;height:83px;transform:none}
.right-slogan{left:1082px;top:82px;width:353px;height:318px;transform:none}
.right-slogan img{display:block;width:100%;height:100%}
.friends-doodle{left:80px;top:554px;width:289px;height:77px;transform:none}
.friends-doodle>img{width:100%;height:100%}
.good-game{left:1066px;top:470px;width:204px;height:144px;transform:none}
.good-game>img{width:100%;height:100%}
.club-stamp{left:1270px;top:483px;width:165px;height:170px;transform:none;background:url('assets/stamp.svg') center/100% 100% no-repeat}
.club-stamp>svg{visibility:hidden}
.mascot{position:absolute;left:506px;top:17px;width:672px;height:710px;z-index:6;pointer-events:none}
.mascot img{position:absolute;left:0;width:672px;object-fit:fill}
/* Meet both transforms at source row 725, hidden beneath the collar. */
.mascot-head{top:0;height:710px;clip-path:inset(0 0 42.823344% 0)}
.mascot-body{top:73px;height:582.6px;clip-path:inset(57.176656% 0 0 0)}
.cat-shadow{left:674px;top:648px;width:391px;height:26px;filter:blur(9px);opacity:.8}
.hero:after{opacity:.065}
.artboard:after{opacity:.055;mix-blend-mode:soft-light}
.collage{filter:url('#ink-grain')}
.games-heading h2{font-size:0;height:57px;width:360px;transform:none;background:url('assets/games-heading.svg') 0 0/360px 57px no-repeat;margin-left:33px;margin-top:-8px}
.games-heading h2:after{bottom:-10px}
.triangle{top:9px}
.mascot-body{top:51.6px;height:620px}
.mascot{filter:brightness(.97) contrast(1.06)}