@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Bungee&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10131d;--panel:#202431;--ink:#080c14;--text:#edf0f4;--muted:#a5aab9;--pink:#e19ada;--purple:#ae7ad5;--green:#8ecc77;--gold:#edcc7d;--border:3px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;overflow-x:clip}body{margin:0;background:radial-gradient(ellipse at top,#2b2947,#0c111b 70%);color:var(--text);font-family:'Space Grotesk',sans-serif}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}.site-shell{max-width:1600px;margin:0 auto;border-inline:3px solid #070b13;box-shadow:0 0 100px #0008;position:relative;z-index:1}header{height:72px;display:flex;align-items:center;padding:0 30px;gap:32px;background:linear-gradient(#192131,#111823);border-bottom:3px solid var(--ink);position:relative;z-index:6}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand strong{font-family:'Bungee',Impact,sans-serif;font-size:21px;letter-spacing:-1px;text-shadow:2px 2px #000}.brand strong>span{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:0;color:#a6b1bf;margin-left:3px}.grass-logo{width:35px;height:33px;display:block;position:relative;background:#83603f;border:2px solid #090e16;transform:skewY(12deg);box-shadow:inset -11px 0 #534130,inset 0 11px #84be66,2px 3px #0008;background-image:repeating-linear-gradient(90deg,transparent 0 7px,#0002 7px 10px)}.grass-logo:before{content:'';position:absolute;top:-10px;left:-2px;width:35px;height:13px;background:#9bcf75;transform:skewX(-38deg);transform-origin:bottom;border:2px solid #090e16}.grass-logo i{position:absolute;top:9px;left:5px;width:6px;height:5px;background:#63894b;box-shadow:11px 4px #63894b,20px -1px #436636}nav{display:flex;gap:25px;align-items:center;margin-left:15px;font-size:12px;font-weight:600}nav a{padding:12px 0;position:relative}nav a:hover,nav .active{color:#ecc5ef}nav .active:after{content:'';position:absolute;height:2px;background:var(--pink);bottom:5px;left:0;right:0}.header-play{margin-left:auto;background:linear-gradient(#67ab79,#357b55);border:2px solid #85bb87;padding:10px 19px;border-radius:3px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:17px;letter-spacing:.5px;box-shadow:3px 3px #0006}.menu{display:none}
.hero{height:475px;position:relative;isolation:isolate;overflow:hidden;border-bottom:5px solid var(--ink)}.hero-scene{position:absolute;inset:0;z-index:-3;background:url('assets/korion-comic-panorama.png') center 56%/cover;animation:world-drift 28s ease-in-out infinite alternate;transform-origin:center 60%}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#11192711,transparent 45%,#10142322),radial-gradient(ellipse at center,#0a101e88,transparent 54%)}.hero-center{position:absolute;left:50%;top:23px;transform:translateX(-50%);width:540px;max-width:55%;display:flex;align-items:center;flex-direction:column;text-align:center}.hero-kicker{font-size:9px;letter-spacing:3px;font-weight:700;color:#e6d6ec;text-shadow:1px 2px #000;margin-bottom:7px}h1{margin:0;font-family:'Bungee',Impact,sans-serif;font-size:clamp(65px,8.6vw,131px);line-height:1.08;letter-spacing:1px;color:#c5c4ce;-webkit-text-stroke:3px #0c1020;paint-order:stroke fill;text-shadow:0 3px #a09aac,0 6px #756b84,0 9px #594763,4px 13px #101321,-5px 13px #101321,6px 15px #090d19;transform:rotate(-2deg);filter:drop-shadow(0 5px 0 #111321)}.ribbon{position:relative;z-index:2;background:linear-gradient(#e7c189,#cca566);border:3px solid #1c1322;color:#2f202d;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;letter-spacing:1.4px;padding:9px 20px;transform:rotate(-2deg);box-shadow:4px 4px #0006;clip-path:polygon(0 0,100% 0,97% 50%,100% 100%,0 100%,3% 50%);margin-top:3px;margin-bottom:22px;white-space:nowrap}.hero-play{min-width:320px;display:flex;justify-content:center;align-items:center;gap:16px;font-family:'Bungee',Impact,sans-serif;font-size:29px;line-height:1.2;padding:18px 24px;background:linear-gradient(#ad74ca,#774c9b);border:3px solid #d5b0e8;outline:4px solid #0f1420;box-shadow:inset 0 4px #ffffff28,inset 0 -5px #0003,6px 8px #0006;text-shadow:2px 3px #4b305f;transition:filter .2s,transform .2s}.hero-play:hover{filter:brightness(1.15);transform:translateY(-3px)}.hero-play>span{font-family:Arial,sans-serif;font-size:32px}.hero-ip{position:relative;display:flex;align-items:center;gap:50px;background:linear-gradient(#e4dfdd,#c9c6d0);color:#242534;border:3px solid #121827;outline:2px solid #8d819b;box-shadow:3px 5px #0007;padding:12px 17px;margin-top:26px;min-width:300px;justify-content:space-between;border-radius:3px}.hero-ip strong{font-size:19px}.hero-ip>span{font-size:24px}.hero-ip small{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:3px 13px;background:#202434;color:#edf0f4;border:2px solid #121827;font-size:9px;letter-spacing:2px;font-weight:700;border-radius:4px}.edition{font-size:8px;letter-spacing:1.5px;margin-top:11px;color:#ded0e7;text-shadow:1px 1px #000}.speech-bubble{display:inline-block;padding:13px 16px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:19px;line-height:1.05;color:#131523;background:#e9e3d8;border:3px solid #0c1020;box-shadow:4px 5px #0007;position:relative;transform:rotate(-6deg)}.speech-bubble:after{content:'';position:absolute;width:17px;height:17px;bottom:-11px;right:23px;background:inherit;border-right:3px solid #0c1020;border-bottom:3px solid #0c1020;transform:skewY(35deg)}.hero-speech{position:absolute;top:27px;left:25px;font-size:23px}.hero-speech strong{color:#65407e}.wood-signs{position:absolute;left:24px;bottom:29px;display:flex;flex-direction:column;gap:5px;transform:rotate(7deg)}.wood-signs span{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;background:linear-gradient(#c89659,#a67543);color:#261b21;border:2px solid #261922;padding:6px 13px;box-shadow:2px 2px #0005}.hero-sticker{position:absolute;right:19px;bottom:22px;background:#101a2aea;border:3px solid #9c77bb;box-shadow:4px 4px #0008;padding:13px 30px 13px 15px;transform:rotate(-7deg);font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;line-height:1.05}.hero-sticker strong{color:#e0bbea}.hero-sticker span{position:absolute;right:8px;top:-19px;font-size:35px;color:var(--gold);-webkit-text-stroke:2px #171423}
.comic-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:6px;background:var(--ink);padding:6px}.panel{background-color:var(--panel);background-image:radial-gradient(#a1a9c010 .8px,transparent .8px);background-size:5px 5px;border:2px solid #41404f;min-width:0;padding:15px 16px 16px;position:relative;scroll-margin-top:15px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px;min-height:39px}.heading-icon{font-size:30px;line-height:1;display:grid;place-items:center;color:#d6cfde;background:#121823;min-width:35px;height:36px;box-shadow:2px 2px #0008;border:1px solid #6b6275}.heading-icon.crown{color:var(--gold);font-size:32px}h2,h3{margin:0;font-family:'Bungee',Impact,sans-serif;font-weight:400;letter-spacing:-.5px}h2{font-size:21px;line-height:1.2;text-shadow:2px 2px #0b101a}.panel-heading p{margin:3px 0 0;font-size:8px;font-weight:600;letter-spacing:1px;color:#b2aabd}.heading-number{margin-left:auto;font-size:9px;border:1px solid #686072;padding:3px 6px;color:#9788ab}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{position:relative;min-height:238px;overflow:hidden;border:2px solid #090f1c;border-radius:3px;color:#fff;background:linear-gradient(0deg,#131e2af2,transparent 95%),url('assets/korion-anime-world.png') 62% 65%/auto 160%;padding:0;transition:transform .2s,filter .2s;box-shadow:2px 2px #0005}.mode-card:hover{transform:translateY(-4px);filter:brightness(1.08)}.mode-card.party{background:linear-gradient(0deg,#2a1638f2,transparent 95%),url('assets/korion-comic-panorama.png') 94% 51%/auto 155%}.mode-card.future{background:radial-gradient(ellipse at top,#453b66,#1c2130);border-style:dashed;border-color:#665471}.mode-symbol{position:absolute;left:50%;top:21px;transform:translateX(-50%) rotate(-10deg);font-size:62px;color:#95e1ec;text-shadow:4px 5px #0b1421;-webkit-text-stroke:2px #10121d}.party .mode-symbol{color:#dfb6eb;font-size:68px}.mode-copy{position:absolute;bottom:71px;left:9px;right:9px;text-align:center}.mode-copy h3{font-size:20px;line-height:1.2;text-shadow:2px 3px #141121}.mode-copy p{font-size:10px;line-height:1.5;margin:6px 0 0;color:#eef0f4}.card-banner{position:absolute;bottom:0;left:0;right:0;min-height:56px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:15px;line-height:1.02;letter-spacing:.1px;color:#132125;border-top:3px solid #111522;background:repeating-conic-gradient(from 10deg at center bottom,#ffffff15 0 8deg,transparent 8deg 22deg),#91ba76}.card-banner.purple{background-color:#b395ce;color:#241a35}.card-banner.gold{background-color:#c9b07a;color:#302634}.card-banner>span{position:absolute;right:8px;bottom:5px;font-size:24px}.future-mark{position:absolute;top:21px;left:50%;transform:translateX(-50%) rotate(-9deg);font-family:'Bungee',sans-serif;font-size:67px;color:#9282a5;-webkit-text-stroke:2px #111524}.future .mode-copy{color:#c6bbd0}.ranks-grid{display:grid;grid-template-columns:1fr 1fr .86fr;gap:6px}.rank-card{min-height:238px;position:relative;overflow:hidden;padding:0;border:2px solid #0c101b;background-image:linear-gradient(0deg,#0b1526 0%,transparent 55%),url('assets/korion-ranks-comic-v2.png');background-size:100% 100%,300% 100%;background-position:center,left;transition:filter .2s,transform .2s}.rank-mvp{background-position:center,center}.rank-card:hover{filter:brightness(1.15);transform:translateY(-4px)}.rank-card>div{position:absolute;bottom:0;left:0;right:0;padding:13px 8px;text-align:center;border-top:2px solid #314838;background:#142026cc}.rank-card h3{font-size:27px;line-height:1.1;color:#b0df8c;text-shadow:2px 3px #080d16}.rank-mvp h3{color:#95e1f1}.rank-mvp h3>span{color:#e6b5f0}.rank-card div>span{font-size:7px;font-weight:600;letter-spacing:.8px;display:block;margin-top:5px;color:#d6d7e1}.rank-note{padding:14px 10px 9px;position:relative;text-align:center;background:repeating-conic-gradient(from 15deg at center,#ffffff06 0 9deg,transparent 9deg 20deg),linear-gradient(#4a365b,#272437);border:2px solid #0c101b;display:flex;flex-direction:column;align-items:center;justify-content:center}.rank-note h3{font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:1;color:#eee2f3;font-weight:800;margin-top:8px}.rank-note p{font-size:9px;line-height:1.4;color:#c6b4d1;margin:10px 0}.rank-note-spark{font-size:30px;line-height:1;color:#eecb7b}.shop-button{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;background:linear-gradient(#ecd190,#ceab5e);color:#29212b;border:2px solid #16101d;padding:9px 5px;width:100%;margin-top:auto;box-shadow:2px 2px #0005}
.news-body{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.news-feature{position:relative;min-height:235px;text-align:left;border:2px solid #0a101b;background:linear-gradient(0deg,#0c1526 3%,#16273c44 85%),url('assets/korion-anime-world.png') 28% 50%/cover;border-radius:2px;padding:0}.news-feature>div{position:absolute;bottom:12px;left:12px;right:8px}.news-label{font-size:7px;letter-spacing:1.2px;background:#745286;padding:3px 5px}.news-feature h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:23px;line-height:1;margin:8px 0}.news-feature p{font-size:9px;line-height:1.4;margin:6px 0 0;color:#ccd0da}.news-arrow{position:absolute;top:10px;right:10px;background:#142234c9;border:1px solid #8b739b;width:25px;height:25px;text-align:center;font-size:20px}.news-list{display:flex;flex-direction:column;gap:12px;justify-content:center}.news-list>button{display:flex;gap:9px;align-items:center;padding:0;text-align:left;border:0;background:none}.news-thumb{width:43px;height:46px;flex-shrink:0;border:1px solid #756b81;background:url('assets/korion-comic-panorama.png') center/cover}.thumb-bow{background-image:url('assets/korion-anime-world.png');background-position:62% 57%;background-size:auto 130%}.thumb-party{background-position:94% 50%;background-size:auto 170%}.news-list strong{display:block;font-size:10px;line-height:1.4}.news-list small{display:block;font-size:6px;margin-top:5px;letter-spacing:.5px;color:#a597b0;line-height:1.4}.news-list>button:hover strong{color:#e6b3ea}.news-list .news-all{background:#303040;border:1px solid #6e6579;justify-content:center;text-align:center;padding:9px 5px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;margin-top:auto}
.community-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:9px}.community-images{display:grid;grid-template-rows:1fr 1fr;gap:7px}.community-scene{position:relative;min-height:114px;border:2px solid #0a101b;padding:0;overflow:hidden;background:url('assets/korion-comic-panorama.png') 15% 55%/auto 240%;transition:filter .2s}.community-scene:hover{filter:brightness(1.12)}.world-scene{background-position:70% 42%;background-size:auto 220%}.community-scene .speech-bubble{font-size:15px;padding:6px 10px;position:absolute;top:6px;left:12px}.world-scene .speech-bubble{left:auto;right:12px;transform:rotate(4deg)}.scene-caption{position:absolute;left:0;right:0;bottom:0;background:#152132bb;font-size:7px;letter-spacing:1px;padding:5px;color:#ede0f0}.community-cta{position:relative;overflow:hidden;background:repeating-conic-gradient(from 0deg at 50% 15%,#ffffff08 0 8deg,transparent 8deg 18deg),#473a58;padding:15px 9px;border:2px solid #13101d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.community-cta h3{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;line-height:1;transform:rotate(-4deg);text-align:center}.cta-star{color:#c59bda;font-size:25px;line-height:1}.community-cta button{width:100%;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;padding:9px 3px;border:1px solid #a8a0cf;border-radius:2px;background:linear-gradient(#6665ac,#4a4790);box-shadow:2px 2px #0005}.community-cta .server-button{background:#242b37;border-color:#777587;font-size:11px}.community-cta>span:last-child{font-size:8px;line-height:1.5;text-align:center;color:#c8bdd5}.join-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 30px;background:linear-gradient(90deg,#282334,#172131);border-top:2px solid #5c496c}.join-strip p{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;margin:0;color:#d4c5df}.join-strip button{background:#80599a;border:2px solid #bb92cb;padding:9px 18px;font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:800;display:flex;align-items:center;gap:30px;white-space:nowrap}footer{background:#0f1521;padding:22px 30px 16px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:3px solid #090d16}footer .brand strong{font-size:18px}footer .grass-logo{width:28px;height:28px}footer .grass-logo:before{width:28px}footer p{font-family:'Barlow Condensed',sans-serif;font-size:14px;line-height:1.15;color:#b9abc6;margin:0}footer>div{display:flex;gap:18px;margin-left:auto;font-size:9px;color:#ad9ebc}footer button{border:0;background:none;padding:0;font-size:9px}footer .footer-ip{padding:8px 15px;background:#292c38;border:1px solid #58515f;border-radius:4px;font-size:10px}footer small{width:100%;font-size:7px;color:#7d788a}
.creeper-rain{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.falling-creeper{position:absolute;top:-160px;width:55px;height:60px;background:#97b585;border:2px solid #465c47;opacity:.09;animation:creeper-fall var(--duration) linear infinite;animation-delay:var(--delay)}.falling-creeper:before{content:'';position:absolute;top:15px;left:9px;width:11px;height:12px;background:#192c23;box-shadow:23px 0 #192c23,11px 11px #192c23,5px 20px #192c23,17px 20px #192c23,5px 27px #192c23,17px 27px #192c23}.falling-creeper:after{content:'';position:absolute;top:58px;left:12px;width:26px;height:42px;background:#97b585;border:2px solid #465c47;box-shadow:-7px 32px 0 -1px #97b585,7px 32px 0 -1px #97b585}.panel{animation:panel-enter .7s both}.panel:nth-child(2){animation-delay:.1s}.panel:nth-child(3){animation-delay:.2s}.panel:nth-child(4){animation-delay:.3s}.hero-center{animation:logo-enter .8s both}.animations-paused *,.animations-paused *:before,.animations-paused *:after{animation-play-state:paused!important}dialog{color:var(--text);background:#202535;border:3px solid #a681ba;box-shadow:8px 8px #080d18;padding:40px;width:calc(100% - 30px);max-width:550px}dialog::backdrop{background:#070c17cc;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:12px;top:8px;font-size:28px;border:0;background:none}dialog h2{font-size:30px;line-height:1.2;margin-top:15px}dialog p,dialog li{font-size:13px;line-height:1.8;color:#c5bed0}dialog .eyebrow{font-size:9px;color:#e3b5ea;letter-spacing:1px}.primary{background:#80579b;border:2px solid #c49fd4;padding:13px 18px;font-weight:700;font-size:12px;color:#fff;box-shadow:3px 3px #080c17}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);background:#c2a5d8;color:#151622;padding:12px 20px;border:2px solid #0b1020;box-shadow:4px 4px #0006;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:30;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes world-drift{to{transform:scale(1.04)}}@keyframes logo-enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes panel-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes creeper-fall{from{transform:translate3d(0,-140px,0) rotate(var(--rotation)) scale(var(--scale))}to{transform:translate3d(var(--drift),calc(100vh + 330px),0) rotate(calc(var(--rotation) + 35deg)) scale(var(--scale))}}
@media(min-width:1650px){.site-shell{margin:20px auto;border:3px solid #070b13}}@media(max-width:1100px){header{gap:20px;padding-inline:20px}nav{gap:18px;margin-left:0}.hero{height:455px}.hero-center{width:510px;max-width:60%}h1{font-size:100px}.hero-speech{font-size:19px;left:17px}.wood-signs{left:17px}.hero-sticker{font-size:14px;right:12px}h2{font-size:18px}.panel{padding:12px}.mode-copy h3{font-size:17px}.card-banner{font-size:13px}.rank-note h3{font-size:24px}.shop-button{font-size:12px}.community-cta h3{font-size:23px}.news-list strong{font-size:9px}.heading-number{display:none}footer{gap:20px}}
@media(max-width:850px){.comic-grid{grid-template-columns:1fr}.hero{height:445px}.hero-center{top:35px;max-width:72%}h1{font-size:95px}.hero-speech{font-size:15px;top:20px;padding:9px;left:10px}.hero-sticker{font-size:12px;bottom:20px}.wood-signs{bottom:16px;left:10px}.wood-signs span{font-size:12px;padding:5px 8px}.ribbon{font-size:13px}header .brand strong{font-size:18px}nav{gap:13px;font-size:10px}.header-play{font-size:14px;padding:9px 11px}.panel{padding:15px}h2{font-size:21px}.mode-card,.rank-card{min-height:265px}.mode-copy h3{font-size:23px}.card-banner{font-size:17px}.news-feature{min-height:235px}.news-list strong{font-size:12px}.news-list small{font-size:8px}.rank-note h3{font-size:32px}.rank-note p{font-size:11px}.shop-button{font-size:17px}.community-scene{min-height:135px}.community-cta h3{font-size:30px}footer>div{margin-left:0}.rank-card h3{font-size:32px}.rank-card div>span{font-size:9px}}
@media(max-width:600px){header{height:65px;padding:0 15px;gap:13px}.brand{gap:9px}.brand strong{font-size:18px}.grass-logo{width:28px;height:28px}.grass-logo:before{width:28px}header .header-play{margin-left:auto;font-size:12px;padding:8px 10px}.menu{display:block;border:0;background:none;font-size:22px;padding:0}nav{display:none;position:absolute;left:0;right:0;top:65px;background:#171e2d;border-bottom:3px solid #060c18;padding:20px;flex-direction:column;gap:7px;align-items:start;font-size:13px;box-shadow:0 10px 20px #0007}nav.open{display:flex}.hero{height:460px}.hero-scene{background-position:50% 50%;background-size:auto 100%}.hero-vignette{background:linear-gradient(#11132455,#11132422),radial-gradient(ellipse,#0b10278c,transparent 80%)}.hero-center{top:63px;width:100%;max-width:100%;padding-inline:20px}h1{font-size:clamp(68px,20vw,94px);-webkit-text-stroke:2px #0c1020}.hero-kicker{font-size:7px;letter-spacing:2px}.ribbon{font-size:11px;letter-spacing:.8px;padding:8px 12px;margin-top:8px;margin-bottom:24px}.hero-play{font-size:24px;min-width:255px;padding:17px 20px}.hero-ip{min-width:242px;padding:10px 14px;margin-top:25px}.hero-ip strong{font-size:17px}.hero-speech{top:14px;left:14px;font-size:12px;padding:7px}.hero-sticker{font-size:12px;padding:8px 24px 8px 10px;right:12px;bottom:14px}.hero-sticker span{font-size:26px;top:-16px}.wood-signs{left:13px;bottom:12px;gap:3px}.wood-signs span{font-size:10px;padding:4px 7px}.comic-grid{padding:4px;gap:5px}.panel{padding:12px 10px}.panel-heading{gap:8px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:7px;letter-spacing:.5px}.heading-icon{font-size:25px;min-width:29px;height:32px}.mode-grid{gap:5px}.mode-card{min-height:231px}.mode-copy{left:5px;right:5px;bottom:64px}.mode-copy h3{font-size:15px;letter-spacing:-.7px}.mode-copy p{font-size:8px}.mode-symbol{font-size:48px;top:20px}.party .mode-symbol{font-size:57px}.future-mark{font-size:54px}.card-banner{min-height:53px;font-size:12px}.card-banner>span{font-size:18px}.ranks-grid{gap:4px;grid-template-columns:1fr 1fr .8fr}.rank-card{min-height:217px}.rank-card h3{font-size:24px}.rank-card div>span{font-size:6px;letter-spacing:.2px}.rank-note{padding:9px 5px}.rank-note h3{font-size:24px}.rank-note p{font-size:8px}.shop-button{font-size:12px;padding:8px 3px}.news-body{grid-template-columns:1fr 1fr;gap:8px}.news-feature{min-height:213px}.news-feature h3{font-size:19px}.news-feature p{font-size:8px}.news-feature>div{left:8px}.news-list{gap:9px}.news-thumb{width:32px;height:36px}.news-list strong{font-size:9px}.news-list small{font-size:6px;margin-top:3px}.news-list .news-all{font-size:10px;padding:8px 3px}.community-grid{grid-template-columns:1.4fr 1fr;gap:6px}.community-scene{min-height:113px}.community-scene .speech-bubble{font-size:12px;padding:5px 7px;left:7px}.world-scene .speech-bubble{left:auto;right:7px}.community-cta{padding:10px 6px;gap:8px}.community-cta h3{font-size:24px}.community-cta button{font-size:12px;padding:9px 3px}.community-cta .server-button{font-size:9px}.scene-caption{font-size:6px}.community-cta>span:last-child{font-size:7px}.join-strip{padding:16px;flex-direction:column;gap:12px;text-align:center}.join-strip p{font-size:13px;max-width:300px}.join-strip button{width:100%;justify-content:center}footer{padding:23px 18px 15px;gap:22px}footer .brand strong{font-size:17px}footer p{margin-left:auto;font-size:13px}footer>div{width:100%;font-size:8px;justify-content:space-between;gap:10px}footer .footer-ip{display:none}dialog{padding:35px 23px}dialog h2{font-size:25px}}
@media(max-width:600px){.wood-signs{display:none}.hero-sticker{font-size:10px;padding:7px 20px 7px 9px;bottom:9px}.hero-sticker span{font-size:22px}.hero-ip{z-index:2}}
/* Pixel-cut inventory frames and raised Minecraft-style controls. */
.comic-grid{gap:12px;padding:12px;background:#101522;background-image:repeating-linear-gradient(0deg,transparent 0 31px,#ffffff03 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#ffffff03 31px 32px)}
.panel{border:4px solid #090d16;background-color:#292c3b;background-image:repeating-linear-gradient(90deg,transparent 0 15px,#ffffff02 15px 17px),repeating-linear-gradient(0deg,transparent 0 15px,#00000008 15px 17px);box-shadow:inset 4px 4px #5a5c6e,inset -4px -4px #161b29,0 4px #080d15;padding:18px 19px 19px;clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px))}
.panel-heading{border-bottom:2px solid #161b28;padding-bottom:11px;box-shadow:0 2px #4c4d5e;margin-bottom:14px}.heading-icon{border:2px solid #070d17;box-shadow:inset 2px 2px #686775,inset -2px -2px #0c1220,2px 2px #090f17;background:#333440}.heading-number{border:2px solid #121622;box-shadow:inset 2px 2px #141927,inset -2px -2px #4b4b5d;border-radius:0;padding:5px 8px}
.mode-grid,.ranks-grid{gap:9px}.mode-card,.rank-card,.news-feature,.community-scene{border:3px solid #0b1020;border-radius:0;box-shadow:inset 3px 3px #9091a15e,inset -3px -3px #040916b3,3px 3px #131725;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transition:filter .18s,translate .12s}.mode-card:hover,.rank-card:hover{transform:none;translate:0 -2px}.mode-card:active,.rank-card:active{translate:0 2px}.future{border-style:solid!important}.card-banner{border-top:4px solid #121726;box-shadow:inset 0 3px #efffd045,inset 3px 0 #efffd025,inset -3px -3px #132c3d55;background-image:repeating-linear-gradient(90deg,transparent 0 16px,#ffffff08 16px 20px),repeating-linear-gradient(0deg,transparent 0 15px,#00000008 15px 18px)}
.card-banner.green{background-color:#769b58}.card-banner.purple{background-color:#a488be;background-image:repeating-linear-gradient(90deg,transparent 0 16px,#ffffff08 16px 20px),repeating-linear-gradient(0deg,transparent 0 15px,#00000008 15px 18px)}.card-banner.gold{background-color:#c1a267;background-image:repeating-linear-gradient(90deg,transparent 0 16px,#ffffff08 16px 20px),repeating-linear-gradient(0deg,transparent 0 15px,#00000008 15px 18px)}
.rank-note,.community-cta{border:3px solid #0c1120;box-shadow:inset 3px 3px #947ca244,inset -3px -3px #140f2455;background-image:repeating-linear-gradient(90deg,transparent 0 17px,#ffffff04 17px 20px),repeating-linear-gradient(0deg,transparent 0 17px,#0000000b 17px 20px)}.rank-card>div{border-top:3px solid #0c1120;box-shadow:inset 0 2px #69828e44}
.header-play,.hero-play,.hero-ip,.shop-button,.discord-button,.server-button,.news-list .news-all,.join-strip button,.footer-ip,.primary{border:3px solid #090d18!important;outline:none!important;border-radius:0!important;box-shadow:inset 3px 3px #ffffff52,inset -3px -3px #00000060,0 4px #080c17!important;background-image:repeating-linear-gradient(90deg,transparent 0 19px,#ffffff04 19px 22px),repeating-linear-gradient(0deg,transparent 0 17px,#00000006 17px 20px)!important;transition:filter .15s,translate .1s!important;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
.header-play{background-color:#437e51!important}.hero-play,.primary{background-color:#9562b4!important;box-shadow:inset 5px 5px #deabea,inset -5px -5px #583671,0 5px #060b16!important;text-shadow:2px 3px #563568}.hero-play{padding:20px 25px}.hero-ip{background-color:#b9b5c6!important;box-shadow:inset 3px 3px #e7e3ed,inset -3px -3px #716c86,0 4px #080c17!important;overflow:visible;clip-path:none}.hero-ip small{border-radius:0;border-width:2px;box-shadow:inset 1px 1px #6b637b,inset -1px -1px #090d18}.shop-button{background-color:#d4b570!important;color:#201c25}.discord-button{background-color:#6360a0!important}.server-button,.news-list .news-all,.footer-ip{background-color:#3b3c4d!important}.join-strip button{background-color:#805599!important}
.header-play:hover,.hero-play:hover,.hero-ip:hover,.shop-button:hover,.discord-button:hover,.server-button:hover,.news-list .news-all:hover,.join-strip button:hover,.footer-ip:hover,.primary:hover{filter:brightness(1.18);transform:none;translate:0 -1px}.header-play:active,.hero-play:active,.hero-ip:active,.shop-button:active,.discord-button:active,.server-button:active,.news-list .news-all:active,.join-strip button:active,.footer-ip:active,.primary:active{translate:0 3px;box-shadow:inset 3px 3px #0006,inset -2px -2px #ffffff35!important}.wood-signs span{border-radius:0;box-shadow:inset 2px 2px #edc79077,inset -2px -2px #56342088,2px 2px #0008;background:repeating-linear-gradient(0deg,#b78c53 0 7px,#a87944 7px 9px)}
@media(max-width:600px){.comic-grid{gap:8px;padding:7px}.panel{padding:15px 12px 14px}.panel-heading{gap:7px;padding-bottom:10px}.panel-heading h2{font-size:16px}.mode-grid,.ranks-grid{gap:5px}.mode-copy h3{font-size:14px}.hero-play{padding:18px 20px}.hero-ip{padding:12px 15px}.rank-card h3{font-size:22px}.card-banner{font-size:11px}}
.community-cta a.discord-button{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 5px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;background-color:#6360a0}.discord-logo{width:19px;height:19px;flex-shrink:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.falling-creeper{display:none}}

/* Shared Korion brand artwork */
.brand{flex-shrink:0}.brand-logo{display:block;width:112px;height:auto;max-height:63px;object-fit:contain}footer .brand-logo{width:140px;max-height:none}.hero-center{top:16px}.hero-logo{width:310px;max-width:100%;line-height:0;margin:0;transform:none;filter:drop-shadow(0 5px 8px #08081780);text-shadow:none;-webkit-text-stroke:0}.hero-logo img{display:block;width:100%;height:auto}@media(max-width:600px){header .brand-logo{width:94px;max-height:53px}.hero-center{top:53px}.hero-logo{width:250px}.hero .ribbon{margin-bottom:18px}}

/* KORO and MVP rank colors */
.rank-koro h3{color:#ff78bf}.rank-mvp h3{color:#00aaaa}.rank-koro>div{background:#291728e8}.rank-mvp>div{background:#10282ee8}.shop-button{font-family:"Bungee",Impact,sans-serif;font-size:14px;line-height:1.3;padding:13px 8px;min-height:46px;text-shadow:1px 1px #f7e3ad70}@media(max-width:600px){.shop-button{font-size:12px;padding:11px 4px}}

/* Empty news state inspired by the pixel chest reference */
.news-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 10px;background:radial-gradient(ellipse at top,#47345c,#202235 80%)}.news-placeholder .news-placeholder-art{display:block;width:112px;height:98px;image-rendering:pixelated;margin:0 auto 6px}.news-placeholder>div{position:static}.news-placeholder h3{font-size:21px;line-height:1.2;color:#ece3f4;margin:10px 0 8px}.news-placeholder p{line-height:1.6;color:#bfb1cd}.news-list .news-thumb{object-fit:contain;image-rendering:pixelated;background:#29243b;border:2px solid #534562}.news-placeholder .news-label{background:#5a3e74;color:#e4c8f2}@media(max-width:600px){.news-placeholder{padding:14px 7px}.news-placeholder .news-placeholder-art{width:92px;height:81px}.news-placeholder h3{font-size:17px}.news-placeholder p{font-size:8px}}

/* Community empty states */
.community-placeholder{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;padding:14px;background:radial-gradient(ellipse at top left,#463459,#222438 85%)}.community-placeholder img{width:80px;height:70px;flex-shrink:0;image-rendering:pixelated}.community-placeholder>span{display:block;max-width:220px}.community-placeholder strong{display:block;font-size:12px;line-height:1.5;color:#ece3f4}.community-placeholder small{display:block;font-size:10px;line-height:1.6;color:#bfb1cd;margin-top:7px}@media(max-width:600px){.community-placeholder{gap:7px;padding:10px 7px}.community-placeholder img{width:48px;height:42px}.community-placeholder strong{font-size:9px}.community-placeholder small{font-size:8px;margin-top:5px}}