:root{--ink:#32180f;--deep:#201008;--cream:#fff2cf;--paper:#fff9e9;--yellow:#ffc83d;--gold:#f5a623;--orange:#f0642d;--tomato:#e54a32;--green:#73c986;--blue:#56acec;--line:#32180f29;--font-display:"Arial Black","Trebuchet MS",sans-serif;--font-body:"Trebuchet MS",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;margin:0;font-weight:650;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{background:var(--cream);z-index:50;border-bottom:2px solid var(--ink);height:88px;position:relative}.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{align-items:center;gap:9px;display:inline-flex}.logo svg{width:50px;height:50px}.logo span{line-height:.84;font-family:var(--font-display);flex-direction:column;display:flex}.logo b{letter-spacing:-.6px;font-size:19px}.logo small{letter-spacing:6px;color:var(--tomato);margin-top:7px;font-size:12px}.nav-links{align-items:center;gap:30px;font-size:14px;font-weight:900;display:flex}.nav-links>a:not(.button):hover{color:var(--tomato)}.button{border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:18px;padding:14px 22px;font-size:14px;transition:transform .15s,box-shadow .15s;display:inline-flex}.button:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.button:active{box-shadow:none;transform:translate(4px,4px)}.button-small{padding:11px 16px}.button-jumbo{box-shadow:6px 6px 0 var(--ink);padding:18px 26px;font-size:18px}.button-dark{background:var(--deep);color:#fff}.menu-toggle{background:0 0;border:0;display:none}.menu-toggle span{background:var(--ink);width:26px;height:3px;margin:5px;display:block}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;align-items:center;gap:9px;font-size:12px;font-weight:1000;display:inline-flex}.eyebrow:before{content:"";background:var(--tomato);width:24px;height:3px}.eyebrow.light{color:var(--cream)}.eyebrow.light:before{background:var(--yellow)}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:400}h2{letter-spacing:-2px;font-size:clamp(40px,6vw,74px);line-height:.99}h2 i,h1 i{color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);font-style:normal}p{line-height:1.65}.section{padding:110px 0}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.section-heading>p{max-width:430px;margin:0 0 8px;font-size:17px}.section-heading.inverse{color:#fff}.section-heading.inverse>p{color:#ffd8c9}.cream{background:var(--cream)}.hero{background:var(--tomato);color:#fff;min-height:730px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 72% 40%,#ffcf4638,#0000 25%);position:absolute;inset:0}.hero-grain{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{z-index:2;grid-template-columns:1fr 1fr;align-items:center;min-height:680px;display:grid;position:relative}.hero-copy{padding:65px 0 90px}.hero h1{letter-spacing:-5px;margin:24px 0 26px;font-size:clamp(58px,7.4vw,101px);line-height:.84}.hero h1 span{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero-copy>p{color:#ffe0d4;max-width:520px;font-size:19px}.hero-actions{align-items:center;gap:31px;margin-top:34px;display:flex}.text-link{font-size:15px;font-weight:1000}.text-link b{border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:8px;display:inline-grid}.hero-proof{align-items:center;gap:12px;margin-top:54px;display:flex}.hero-proof strong{font-family:var(--font-display);color:var(--yellow);font-size:32px}.hero-proof span{text-transform:uppercase;letter-spacing:1px;font-size:10px;line-height:1.2}.hero-proof i{background:#ffffff59;width:1px;height:35px;margin:0 18px}.hero-art{height:620px;position:relative}.pan{border:15px solid var(--ink);background:#6a2b1a;border-radius:50%;width:490px;height:490px;position:absolute;top:65px;right:-10px;transform:rotate(-7deg);box-shadow:inset 0 0 0 8px #ae4a25,18px 20px #33110847}.pan-inner{background:radial-gradient(circle at 40% 34%,#f8b234,#cf5425 60%,#7b281d);border:5px solid #8d351f;border-radius:50%;position:absolute;inset:23px;overflow:hidden}.pan-inner:after{content:"";background:repeating-radial-gradient(circle,#0000 0 48px,#5c1c1221 49px 51px);position:absolute;inset:0}.pan-handle{border:8px solid var(--ink);z-index:-1;background:#4a2116;border-radius:18px;width:210px;height:66px;position:absolute;top:207px;right:-158px}.hero-art .kernel{z-index:5;animation:2.8s ease-in-out infinite floaty;position:absolute;top:114px;left:155px;transform:scale(1.25)rotate(8deg)}.hazard-dot{z-index:2;background:#fff2a4;border:5px solid #7b281d;border-radius:50%;width:34px;height:34px;position:absolute;box-shadow:0 0 0 7px #ffe67040}.h1{top:96px;left:60px}.h2{top:174px;right:63px}.h3{bottom:76px;left:91px}.mini-kernel{z-index:3;background:#fff1cb;border:4px solid #55261a;border-radius:54% 50% 44% 47%;width:32px;height:42px;position:absolute}.mini-kernel:after{content:"• •";color:#3b190f;font-size:11px;position:absolute;top:10px;left:7px}.mk1{bottom:90px;right:93px;transform:rotate(17deg)}.mk2{bottom:130px;left:117px;transform:rotate(-12deg)}.mk3{top:74px;right:82px}.sizzle{font-family:var(--font-display);color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);z-index:4;position:absolute;transform:rotate(-8deg)}.s1{font-size:23px;top:67px;left:50px}.s2{font-size:30px;bottom:120px;right:7px;transform:rotate(12deg)}.orbit-one,.orbit-two{border:2px dashed #fff0cd38;border-radius:50%;width:690px;height:690px;position:absolute;top:-15px;right:-130px}.orbit-two{width:790px;height:790px;top:-65px;right:-180px}.hero-ticker{background:var(--yellow);height:50px;color:var(--ink);border-block:2px solid var(--ink);z-index:5;font-family:var(--font-display);white-space:nowrap;align-items:center;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-ticker span{min-width:970px;animation:24s linear infinite ticker}.mode-grid{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.mode-card{border-right:2px solid var(--ink);min-height:380px;padding:30px 26px;transition:all .25s;position:relative}.mode-card:last-child{border:0}.mode-card:hover{background:var(--yellow);transform:translateY(-7px)}.mode-num{font-family:var(--font-display);font-size:12px}.mode-icon{border:2px solid var(--ink);background:var(--cream);border-radius:50%;place-items:center;width:82px;height:82px;margin:35px auto 27px;font-size:38px;font-style:normal;display:grid}.mode-card h3{font-size:22px}.mode-card>b{text-transform:uppercase;color:var(--tomato);letter-spacing:1.6px;font-size:11px}.mode-card p{color:#745849;font-size:14px}.circle-arrow{border:2px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid;position:absolute;bottom:20px;right:22px}.tomato{background:var(--tomato)}.character-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.character-card{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:485px;padding:24px 25px 28px;display:flex;position:relative;overflow:hidden}.character-card:before{content:"";border-bottom:2px solid var(--ink);background:#ffd86b;height:250px;position:absolute;inset:0 0 auto}.character-card.shielder:before{background:#bde1f6}.character-card.catcher:before{background:#ffb676}.class-number{font-family:var(--font-display);opacity:.15;font-size:48px;position:absolute;top:12px;right:16px}.character-card>.kernel{position:absolute;top:46px;left:50%;transform:translate(-50%)scale(1.1)}.character-card h3{margin:7px 0;font-size:30px}.character-card p{color:#76584c;margin:0;font-size:14px}.cooldown{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-top:17px;padding-top:15px;font-size:10px;display:flex}.kernel{width:150px;height:170px;display:block;position:relative}.kernel-body{border:4px solid var(--ink);z-index:2;background:#fff4d2;border-radius:45% 50% 43% 48%;width:105px;height:105px;position:absolute;top:45px;left:22px;box-shadow:inset -10px -10px #efcc8e}.kernel-body:before,.kernel-body:after{content:"";border:4px solid var(--ink);z-index:-1;background:#fff4d2;border-radius:50%;width:31px;height:42px;position:absolute;top:-27px}.kernel-body:before{left:10px;transform:rotate(-29deg)}.kernel-body:after{right:10px;transform:rotate(29deg)}.kernel-body b,.kernel-body em{background:var(--ink);border-radius:50%;width:9px;height:11px;position:absolute;top:36px}.kernel-body b{left:27px}.kernel-body em{right:27px}.kernel-body span{border-bottom:3px solid var(--ink);border-radius:50%;width:25px;height:12px;position:absolute;top:56px;left:37px}.kernel-puff{border:4px solid var(--ink);z-index:1;background:#fff4d2;border-radius:50%;width:62px;height:62px;position:absolute;top:16px}.kernel-puff.p1{left:8px}.kernel-puff.p2{top:4px;left:44px}.kernel-puff.p3{right:5px}.kernel-accent{border:4px solid var(--ink);background:var(--green);z-index:3;border-radius:7px;width:54px;height:22px;position:absolute;top:121px;left:47px}.kernel-shielder .kernel-accent{background:var(--blue);opacity:.55;border-radius:50%;width:84px;height:72px;top:106px;left:32px}.kernel-catcher .kernel-accent{background:var(--orange);border-radius:50% 50% 15px 15px;width:34px;height:45px;top:99px;left:98px;transform:rotate(-20deg)}.kernel-small{transform:scale(.85)}.boss-section{background:var(--paper)}.boss-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;display:grid}.boss-copy p{max-width:430px;margin:26px 0 34px;font-size:17px}.boss-stack{grid-template-columns:1fr 1fr;gap:15px;display:grid;transform:rotate(1deg)}.boss-card{border:2px solid var(--ink);height:220px;box-shadow:4px 4px 0 var(--ink);border-radius:12px;padding:23px;position:relative;overflow:hidden}.boss-card span{text-transform:uppercase;letter-spacing:2px;font-size:10px}.boss-card h3{margin-top:34px;font-size:24px}.boss-card p{max-width:230px;margin-top:8px;font-size:13px}.boss-card i{font-size:48px;font-style:normal;position:absolute;top:13px;right:15px}.boss-card.butter{background:#ffd75e}.boss-card.salt{background:#d8edeb}.boss-card.fire{background:#ff8b52}.boss-card.micro{background:#b9a7dc}.controls-section{background:var(--deep);color:#fff}.controls-section h2{margin:18px 0 52px}.controls-grid{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.control-panel{background:#2c170f;border:2px solid #72402d;border-radius:14px;padding:30px}.control-panel h3{color:var(--yellow);margin-bottom:24px;font-size:21px}.keys{border-top:1px solid #603522;align-items:center;gap:25px;padding:20px 0;display:flex}.keys:last-child{padding-bottom:0}.keys kbd,.key-grid kbd{width:48px;height:42px;color:var(--ink);font-family:var(--font-display);background:#f9ebc5;border:2px solid #160a06;border-radius:7px;place-items:center;font-size:12px;display:inline-grid;box-shadow:0 4px #a88563}.key-grid{grid-template-columns:repeat(3,32px);gap:4px;width:104px;display:grid}.key-grid kbd{width:32px;height:31px}.key-grid kbd:first-child{grid-column:2}.keys kbd.space{width:104px}.keys div{flex-direction:column;display:flex}.keys small{color:#b99d91}.phone-panel{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1.4fr;display:grid}.phone-panel h3{grid-column:1}.phone-panel p{color:#b99d91;align-self:end;font-size:13px}.phone{background:radial-gradient(circle,#8d3f27,#4a2017);border:3px solid #8d553c;border-radius:30px;grid-area:1/2/4;min-height:320px;position:relative;overflow:hidden}.phone-stick{color:#ffe59d;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:79px;height:79px;font-size:33px;display:grid;position:absolute;bottom:35px;left:20px}.phone-kernel{font-size:56px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.phone-ability{background:var(--yellow);border:4px solid var(--ink);width:66px;height:66px;color:var(--ink);border-radius:50%;place-items:center;font-size:26px;display:grid;position:absolute;bottom:38px;right:19px}.final-cta{background:var(--yellow);border-top:2px solid var(--ink)}.final-cta>.shell{text-align:center;justify-content:space-between;align-items:center;display:flex}.final-cta h2{margin:17px 0 35px}.final-cta h2 i{color:var(--tomato)}.site-footer{background:var(--cream);border-top:2px solid var(--ink);padding:70px 0 22px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;display:grid}.footer-grid>div:first-child p{color:#7b5c50;max-width:310px;font-size:13px}.footer-grid h3{margin-bottom:15px;font-size:13px}.footer-grid>div:not(:first-child):not(:last-child){flex-direction:column;gap:9px;font-size:13px;display:flex}.footer-kernel{font-family:var(--font-display);color:var(--tomato);font-size:40px;line-height:.8;transform:rotate(8deg)}.footer-kernel span{color:var(--yellow);-webkit-text-stroke:2px var(--ink);font-size:70px}.footer-bottom{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:11px;display:flex}.page-hero{background:var(--tomato);color:#fff;text-align:center;padding:90px 0 115px;position:relative;overflow:hidden}.page-hero:before{content:"";border:2px dashed #fff3;border-radius:50%;width:500px;height:500px;position:absolute;top:-250px;left:50%;transform:translate(-50%)}.page-hero h1{letter-spacing:-3px;margin:21px 0;font-size:clamp(48px,8vw,91px);line-height:.95}.page-hero p{color:#ffded0;max-width:650px;margin:auto;font-size:18px}.page-hero-wave{background:var(--paper);clip-path:polygon(0 75%,5% 20%,11% 78%,17% 32%,25% 82%,33% 25%,42% 77%,50% 24%,59% 78%,67% 30%,75% 80%,84% 28%,93% 82%,100% 28%,100% 100%,0 100%);height:28px;position:absolute;bottom:-1px;left:0;right:0}.content-page{padding:80px 0 110px}.prose{max-width:780px;margin:auto}.prose h2{letter-spacing:-1px;margin:45px 0 12px;font-size:33px}.prose h3{margin:28px 0 8px;font-size:20px}.prose p,.prose li{color:#6e5043;line-height:1.75}.prose a{text-decoration:underline}.info-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.info-card{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:12px;padding:30px}.info-card h2{margin:10px 0;font-size:26px}.info-card span{color:var(--tomato);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.faq-list{gap:12px;max-width:860px;margin:auto;display:grid}.faq-item{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:10px}.faq-item summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;padding:20px 24px;font-size:15px;list-style:none;display:flex}.faq-item summary:after{content:"+";font-size:22px}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#74584b;margin:0;padding:0 24px 20px}.steps{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.step{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:12px;padding:25px}.step>b{background:var(--yellow);border:2px solid var(--ink);width:40px;height:40px;font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.step h3{margin:20px 0 9px;font-size:19px}.step p{color:#735649;font-size:14px}.notice{border:2px solid var(--ink);background:#fff0a8;border-radius:10px;margin-top:30px;padding:20px}@keyframes floaty{50%{transform:scale(1.25)rotate(4deg)translateY(-13px)}}@keyframes ticker{to{transform:translate(-100%)}}@media (max-width:900px){.nav-links{background:var(--cream);border-bottom:2px solid var(--ink);flex-direction:column;padding:25px;display:none;position:absolute;top:88px;left:0;right:0}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;min-height:950px}.hero-copy{padding-bottom:0}.hero-art{height:430px}.pan{width:390px;height:390px;top:15px;left:50%;transform:translate(-50%)rotate(-7deg)}.pan-handle{display:none}.hero-art .kernel{top:80px;left:125px}.mode-grid{grid-template-columns:1fr 1fr}.mode-card:nth-child(2){border-right:0}.mode-card:nth-child(-n+2){border-bottom:2px solid var(--ink)}.character-grid,.boss-grid,.controls-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-kernel{display:none}.steps{grid-template-columns:1fr 1fr}}@media (max-width:600px){.shell{width:min(100% - 24px,1180px)}.site-header{height:72px}.nav-links{top:72px}.logo svg{width:42px;height:42px}.section{padding:75px 0}.section-heading{display:block}.section-heading>p{margin-top:24px}.hero-grid{min-height:870px}.hero-copy{padding-top:48px}.hero h1{letter-spacing:-3px;font-size:57px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-proof{margin-top:30px}.hero-art{height:350px}.pan{width:325px;height:325px}.hero-art .kernel{top:55px;left:88px;transform:scale(.87)}.mode-grid{grid-template-columns:1fr}.mode-card{border-right:0;min-height:300px;border-bottom:2px solid var(--ink)!important}.mode-card:last-child{border-bottom:0!important}.mode-icon{margin:20px auto}.boss-stack{grid-template-columns:1fr}.phone-panel{display:block}.phone{min-height:280px}.final-cta>.shell>.kernel{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.footer-bottom{gap:10px}.page-hero{padding:70px 0 90px}.page-hero h1{font-size:47px}.info-grid,.steps{grid-template-columns:1fr}.controls-section h2{font-size:42px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.play-page{background:var(--deep);color:#fff;min-height:calc(100vh - 88px);padding:55px 0 90px}.mode-select,.setup-panel,.online-panel,.game-stage-shell{width:min(1180px,100% - 40px);margin:auto}.game-page-heading{text-align:center;margin-bottom:44px}.game-page-heading h1,.setup-heading h1,.online-heading h1{font-family:var(--font-display);letter-spacing:-3px;margin:18px 0;font-size:clamp(42px,6.5vw,78px);line-height:.96}.game-page-heading h1 i{color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px #000;font-style:normal}.game-page-heading p,.setup-heading p,.online-heading p{color:#c7a99d;font-size:17px}.play-mode-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.play-mode-grid>button{min-height:370px;color:var(--ink);text-align:left;cursor:pointer;background:#fff3d2;border:2px solid #000;border-radius:12px;padding:27px 24px;transition:all .18s;position:relative;box-shadow:5px 5px #000}.play-mode-grid>button:hover{background:var(--yellow);transform:translateY(-8px)}.play-mode-grid>button>i{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:77px;height:77px;margin:38px auto 25px;font-size:36px;font-style:normal;display:grid}.play-mode-grid h2{letter-spacing:0;font-size:22px}.play-mode-grid>button>b{color:var(--tomato);text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.play-mode-grid p{color:#795a4d;font-size:13px}.play-mode-grid em{font-style:normal;font-family:var(--font-display);font-size:11px;position:absolute;bottom:22px;left:24px}.play-mode-num{font-family:var(--font-display);opacity:.14;font-size:35px;position:absolute;top:13px;right:17px}.back-button,.plain-button{color:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;font-weight:900;text-decoration:underline}.back-button{color:#dabfb3;margin-bottom:30px}.setup-heading,.online-heading{text-align:center;max-width:760px;margin:0 auto 45px}.setup-heading h1,.online-heading h1{font-size:58px}.setup-grid{grid-template-columns:1.45fr .75fr;gap:26px;display:grid}.setup-grid>div,.online-card{color:var(--ink);background:#fff3d2;border:2px solid #000;border-radius:14px;padding:31px;box-shadow:7px 7px #000}.setup-grid h2,.online-card h2{letter-spacing:0;margin-bottom:23px;font-size:18px}.class-picker{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.class-picker>button{color:var(--ink);cursor:pointer;background:#fff9e9;border:2px solid #a07b68;border-radius:10px;flex-direction:column;align-items:center;min-height:330px;padding:15px;display:flex}.class-picker>button.selected{background:var(--yellow);border-color:#000;box-shadow:4px 4px #000}.class-picker .kernel{height:157px}.class-picker>button>b{font-family:var(--font-display);margin-bottom:9px;font-size:15px}.class-picker>button>span{font-size:12px;line-height:1.45}.match-settings label,.online-profile label{text-transform:uppercase;letter-spacing:1.5px;flex-direction:column;gap:7px;font-size:10px;display:flex}.match-settings input,.online-profile input,.join-room input{border:2px solid var(--ink);height:48px;color:var(--ink);background:#fff;border-radius:7px;outline:none;padding:0 14px;font-size:16px}.match-settings input:focus,.online-profile input:focus,.join-room input:focus{box-shadow:0 0 0 3px var(--yellow)}.match-settings fieldset{border:0;margin:25px 0;padding:0}.match-settings legend{text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:10px}.match-settings fieldset button{border:2px solid var(--ink);text-transform:capitalize;cursor:pointer;background:#fff;width:33.33%;height:42px}.match-settings fieldset button+button{border-left:0}.match-settings fieldset button.selected{background:var(--yellow);font-weight:900}.match-summary{border-block:1px solid var(--line);gap:7px;margin-bottom:25px;padding:16px 0;display:grid}.match-summary span{justify-content:space-between;font-size:12px;display:flex}.start-button{width:100%}.game-loading{min-height:500px;font-family:var(--font-display);color:var(--yellow);place-items:center;display:grid}.game-stage-shell{touch-action:none}.game-topbar{color:var(--ink);background:#fff3d2;border:2px solid #000;border-radius:10px 10px 0 0;justify-content:flex-end;align-items:center;gap:10px;padding:10px 15px;display:flex}.game-topbar>div{flex-direction:column;margin-right:auto;display:flex}.game-topbar>div b{font-family:var(--font-display);font-size:13px}.game-topbar>div span{text-transform:capitalize;font-size:10px}.game-topbar button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:6px;padding:7px 12px;font-size:11px}.game-canvas-wrap{aspect-ratio:3/2;background:#3a180f;border:2px solid #000;border-top:0;position:relative;overflow:hidden}.game-canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.game-hud{z-index:5;pointer-events:none;grid-template-columns:1fr auto 1fr;display:grid;position:absolute;top:15px;left:15px;right:15px}.hud-player,.hud-round,.hud-count{background:#201008e0;border:2px solid #8f5338;border-radius:8px;flex-direction:column;padding:9px 13px;display:flex}.hud-player{justify-self:start}.hud-round{text-align:center;min-width:230px}.hud-count{text-align:right;justify-self:end}.game-hud small{text-transform:uppercase;letter-spacing:1.2px;color:#d3ad99;font-size:9px}.game-hud b{font-family:var(--font-display);color:#fff3d0;font-size:12px}.hearts{gap:4px;display:flex}.hearts span{color:#4e3026;font-size:20px}.hearts span.full{color:#ff5c4c}.hud-round>span{color:var(--yellow);font-size:10px}.hud-count>b{font-size:25px}.ability-chip{z-index:5;background:var(--yellow);border:4px solid var(--ink);width:105px;height:105px;color:var(--ink);pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:4px 4px #000}.ability-chip.cooling{filter:grayscale(.65);background:#8f7b67}.ability-chip b{font-family:var(--font-display);font-size:17px}.ability-chip span{text-transform:uppercase;text-align:center;max-width:70px;font-size:8px}.team-chip{z-index:5;pointer-events:none;gap:5px;display:grid;position:absolute;top:90px;right:15px}.team-chip>span{border-left:4px solid var(--green);background:#201008d9;justify-content:space-between;gap:10px;min-width:130px;padding:6px 9px;font-size:9px;display:flex}.team-chip>span.downed{border-color:var(--tomato)}.team-chip i{color:var(--yellow);font-style:normal}.touch-stick,.touch-ability{display:none}.game-tip{text-align:center;color:#9d7d70;text-transform:uppercase;letter-spacing:1.2px;font-size:11px}.game-modal{z-index:20;text-align:center;background:#170905db;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.game-modal>div{background:var(--cream);width:min(530px,100%);color:var(--ink);border:3px solid var(--ink);border-radius:13px;padding:42px;box-shadow:8px 8px #000}.game-modal h2{letter-spacing:-1px;margin:14px 0;font-size:39px}.game-modal p{color:#745649}.game-modal .plain-button{margin:22px auto 0;display:block}.game-modal.victory>div{background:var(--yellow)}.game-modal.defeat>div{background:#ffc4a5}.result-actions{justify-content:center;align-items:center;gap:25px;display:flex}.volume-control{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:7px;font-size:9px;display:flex}.volume-control input{accent-color:var(--tomato);width:75px}.server-pill{text-transform:uppercase;letter-spacing:1px;border:1px solid #73432f;border-radius:30px;align-items:center;gap:7px;padding:7px 12px;font-size:10px;display:inline-flex}.server-pill i{background:#f0ab35;border-radius:50%;width:8px;height:8px}.server-pill.ready i{background:#6bd084;box-shadow:0 0 8px #6bd084}.server-pill.unavailable i{background:#ed654b}.server-error{width:min(680px,100%);color:var(--ink);text-align:center;background:#ffd1b8;border:2px solid #000;border-radius:12px;margin:auto;padding:35px;box-shadow:6px 6px #000}.server-error h2{font-size:24px}.server-error code{color:#fff;background:#4a2418;padding:2px 5px}.online-card{grid-template-columns:280px 1fr;gap:35px;display:grid}.online-profile{border-right:1px solid var(--line);padding-right:30px}.mini-class-pick{gap:8px;margin-top:18px;display:grid}.mini-class-pick button{cursor:pointer;background:#fff;border:2px solid #af8c78;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.mini-class-pick button.selected{border-color:var(--ink);background:var(--yellow)}.mini-class-pick i{border:2px solid var(--ink);border-radius:50%;width:22px;height:22px}.queue-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.queue-icon{color:var(--tomato);font-size:70px}.queue-box p{color:#76584b}.queue-box .plain-button{margin-top:20px}.room-entry{grid-template-columns:1fr 1fr;gap:15px;display:grid}.room-choice,.join-room{border:2px solid var(--ink);text-align:left;background:#fff;border-radius:10px;padding:25px}.room-choice{cursor:pointer;flex-direction:column;display:flex}.room-choice:hover{background:var(--yellow)}.room-choice b{font-family:var(--font-display);font-size:18px}.room-choice span{color:#76584b;margin:12px 0 38px;font-size:13px}.room-choice em{font-style:normal;font-weight:900}.join-room{flex-direction:column;gap:13px;display:flex}.join-room h2{margin:0}.join-room input{font-family:var(--font-display);text-transform:uppercase;letter-spacing:7px;text-align:center;font-size:20px}.room-code{background:var(--yellow);border:2px solid var(--ink);border-radius:8px;align-items:center;gap:15px;padding:14px;display:flex}.room-code span{text-transform:uppercase;letter-spacing:1px;font-size:9px}.room-code b{font-family:var(--font-display);letter-spacing:5px;font-size:23px}.room-code button{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:10px;text-decoration:underline}.member-list{gap:7px;margin:14px 0;display:grid}.member-list>div{color:#9d8173;border:2px dashed #b49785;border-radius:8px;align-items:center;gap:10px;height:61px;padding:9px 12px;display:flex}.member-list>div.filled{border-style:solid;border-color:var(--ink);color:var(--ink);background:#fff}.member-list i{border:2px solid var(--ink);border-radius:50%;width:35px;height:35px}.member-list span{flex-direction:column;display:flex}.member-list b{font-size:12px}.member-list small{text-transform:uppercase;font-size:9px}.member-list em{color:var(--green);margin-left:auto;font-size:9px;font-style:normal;font-weight:1000}.room-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.room-actions .plain-button{margin-right:auto}.lobby-error{text-align:center;color:#b62e24;background:#ffe0ce;border-radius:6px;grid-column:1/-1;padding:10px}@media (max-width:900px){.play-mode-grid{grid-template-columns:1fr 1fr}.setup-grid,.online-card{grid-template-columns:1fr}.online-profile{border:0;border-bottom:1px solid var(--line);padding:0 0 25px}.game-canvas-wrap{aspect-ratio:auto;height:70vh;min-height:460px}.game-hud{grid-template-columns:1fr 1fr}.hud-round{position:absolute;top:0;left:50%;transform:translate(-50%)}.hud-count{grid-column:2}.touch-stick{z-index:7;touch-action:none;background:#20100859;border:3px solid #ffffff8c;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:absolute;bottom:23px;left:20px}.touch-stick span{color:var(--yellow);font-size:33px}.touch-ability{z-index:7;border:4px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:78px;height:78px;font-size:29px;display:grid;position:absolute;bottom:26px;right:20px}.ability-chip{display:none}.team-chip{top:78px}}@media (max-width:600px){.play-page{padding-top:35px}.mode-select,.setup-panel,.online-panel,.game-stage-shell{width:min(100% - 20px,1180px)}.play-mode-grid{grid-template-columns:1fr}.play-mode-grid>button{min-height:290px}.play-mode-grid>button>i{margin:20px auto}.class-picker{grid-template-columns:1fr}.class-picker>button{min-height:210px}.class-picker .kernel{height:125px;margin-top:-20px;transform:scale(.7)}.setup-grid>div,.online-card{padding:20px}.room-entry{grid-template-columns:1fr}.room-actions{flex-wrap:wrap}.game-topbar>div span{display:none}.game-topbar button{padding:6px 8px}.game-hud{top:7px;left:7px;right:7px}.hud-player,.hud-round,.hud-count{padding:7px}.hud-round{min-width:150px;top:54px}.hud-round b{font-size:9px}.game-modal>div{padding:28px 18px}.game-modal h2{font-size:30px}.result-actions{flex-direction:column}.team-chip{display:none}}