@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#09131d;--fg:#f1f5fb;--card:#111d2d;--pri:#20c568;--pri2:#13a956;--mut:#9baabd;--bd:#273548;--soft:#18283a;--green:#20c568;--shadow:0 18px 50px #0004}
[data-theme=dark]{--bg:#09131d;--fg:#f1f5fb;--card:#111d2d;--pri:#20c568;--pri2:#13a956;--mut:#9baabd;--bd:#273548;--soft:#18283a;--green:#20c568;--shadow:0 18px 50px #0004}
[data-theme=light]{color-scheme:light;--bg:#eef4f2;--fg:#102b28;--card:#fff;--pri:#16b85d;--pri2:#078c45;--mut:#5c7774;--bd:#d5e3df;--soft:#e7f7ee;--green:#16b85d;--shadow:0 18px 50px #163c2b12}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:'Vazirmatn',Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.9;font-size:15px;min-height:100vh}button,input{font:inherit}a{transition:all .2s ease}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:10px max(16px,calc((100% - 1080px)/2));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--bd)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--fg);font-size:18px;letter-spacing:1.6px;font-weight:900}.brand img{width:39px;height:39px;filter:drop-shadow(0 5px 12px #20c56830)}.top nav{flex:1;display:flex;gap:22px;justify-content:center}.top nav a{color:var(--mut);font-size:13px;font-weight:700;text-decoration:none}.top nav a:hover{color:var(--pri)}.icon{display:inline-grid;place-items:center;background:var(--card);border:1px solid var(--bd);border-radius:13px;width:43px;height:43px;font-size:20px;color:var(--fg);cursor:pointer;transition:.2s}.icon:hover{border-color:var(--pri);color:var(--pri)}main{max-width:930px;margin:0 auto;padding:18px 20px 65px}section{margin:20px 0}.sponsor,.card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--bd);border-radius:22px;padding:clamp(22px,4vw,34px);box-shadow:var(--shadow)}.sponsor{min-height:250px;text-align:center;border-color:#367849;background:linear-gradient(180deg,#211431 0%,#101329 72%,#192d21 73%,#1c3a23 86%,#102017 100%);isolation:isolate}.sponsor:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#fff 1.5px,transparent 2px),radial-gradient(#f8d44b 2px,transparent 3px),radial-gradient(#20c568 2px,transparent 3px);background-size:43px 39px,83px 71px,107px 89px;background-position:4px 8px,17px 22px,45px 4px;opacity:.42}.sponsor:after{content:'';position:absolute;left:0;right:0;bottom:0;height:28%;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 28px,#0002 29px 31px),repeating-linear-gradient(0deg,#314c2b 0 12px,#1f3a24 12px 24px);border-top:5px solid #4b8534;image-rendering:pixelated}.sponsor>*{position:relative}.tag{display:inline-block;border:1px solid #d7b75a88;border-radius:999px;padding:3px 11px;color:#f4d26b;background:#111522cc;font-size:11px;font-weight:900;letter-spacing:1px}.sponsor h2{font-size:clamp(24px,5vw,39px);line-height:1.45;margin:9px 0 0;color:#ffe15d;text-shadow:0 3px 0 #8b571b,0 5px 0 #553719,0 8px 18px #000b;font-weight:900}.slogan{font-size:clamp(16px,3.5vw,22px);font-weight:900;color:#f7f9fc;margin:0 0 6px;text-shadow:0 2px 4px #000}.sponsor p:not(.slogan):not(.toast){color:#dce5ec;margin:6px 0;font-size:13px;text-shadow:0 2px 4px #000}.ip{display:inline-block;margin:10px 0 0;padding:6px 17px;border:2px solid var(--green);border-radius:12px;background:#0b2117;color:#f4fff8;font:800 clamp(16px,3.6vw,20px)/1.8 ui-monospace,monospace;box-shadow:0 0 0 4px #0007,0 0 18px #20c56855}.hero{text-align:center;padding:54px 15px 38px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 25%,#163a3233,transparent 65%)}.hero:before{content:'●  ابزار تبدیل مپ';display:inline-block;color:#aab8c8;font-size:12px;font-weight:800;padding:7px 15px;border-radius:999px;background:#1b293b;border:1px solid #314157;box-shadow:0 5px 12px #0002}.hero h1{font-size:clamp(29px,6vw,44px);line-height:1.45;letter-spacing:-.6px;margin:20px auto 10px;max-width:760px;font-weight:900;color:var(--fg)}.hero h1 strong,.hero h1 em{color:var(--green)}.hero p{max-width:640px;margin:0 auto 22px;color:var(--mut);font-size:clamp(15px,2.5vw,19px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 21px;min-height:48px;border-radius:14px;border:1px solid var(--pri);background:var(--pri);color:#062415;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 7px 18px #20c56822;transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn.ghost{background:var(--soft);color:var(--fg);border-color:var(--bd);box-shadow:none}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible,.icon:focus-visible,.drop:focus-within{outline:3px solid #f5d565;outline-offset:3px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}.card{padding:clamp(20px,4vw,32px);border-radius:23px}.dir{display:flex;align-items:center;justify-content:center;gap:13px;font-weight:900;direction:ltr;margin:0 auto 22px}.dir span{background:var(--soft);color:var(--fg);padding:7px 14px;border-radius:12px;font-size:14px;border:1px solid var(--bd)}.dir .icon{width:46px;height:46px;border-radius:14px;background:#143625;color:var(--green);font-size:25px;border-color:#246441}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:180px;margin:0;padding:25px 18px;border:2px dashed #287b4d;border-radius:18px;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--green) 5%,var(--card));transition:.2s}.drop:before{content:'⬆';display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#153a28;color:var(--green);font-size:28px;font-weight:900}.drop b{font-size:16px}.drop small{color:var(--mut);font-size:12px}.drop:hover,.drop.over{border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--card))}.muted,.toast{color:var(--mut);text-align:center;font-size:13px}.err{color:#ff6879}progress{display:block;width:100%;height:12px;margin:14px 0;accent-color:var(--green);border-radius:99px;overflow:hidden}#how,#limits,#faq{padding:10px 3px}#how h2,#limits h2,#faq h2{font-size:22px;font-weight:900;margin:0 0 12px;display:flex;align-items:center;gap:10px}#how h2:before,#limits h2:before,#faq h2:before{content:'';width:5px;height:25px;border-radius:5px;background:var(--green)}#how ol,#limits ul{margin:0;padding:18px 42px 18px 18px;background:var(--card);border:1px solid var(--bd);border-radius:18px;color:var(--mut)}#how li,#limits li{padding:5px 0}details{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:13px 17px;margin:10px 0;transition:border-color .2s}details[open]{border-color:#26814b}summary{font-weight:800;cursor:pointer}details p{color:var(--mut);margin:10px 0 0}footer{border-top:1px solid var(--bd);text-align:center;color:var(--mut);padding:25px 16px;font-size:12px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.top{gap:9px;padding:9px 12px}.brand{font-size:14px;letter-spacing:1px;gap:6px}.brand img{width:33px;height:33px}.top nav{gap:10px}.top nav a{font-size:11px}.icon{width:38px;height:38px;border-radius:11px}main{padding:10px 12px 40px}.sponsor,.card{border-radius:19px;padding:21px 15px}.sponsor{min-height:238px}.hero{padding:45px 5px 35px;min-height:365px}.hero h1{font-size:30px}.hero p{font-size:15px;line-height:2}.dir{gap:7px}.dir span{padding:6px 8px;font-size:12px}.dir .icon{flex:0 0 42px}.drop{min-height:160px;padding:20px 12px}.drop b{font-size:14px}#how ol,#limits ul{padding:15px 29px 15px 12px}}@media(max-width:390px){.top nav{gap:6px}.top nav a{font-size:10px}.brand{font-size:12px}.hero h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Sponsor banner occupies the very top, like the reference screenshot */
body>.sponsor{display:block;width:100%;max-width:none;margin:0;border-radius:0;border:0;border-bottom:3px solid #285c35;padding:12px 16px 15px;min-height:0;box-shadow:none}
body>.sponsor h2{font-size:clamp(26px,5.5vw,43px);margin:0 auto;text-shadow:0 3px 0 #8b571b,0 5px 0 #553719,0 8px 18px #000b}
body>.sponsor .slogan{font-size:clamp(16px,3.5vw,23px)}
body>.sponsor p:not(.slogan):not(.toast){margin:3px auto;font-size:13px}
body>.sponsor .ip{margin:7px 0 0;padding:3px 12px;font-size:clamp(15px,3.4vw,20px)}
body>.sponsor .row{margin-top:8px}
body>.sponsor .btn{min-height:34px;padding:4px 12px;font-size:12px;border-radius:10px}
body>.sponsor .toast{margin:0}
/* Refined Persian typography and compact top layout */
@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800;900&display=swap');
:root{--persian-font:'Estedad','Vazirmatn',Tahoma,sans-serif}
html,body,button,input,textarea,select{font-family:var(--persian-font)!important;font-feature-settings:'ss01' 1,'kern' 1}
body{line-height:1.8;letter-spacing:-.12px}
.top{margin:0!important}
.top nav a{font-weight:700;letter-spacing:0}
.theme-toggle{flex:0 0 43px;padding:9px}
.theme-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Sponsor is intentionally a short strip instead of a full hero banner. */
body>.sponsor{height:auto;min-height:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(6px,1.4vw,14px);padding:7px 14px;margin:0;border:0;border-top:4px solid #173e26;border-bottom:3px solid #28683b;border-radius:0;box-shadow:none;background:linear-gradient(180deg,#173a27,#0f211a);overflow:hidden;white-space:nowrap}
body>.sponsor:before{inset:0;opacity:.13;background-size:30px 26px,59px 47px,73px 51px}
body>.sponsor:after{height:5px;border:0;background:#3d7d35}
body>.sponsor .tag{font-size:10px;line-height:1.5;padding:2px 8px;flex-shrink:0}
body>.sponsor .sponsor-name{font-size:clamp(13px,2.3vw,17px);font-weight:900;color:#f2d66b}
body>.sponsor .sponsor-sep{color:#4bd57d}
body>.sponsor .sponsor-copy{font-size:12px;color:#d7e8dc}
body>.sponsor .ip{margin:0;padding:2px 8px;border-width:1px;border-radius:8px;font-size:clamp(11px,1.8vw,14px);line-height:1.7;box-shadow:none}
body>.sponsor .sponsor-copy-btn{display:inline-grid;place-items:center;width:29px;height:29px;flex:0 0 29px;padding:5px;border:1px solid #278c4d;border-radius:8px;background:#1a5b32;color:#c7ffda;cursor:pointer}
body>.sponsor .sponsor-copy-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body>.sponsor .toast{position:absolute;right:8px;bottom:0;font-size:10px;color:#d6ffe3}
/* Remove the large blank gap and the heavy shadow under the hero / action area. */
main{padding-top:0}
.hero{min-height:0;margin:0;padding:25px 15px 22px;background:none;box-shadow:none}
.hero:before{margin:0 0 3px;box-shadow:none}
.hero h1{margin:9px auto 5px;line-height:1.55}
.hero p{margin:0 auto 12px;line-height:1.9}
.hero .btn{box-shadow:none}
.btn{box-shadow:none}
.card,.sponsor{box-shadow:none}
@media(max-width:620px){body>.sponsor{gap:6px;padding:6px 7px;border-top-width:3px}body>.sponsor .tag{font-size:9px;padding:1px 5px}body>.sponsor .sponsor-name{font-size:12px}body>.sponsor .sponsor-copy{font-size:10px}body>.sponsor .ip{font-size:10px;padding:1px 5px}body>.sponsor .sponsor-copy-btn{width:25px;height:25px;flex-basis:25px;padding:4px}body>.sponsor .sponsor-sep{display:none}.hero{padding:19px 6px 17px}.hero h1{margin:7px auto 5px}.hero p{margin-bottom:10px}.theme-toggle{flex-basis:38px;padding:7px}}
@media(max-width:370px){body>.sponsor .sponsor-copy{display:none}body>.sponsor{justify-content:space-around}}
/* Fine-tune sponsor height and restore a controlled, visible depth shadow */
body>.sponsor{min-height:0;height:auto;padding:clamp(15px,2.2vw,24px) 16px;gap:clamp(10px,2vw,20px);box-shadow:0 9px 24px rgba(0,0,0,.22),inset 0 -3px 0 rgba(65,150,71,.5);position:relative;z-index:2}
body>.sponsor:before{opacity:.22;background-size:37px 32px,67px 55px,89px 68px}
body>.sponsor:after{height:7px;box-shadow:0 -3px 9px rgba(50,130,52,.24)}
body>.sponsor .tag{font-size:11px;padding:3px 9px}
body>.sponsor .sponsor-name{font-size:clamp(15px,2.7vw,20px)}
body>.sponsor .sponsor-copy{font-size:clamp(12px,1.8vw,15px)}
body>.sponsor .ip{font-size:clamp(13px,2vw,16px);padding:4px 10px;box-shadow:0 3px 10px rgba(0,0,0,.22),0 0 0 2px rgba(32,197,104,.12)}
body>.sponsor .sponsor-copy-btn{width:34px;height:34px;flex-basis:34px;box-shadow:0 4px 10px rgba(0,0,0,.24)}
/* Bring the hero close to the navigation, but retain a subtle lift beneath its badge */
.hero{padding-top:clamp(20px,3vw,30px);padding-bottom:clamp(20px,3vw,30px)}
.hero:before{box-shadow:0 8px 18px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.035)}
.hero .btn{box-shadow:0 8px 20px rgba(0,0,0,.16),0 3px 8px rgba(32,197,104,.1)}
@media(max-width:620px){body>.sponsor{padding:14px 9px;gap:8px}body>.sponsor .sponsor-name{font-size:14px}body>.sponsor .sponsor-copy{font-size:11px}body>.sponsor .ip{font-size:12px;padding:3px 7px}body>.sponsor .sponsor-copy-btn{width:31px;height:31px;flex-basis:31px}.hero{padding-top:20px;padding-bottom:22px}}
@media(max-width:370px){body>.sponsor{gap:6px;padding:12px 6px}}

/* User-requested taller sponsor banner (roughly 4x the current compact strip) */
body>.sponsor{padding:clamp(42px,7vw,64px) 18px;gap:clamp(12px,2vw,22px);min-height:150px;box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 -4px 0 rgba(65,150,71,.55)}
body>.sponsor .tag{font-size:12px;padding:4px 11px}
body>.sponsor .sponsor-name{font-size:clamp(19px,3.4vw,27px)}
body>.sponsor .sponsor-copy{font-size:clamp(14px,2.2vw,18px)}
body>.sponsor .ip{font-size:clamp(15px,2.5vw,20px);padding:6px 12px}
body>.sponsor .sponsor-copy-btn{width:40px;height:40px;flex-basis:40px}
body>.sponsor .sponsor-copy-btn svg{width:20px;height:20px}
/* Keep the Bedrock word upright; remove the skew/italic styling from its emphasis */
.hero h1 em{font-style:normal;transform:none;display:inline;color:var(--green)}
@media(max-width:620px){body>.sponsor{padding:34px 10px;gap:8px;min-height:112px}body>.sponsor .sponsor-name{font-size:17px}body>.sponsor .sponsor-copy{font-size:12px}body>.sponsor .ip{font-size:14px;padding:5px 8px}body>.sponsor .sponsor-copy-btn{width:35px;height:35px;flex-basis:35px}}
@media(max-width:370px){body>.sponsor{padding:28px 6px;gap:6px}}
/* Correct sponsor proportions: keep full width, restore the original short height */
body>.sponsor{width:100%;min-height:0;height:auto;padding:clamp(15px,2.2vw,24px) 16px;gap:clamp(10px,2vw,20px)}
body>.sponsor .tag{font-size:11px;padding:3px 9px}
body>.sponsor .sponsor-name{font-size:clamp(15px,2.7vw,20px)}
body>.sponsor .sponsor-copy{font-size:clamp(12px,1.8vw,15px)}
body>.sponsor .ip{font-size:clamp(13px,2vw,16px);padding:4px 10px}
body>.sponsor .sponsor-copy-btn{width:34px;height:34px;flex-basis:34px}
@media(max-width:620px){body>.sponsor{padding:14px 9px;gap:8px}body>.sponsor .sponsor-name{font-size:14px}body>.sponsor .sponsor-copy{font-size:11px}body>.sponsor .ip{font-size:12px;padding:3px 7px}body>.sponsor .sponsor-copy-btn{width:31px;height:31px;flex-basis:31px}}
/* Increase sponsor banner HEIGHT only; keep its full-width layout unchanged */
body>.sponsor{padding:clamp(30px,4.5vw,42px) 16px;min-height:0}
@media(max-width:620px){body>.sponsor{padding:26px 9px}}
@media(max-width:370px){body>.sponsor{padding:22px 6px}}
/* Sponsor banner inspired by the supplied Minecraft server screenshot */
body>.sponsor{min-height:0;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:18px 14px 20px;text-align:center;white-space:normal;background:linear-gradient(180deg,#21132f 0%,#111329 75%,#203b24 76%,#15291c 100%);border-top:4px solid #153c24;border-bottom:5px solid #427f34;box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 -3px 0 rgba(72,151,54,.42);position:relative;isolation:isolate}
body>.sponsor:before{opacity:.5;background-image:radial-gradient(#fff 1.4px,transparent 2px),radial-gradient(#f6d34c 2px,transparent 3px),radial-gradient(#20c568 2px,transparent 3px);background-size:43px 39px,83px 71px,107px 89px;background-position:4px 8px,17px 22px,45px 4px;z-index:-1}
body>.sponsor:after{height:28%;bottom:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 28px,#0002 29px 31px),repeating-linear-gradient(0deg,#314c2b 0 12px,#1f3a24 12px 24px);border-top:5px solid #4b8534;box-shadow:0 -3px 10px rgba(42,112,42,.28)}
body>.sponsor .tag{position:absolute;top:8px;right:10px;margin:0;font-size:10px;padding:2px 8px;border-color:#d7b75a88;background:#111522cc;color:#f4d26b}
body>.sponsor .sponsor-name{display:block;margin:0;font-size:clamp(28px,6vw,44px);line-height:1.4;font-weight:900;color:#ffe15d;text-shadow:0 3px 0 #8b571b,0 5px 0 #553719,0 8px 18px #000b}
body>.sponsor .sponsor-copy{display:block;margin:0;font-size:clamp(15px,3.3vw,22px);font-weight:900;color:#f7f9fc;line-height:1.6;text-shadow:0 2px 4px #000}
body>.sponsor .sponsor-sep{display:none}
body>.sponsor .ip{display:inline-block;margin:8px 0 0;padding:4px 12px;border:2px solid #20c568;border-radius:12px;background:#0b2117;color:#f4fff8;font:800 clamp(16px,3.5vw,21px)/1.7 ui-monospace,monospace;box-shadow:0 0 0 4px #0007,0 0 18px #20c56855;position:relative;z-index:1}
body>.sponsor .sponsor-copy-btn{position:absolute;left:calc(50% - 205px);bottom:13px;display:inline-grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border:2px solid #56c947;border-radius:11px;background:#258c28;color:#f4fff8;box-shadow:0 3px 10px #0007;z-index:2}
body>.sponsor .sponsor-copy-btn svg{width:19px;height:19px}
body>.sponsor .toast{position:absolute;bottom:2px;left:8px;font-size:10px;color:#d6ffe3}
@media(max-width:620px){body>.sponsor{padding:16px 10px 18px;gap:1px;min-height:0}body>.sponsor .tag{top:6px;right:7px;font-size:9px;padding:1px 6px}body>.sponsor .sponsor-name{font-size:clamp(28px,7vw,39px);line-height:1.4}body>.sponsor .sponsor-copy{font-size:clamp(15px,3.8vw,20px)}body>.sponsor .ip{margin-top:7px;padding:3px 9px;font-size:clamp(15px,4vw,19px)}body>.sponsor .sponsor-copy-btn{left:calc(50% - 175px);bottom:11px;width:35px;height:35px;flex-basis:35px}}
@media(max-width:390px){body>.sponsor .sponsor-copy-btn{left:10px;bottom:10px}body>.sponsor .ip{max-width:88%;font-size:15px}}
/* Match the Minecraft sponsor artwork proportions from the user's reference */
body>.sponsor{min-height:285px;padding:24px 14px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-align:center;white-space:normal;background:linear-gradient(180deg,#20142d 0%,#15132a 72%,#183c22 73%,#284f27 100%);border-top:0;border-bottom:5px solid #397a32;box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 -5px 0 rgba(18,42,21,.65);isolation:isolate}
body>.sponsor:before{inset:0;opacity:.68;background-image:radial-gradient(#f7e6a0 1.5px,transparent 2px),radial-gradient(#e9d34f 2px,transparent 3px),radial-gradient(#4dcc6b 2px,transparent 3px),radial-gradient(#fff 1px,transparent 2px);background-size:47px 41px,81px 67px,109px 91px,31px 29px;background-position:4px 8px,17px 22px,45px 4px,20px 13px}
body>.sponsor:after{height:34px;bottom:0;border:0;border-top:5px solid #579b39;background:repeating-linear-gradient(90deg,rgba(20,49,22,.18) 0 3px,transparent 3px 35px),repeating-linear-gradient(0deg,#493b2a 0 14px,#60472b 14px 28px);box-shadow:0 -4px 12px rgba(45,100,36,.3);z-index:-1}
body>.sponsor .tag{position:absolute;top:8px;right:10px;font-size:10px;padding:2px 8px;background:#111522dd;border-color:#c9a64e;color:#f6d66d}
body>.sponsor .sponsor-name{font-size:clamp(30px,6vw,48px);line-height:1.3;font-weight:900;color:#ffe052;text-shadow:0 3px 0 #9c601e,0 6px 0 #58391e,0 8px 16px #000c;letter-spacing:-1px}
body>.sponsor .sponsor-copy{font-size:clamp(17px,3.4vw,24px);font-weight:900;color:#fff;text-shadow:0 2px 4px #000b;line-height:1.5}
body>.sponsor .ip{font-size:clamp(17px,3.5vw,23px);font-weight:900;line-height:1.6;padding:4px 15px;background:#10251a;border:3px solid #37d34e;border-radius:17px;box-shadow:0 0 0 4px #0008,0 5px 0 #1b602d,0 0 17px #27d64a66;color:#f7fff8}
body>.sponsor .sponsor-copy-btn{width:39px;height:39px;flex-basis:39px;background:#28a83f;border:2px solid #67ed6b;border-radius:13px;box-shadow:0 3px 0 #155b25;color:white}
body>.sponsor .toast{position:static;font-size:11px;color:#e2ffe7;text-shadow:0 1px 3px #000}
@media(max-width:620px){body>.sponsor{min-height:285px;padding:30px 12px 35px;gap:5px}body>.sponsor .sponsor-name{font-size:clamp(29px,8vw,42px)}body>.sponsor .sponsor-copy{font-size:clamp(16px,4.3vw,21px)}body>.sponsor .ip{font-size:clamp(16px,4.3vw,20px);padding:4px 12px;border-radius:15px}body>.sponsor:after{height:31px}body>.sponsor .tag{top:7px;right:8px}}
/* Final sponsor banner layout: pixel-art Minecraft banner, like the reference */
body>.sponsor{height:auto;min-height:295px;padding:20px 14px 31px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;position:relative;overflow:hidden;text-align:center;white-space:normal;isolation:isolate;background:linear-gradient(180deg,#21142f 0%,#161329 76%,#254927 77%,#19321f 100%);border:0;border-bottom:5px solid #4c8a35;border-radius:0;box-shadow:0 9px 22px rgba(0,0,0,.26),inset 0 -4px 0 rgba(18,42,21,.55)}
body>.sponsor:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.7;background-image:radial-gradient(#f7e6a0 1.5px,transparent 2px),radial-gradient(#e9d34f 2px,transparent 3px),radial-gradient(#4dcc6b 2px,transparent 3px),radial-gradient(#fff 1px,transparent 2px);background-size:47px 41px,81px 67px,109px 91px,31px 29px;background-position:4px 8px,17px 22px,45px 4px,20px 13px}
body>.sponsor:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;z-index:-1;border:0;border-top:5px solid #579b39;background:repeating-linear-gradient(90deg,rgba(20,49,22,.18) 0 3px,transparent 3px 35px),repeating-linear-gradient(0deg,#493b2a 0 14px,#60472b 14px 28px);box-shadow:0 -4px 12px rgba(45,100,36,.3)}
body>.sponsor .tag{position:absolute;top:8px;right:10px;display:block;margin:0;font-size:10px;padding:2px 8px;border:1px solid #c9a64e;border-radius:999px;background:#111522dd;color:#f6d66d;font-weight:800}
body>.sponsor .sponsor-name{display:block;margin:0;font-size:clamp(36px,7vw,54px);line-height:1.25;font-weight:900;color:#ffe052;text-shadow:0 3px 0 #9c601e,0 6px 0 #58391e,0 8px 16px #000c;letter-spacing:-1px}
body>.sponsor .sponsor-copy{display:block;margin:0;font-size:clamp(18px,3.7vw,25px);font-weight:900;color:#fff;text-shadow:0 2px 4px #000b;line-height:1.45}
body>.sponsor .sponsor-copy span{color:#41d96e}
body>.sponsor .sponsor-support{display:flex;align-items:center;justify-content:center;gap:7px;margin:5px 0 0;padding:5px 13px;border:2px solid #417e36;border-radius:999px;background:#101c16e8;color:#dcefd8;font-size:clamp(12px,2.4vw,16px);font-weight:800;box-shadow:0 3px 8px #0005}
body>.sponsor .sponsor-support i,body>.sponsor .sponsor-support b{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#4edb56;box-shadow:0 0 8px #4edb5666}
body>.sponsor .sponsor-support b{font-size:0}
body>.sponsor .sponsor-address{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;padding:4px 8px 4px 5px;border:3px solid #38d54f;border-radius:16px;background:#10271a;box-shadow:0 0 0 4px #0008,0 5px 0 #1b602d,0 0 17px #27d64a55;color:#b9efb9;font-size:13px;font-weight:800;max-width:100%}
body>.sponsor .ip{display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#f7fff8;font:900 clamp(16px,3.6vw,22px)/1.5 ui-monospace,monospace;box-shadow:none;white-space:nowrap}
body>.sponsor .sponsor-copy-btn{position:static;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:auto;height:32px;flex:0 0 auto;padding:3px 9px;border:1px solid #58e75e;border-radius:11px;background:#258c28;color:#fff;font-family:var(--persian-font);font-size:12px;font-weight:900;box-shadow:0 2px 0 #155b25;cursor:pointer}
body>.sponsor .sponsor-copy-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body>.sponsor .toast{position:absolute;bottom:1px;left:8px;font-size:10px;color:#e2ffe7;text-shadow:0 1px 3px #000}
@media(max-width:620px){body>.sponsor{min-height:295px;padding:28px 10px 36px;gap:6px}body>.sponsor .sponsor-name{font-size:clamp(38px,9vw,54px)}body>.sponsor .sponsor-copy{font-size:clamp(18px,4.4vw,23px)}body>.sponsor .sponsor-support{padding:5px 10px;font-size:clamp(11px,3vw,15px);gap:6px}body>.sponsor .sponsor-address{gap:6px;padding:4px 6px 4px 4px;border-radius:14px}body>.sponsor .ip{font-size:clamp(14px,3.9vw,19px)}body>.sponsor .sponsor-copy-btn{height:30px;padding:3px 7px;font-size:11px}body>.sponsor:after{height:31px}body>.sponsor .tag{top:7px;right:8px}}
@media(max-width:390px){body>.sponsor{min-height:280px;padding-left:6px;padding-right:6px}body>.sponsor .sponsor-address{gap:4px}body>.sponsor .ip{font-size:14px}body>.sponsor .sponsor-address>span{font-size:11px}}

/* Reduce sponsor banner height to about 70% while preserving the design */
body>.sponsor{min-height:0;padding:14px 14px 23px;gap:4px}
body>.sponsor .sponsor-name{font-size:clamp(32px,6vw,45px);line-height:1.18}
body>.sponsor .sponsor-copy{font-size:clamp(16px,3.2vw,22px);line-height:1.35}
body>.sponsor .sponsor-support{margin-top:3px;padding:4px 11px}
body>.sponsor .sponsor-address{margin-top:1px;padding:3px 7px 3px 4px}
body>.sponsor:after{height:25px}
@media(max-width:620px){body>.sponsor{min-height:0;padding:21px 10px 28px;gap:4px}body>.sponsor .sponsor-name{font-size:clamp(32px,8vw,44px)}body>.sponsor .sponsor-copy{font-size:clamp(16px,4vw,21px)}body>.sponsor .sponsor-support{padding:4px 9px}body>.sponsor:after{height:24px}}
@media(max-width:390px){body>.sponsor{padding:18px 6px 26px}}

/* Chunker's own identity: raspberry-pink accents, pixel details, soft glow */
:root{--pri:#f05aa6;--pri2:#d83e8d;--green:#f05aa6;--soft:#fff0f7;--bd:#f0c9dc;--shadow:0 18px 48px rgba(132,34,86,.12)}
[data-theme=dark]{--bg:#160d18;--fg:#fff2f8;--card:#241426;--pri:#ff70b7;--pri2:#e64b9b;--mut:#c5a9ba;--bd:#503047;--soft:#352039;--green:#ff70b7;--shadow:0 18px 50px rgba(0,0,0,.32)}
[data-theme=light]{--bg:#fff7fb;--fg:#32182a;--card:#fff;--pri:#e94d99;--pri2:#c9367f;--mut:#8b687d;--bd:#f0c9dc;--soft:#ffedf6;--green:#e94d99;--shadow:0 18px 50px rgba(132,34,86,.10)}
body{background:radial-gradient(ellipse at 50% 0%,rgba(240,90,166,.11),transparent 45%),var(--bg)}
.top{border-bottom-color:color-mix(in srgb,var(--pri) 24%,var(--bd));box-shadow:0 6px 22px rgba(146,44,98,.05)}
.brand img{filter:drop-shadow(0 5px 12px rgba(240,90,166,.4))}
.top nav a:hover,.hero h1 strong,.hero h1 em{color:var(--pri)}
.icon:hover{border-color:var(--pri);color:var(--pri)}
.hero{position:relative;border:1px solid color-mix(in srgb,var(--pri) 20%,transparent);border-radius:28px;margin-top:22px;padding:clamp(34px,6vw,66px) 18px;background:radial-gradient(ellipse at 50% 0%,rgba(240,90,166,.16),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card));box-shadow:0 20px 50px rgba(155,48,104,.09);overflow:hidden}
.hero:after{content:'✦  ·  ✧  ·  ✦';position:absolute;top:13px;left:18px;color:color-mix(in srgb,var(--pri) 60%,transparent);font-size:16px;letter-spacing:8px;pointer-events:none}
.hero:before{color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card));border-color:color-mix(in srgb,var(--pri) 36%,var(--bd));box-shadow:0 6px 18px rgba(240,90,166,.12)}
.hero h1{text-wrap:balance}
.hero p{max-width:660px}
.btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:white;box-shadow:0 9px 24px rgba(226,63,143,.23)}
.btn:hover{box-shadow:0 12px 30px rgba(226,63,143,.28)}
#how,#limits,#faq{padding:18px 4px}
#how h2:before,#limits h2:before,#faq h2:before{background:linear-gradient(180deg,#ff8ac4,#db3c8b);box-shadow:0 0 12px rgba(240,90,166,.3)}
#how ol,#limits ul,details,.card{border-color:color-mix(in srgb,var(--pri) 20%,var(--bd));box-shadow:0 10px 28px rgba(132,34,86,.045)}
details[open]{border-color:var(--pri)}
.drop{border-color:color-mix(in srgb,var(--pri) 65%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
.drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
.drop:hover,.drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}
progress{accent-color:var(--pri)}
/* Custom sponsor artwork: pink neon, candy-pixel sky and a personalized SMP title */
body>.sponsor{min-height:0;padding:21px 14px 28px;gap:5px;background:linear-gradient(180deg,#28132d 0%,#24142c 68%,#3e2440 69%,#42233b 100%);border-bottom:5px solid #ef75b5;box-shadow:0 10px 28px rgba(115,27,81,.25),inset 0 -4px 0 rgba(255,124,190,.22)}
body>.sponsor:before{opacity:.78;background-image:radial-gradient(#fff0fa 1.5px,transparent 2px),radial-gradient(#ff8fc8 2px,transparent 3px),radial-gradient(#ffcfec 2px,transparent 3px),radial-gradient(#f45ca9 2px,transparent 3px);background-size:47px 41px,81px 67px,109px 91px,31px 29px;background-position:4px 8px,17px 22px,45px 4px,20px 13px}
body>.sponsor:after{border-top:5px solid #ff93ce;background:repeating-linear-gradient(90deg,rgba(36,13,34,.2) 0 3px,transparent 3px 35px),repeating-linear-gradient(0deg,#5a344a 0 14px,#75405b 14px 28px);box-shadow:0 -4px 13px rgba(240,90,166,.35)}
body>.sponsor .tag{border-color:#ffb5dc;background:#29152de8;color:#ffd9ed}
body>.sponsor .sponsor-name{font-size:clamp(31px,6.2vw,47px);color:#ffb1dc;text-shadow:0 3px 0 #a63372,0 6px 0 #61214b,0 8px 17px #000c;letter-spacing:0}
body>.sponsor .sponsor-copy{font-size:clamp(17px,3.5vw,24px);color:#fff5fb;text-shadow:0 2px 5px #000c}
body>.sponsor .sponsor-copy span{color:#ff83c5}
body>.sponsor .sponsor-support{border-color:#f06bb0;background:#2a1528ed;color:#ffe4f2;box-shadow:0 3px 10px #0005,0 0 0 1px #ff9fd322;font-size:clamp(11px,2.25vw,15px)}
body>.sponsor .sponsor-support i,body>.sponsor .sponsor-support b{background:#ff78bc;box-shadow:0 0 9px #ff78bc99}
body>.sponsor .sponsor-address{border-color:#ff70b7;background:#281329;box-shadow:0 0 0 4px #0008,0 5px 0 #92275f,0 0 18px #f052a966;color:#ffc6e3}
body>.sponsor .ip{color:#fff6fb}
body>.sponsor .sponsor-copy-btn{border-color:#ffb5dc;background:linear-gradient(135deg,#f05aa6,#c93280);color:white;box-shadow:0 2px 0 #7f1e55}
body>.sponsor .toast{color:#ffe5f3}
@media(max-width:620px){.hero{border-radius:22px;margin-top:12px;padding:36px 12px 30px}.hero:after{font-size:12px;letter-spacing:5px}.hero h1{font-size:clamp(26px,7vw,32px)}body>.sponsor{padding:21px 10px 28px}body>.sponsor .sponsor-name{font-size:clamp(31px,8vw,43px)}body>.sponsor .sponsor-support{max-width:95%;line-height:1.65}}

/* Green-forward Chunker site palette; keep sponsor's pink identity untouched */
:root{--pri:#25b86a;--pri2:#16834b;--green:#27bd70;--soft:#e9f9ef;--bd:#c6e7d2;--shadow:0 18px 48px rgba(20,115,67,.12)}
[data-theme=light]{--bg:#f4fbf6;--fg:#183c2b;--card:#fff;--pri:#20b86a;--pri2:#13844a;--mut:#668776;--bd:#c8e7d3;--soft:#e8f8ee;--green:#20b86a;--shadow:0 18px 50px rgba(22,110,63,.10)}
[data-theme=dark]{--bg:#0b1711;--fg:#eaf8ef;--card:#12241a;--pri:#31d17d;--pri2:#159b57;--mut:#9bb9a5;--bd:#284b36;--soft:#193a28;--green:#31d17d;--shadow:0 18px 50px rgba(0,0,0,.32)}
body{background:radial-gradient(ellipse at 50% 0%,rgba(39,189,112,.12),transparent 48%),var(--bg)}
.top{border-bottom-color:color-mix(in srgb,var(--pri) 26%,var(--bd))}
.hero{border-color:color-mix(in srgb,var(--pri) 20%,transparent);background:radial-gradient(ellipse at 50% 0%,rgba(39,189,112,.15),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card));box-shadow:0 20px 50px rgba(20,115,67,.09)}
.hero:after{color:color-mix(in srgb,var(--pri) 60%,transparent)}
.hero:before{color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card));border-color:color-mix(in srgb,var(--pri) 36%,var(--bd));box-shadow:0 6px 18px rgba(39,189,112,.12)}
.btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:white;box-shadow:0 9px 24px rgba(22,158,85,.22)}
.btn:hover{box-shadow:0 12px 30px rgba(22,158,85,.28)}
#how h2:before,#limits h2:before,#faq h2:before{background:linear-gradient(180deg,#5fe19a,#16834b);box-shadow:0 0 12px rgba(39,189,112,.3)}
#how ol,#limits ul,details,.card{border-color:color-mix(in srgb,var(--pri) 20%,var(--bd));box-shadow:0 10px 28px rgba(20,115,67,.05)}
.drop{border-color:color-mix(in srgb,var(--pri) 65%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
.drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
.drop:hover,.drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}
/* New sponsor backdrop: a dreamy block-world meadow at dusk, retaining pink lettering */
body>.sponsor{background:linear-gradient(180deg,#182f35 0%,#263e49 38%,#5b4964 65%,#315c43 66%,#234b35 100%);border-bottom-color:#ff93ce;box-shadow:0 10px 28px rgba(20,60,43,.28),inset 0 -4px 0 rgba(255,124,190,.2)}
body>.sponsor:before{opacity:1;background-image:radial-gradient(circle at 12% 22%,#ffd8ee 0 1.5px,transparent 2px),radial-gradient(circle at 83% 18%,#ffb4dc 0 2px,transparent 2.5px),radial-gradient(circle at 63% 35%,#ffeaf6 0 1px,transparent 2px),linear-gradient(90deg,transparent 0 9%,rgba(17,45,37,.35) 9% 10%,transparent 10% 25%,rgba(17,45,37,.35) 25% 26%,transparent 26%),linear-gradient(0deg,rgba(255,255,255,.035),transparent);background-size:73px 51px,91px 65px,47px 39px,100% 100%,100% 100%;background-position:0 0,30px 4px,12px 8px,0 0,0 0}
body>.sponsor:after{height:25px;border-top:5px solid #77c879;background:repeating-linear-gradient(90deg,rgba(20,49,22,.18) 0 3px,transparent 3px 35px),repeating-linear-gradient(0deg,#345a3c 0 14px,#416e49 14px 28px);box-shadow:0 -4px 13px rgba(81,174,102,.35)}
@media(max-width:620px){body>.sponsor:after{height:24px}}

/* Chunker blue redesign: site background and components (not an image mockup) */
:root{--pri:#159cf5;--pri2:#0875cf;--green:#19a7f5;--soft:#e8f5ff;--bd:#c4e3fa;--shadow:0 18px 48px rgba(0,95,180,.13)}
[data-theme=light]{--bg:#f3f9ff;--fg:#102c45;--card:#fff;--pri:#168fe5;--pri2:#086bb7;--mut:#64839c;--bd:#c5e1f5;--soft:#e8f5ff;--green:#168fe5;--shadow:0 18px 50px rgba(12,89,150,.1)}
[data-theme=dark]{--bg:#061426;--fg:#edf7ff;--card:#0c2038;--pri:#20aaff;--pri2:#0879d1;--mut:#9bbbd5;--bd:#20486a;--soft:#102d49;--green:#20aaff;--shadow:0 18px 50px rgba(0,0,0,.34)}
body{background:radial-gradient(ellipse at 12% 8%,rgba(20,156,245,.16),transparent 34%),radial-gradient(ellipse at 90% 48%,rgba(0,102,220,.13),transparent 36%),linear-gradient(160deg,var(--bg),color-mix(in srgb,var(--bg) 88%,#0a5da6));background-attachment:fixed}
.top{border-bottom-color:color-mix(in srgb,var(--pri) 28%,var(--bd));background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 7px 25px rgba(0,70,130,.09)}
.brand img{filter:drop-shadow(0 5px 12px rgba(20,156,245,.35))}
.top nav a:hover,.hero h1 strong,.hero h1 em{color:var(--pri)}
.hero{border:1px solid color-mix(in srgb,var(--pri) 32%,transparent);background:radial-gradient(ellipse at 50% 0%,rgba(19,157,250,.2),transparent 66%),linear-gradient(145deg,color-mix(in srgb,var(--card) 90%,#0b8fe9),var(--card));box-shadow:0 20px 55px rgba(0,93,180,.13);position:relative;overflow:hidden}
.hero:before{color:var(--pri);background:color-mix(in srgb,var(--pri) 11%,var(--card));border-color:color-mix(in srgb,var(--pri) 40%,var(--bd));box-shadow:0 6px 18px rgba(20,156,245,.18)}
.hero:after{color:color-mix(in srgb,var(--pri) 60%,transparent)}
.btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:white;box-shadow:0 9px 24px rgba(0,135,235,.25)}
.btn:hover{box-shadow:0 12px 30px rgba(0,135,235,.32)}
#how h2:before,#limits h2:before,#faq h2:before{background:linear-gradient(180deg,#4fc5ff,#0875cf);box-shadow:0 0 12px rgba(20,156,245,.35)}
#how ol,#limits ul,details,.card{border-color:color-mix(in srgb,var(--pri) 22%,var(--bd));box-shadow:0 10px 28px rgba(0,75,145,.06)}
details[open]{border-color:var(--pri)}
.drop{border-color:color-mix(in srgb,var(--pri) 65%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
.drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
.drop:hover,.drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}
/* Fresh sponsor backdrop: layered blue voxel sky, floating block silhouettes and glowing cyan horizon */
body>.sponsor{background:radial-gradient(ellipse at 50% 100%,#146ba0 0%,transparent 48%),linear-gradient(180deg,#071a39 0%,#10234c 37%,#322451 66%,#174f68 67%,#123d52 100%);border-bottom-color:#36c8ff;box-shadow:0 10px 28px rgba(0,32,77,.35),inset 0 -4px 0 rgba(55,200,255,.2)}
body>.sponsor:before{opacity:1;background-image:radial-gradient(circle at 12% 22%,#e5f7ff 0 1.5px,transparent 2px),radial-gradient(circle at 83% 18%,#6be0ff 0 2px,transparent 2.5px),radial-gradient(circle at 63% 35%,#d5efff 0 1px,transparent 2px),linear-gradient(90deg,transparent 0 9%,rgba(2,18,42,.42) 9% 10%,transparent 10% 25%,rgba(2,18,42,.42) 25% 26%,transparent 26%),linear-gradient(0deg,rgba(31,180,255,.06),transparent);background-size:73px 51px,91px 65px,47px 39px,100% 100%,100% 100%;background-position:0 0,30px 4px,12px 8px,0 0,0 0}
body>.sponsor:after{height:25px;border-top:5px solid #35c8ff;background:repeating-linear-gradient(90deg,rgba(3,24,45,.25) 0 3px,transparent 3px 35px),repeating-linear-gradient(0deg,#214e68 0 14px,#2c6680 14px 28px);box-shadow:0 -4px 13px rgba(40,190,255,.35)}
/* Sponsor retains its personalized pink headline and pink IP controls */
body>.sponsor .sponsor-name{color:#ffb1dc;text-shadow:0 3px 0 #a63372,0 6px 0 #61214b,0 8px 17px #000c}
body>.sponsor .sponsor-copy span{color:#ff83c5}
body>.sponsor .sponsor-support{border-color:#f06bb0;background:#251a3bed;color:#ffe4f2}
body>.sponsor .sponsor-support i,body>.sponsor .sponsor-support b{background:#ff78bc;box-shadow:0 0 9px #ff78bc99}
body>.sponsor .sponsor-address{border-color:#ff70b7;background:#21152f;box-shadow:0 0 0 4px #0008,0 5px 0 #92275f,0 0 18px #f052a966;color:#ffc6e3}
body>.sponsor .sponsor-copy-btn{border-color:#ffb5dc;background:linear-gradient(135deg,#f05aa6,#c93280);color:white;box-shadow:0 2px 0 #7f1e55}
@media(max-width:620px){body{background-attachment:scroll}}

/* Chunker header and content surfaces: polished deep-blue glass UI */
.top{position:sticky;isolation:isolate;background:linear-gradient(105deg,rgba(4,20,43,.97),rgba(7,39,72,.94),rgba(4,20,43,.97));border-bottom:1px solid rgba(45,183,255,.45);box-shadow:0 8px 28px rgba(0,100,220,.18),inset 0 -1px rgba(130,220,255,.08);color:#e9f7ff}
.top:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.28;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(53,176,255,.08) 40px 41px)}
.top .brand{color:#effaff;text-shadow:0 0 18px rgba(43,176,255,.24)}
.top .brand img{filter:drop-shadow(0 0 8px rgba(35,177,255,.55))}
.top nav a{color:#a9d8f8;transition:color .2s,text-shadow .2s}
.top nav a:hover{color:#fff;text-shadow:0 0 12px #20aaff}
.top .icon{background:linear-gradient(145deg,#10345a,#071c36);border-color:#237db6;color:#d8f3ff;box-shadow:0 4px 14px #00152c}
.top .icon:hover{border-color:#46c6ff;color:#fff;box-shadow:0 0 15px #168fe577}
body>.sponsor{isolation:isolate;position:relative;overflow:hidden}
body>.sponsor .tag{z-index:4;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #ff8bd0;border-radius:999px;background:linear-gradient(135deg,#34144aee,#111e43ee);color:#ffc3e7;box-shadow:0 0 16px #ed51b955;font-size:12px;letter-spacing:0}
body>.sponsor .tag span{font-size:14px;color:#ff8bd0}
/* Animated falling diamond particles, layered over the backdrop without blocking clicks */
.diamond-rain{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.diamond-rain i{position:absolute;top:-35px;left:var(--x);width:var(--size);height:var(--size);opacity:0;transform:rotate(45deg);background:linear-gradient(135deg,#efffff 0%,#9df5ff 20%,#25b9ff 48%,#0876dc 72%,#d8ffff 100%);border:1px solid rgba(223,255,255,.8);box-shadow:0 0 5px #32caff,0 0 14px #148dff88;animation:diamond-fall var(--duration) linear var(--delay) infinite;will-change:transform,top,opacity}
.diamond-rain i:nth-child(3n){border-radius:2px;clip-path:polygon(50% 0,100% 35%,78% 100%,22% 100%,0 35%)}
.diamond-rain i:nth-child(3n + 1){clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.diamond-rain i:nth-child(3n + 2){width:calc(var(--size)*.72);height:calc(var(--size)*1.2);border-radius:3px;clip-path:polygon(50% 0,100% 24%,83% 100%,17% 100%,0 24%)}
@keyframes diamond-fall{0%{top:-35px;opacity:0;transform:translate3d(0,0,0) rotate(45deg) scale(.7)}8%{opacity:.9}55%{opacity:.85}88%{opacity:.65}100%{top:calc(100% + 30px);opacity:0;transform:translate3d(24px,0,0) rotate(225deg) scale(1.05)}}
/* Richer text containers: distinct borders, glass panels and blue light */
.hero{border-radius:26px;border:1px solid rgba(37,177,255,.45);background:linear-gradient(145deg,rgba(6,28,54,.96),rgba(8,48,83,.88));box-shadow:0 18px 48px rgba(0,100,220,.13),inset 0 1px rgba(158,228,255,.1);color:#f1f9ff}
.hero h1{color:#f3faff;text-shadow:0 2px 16px #00152a}
.hero h1 strong,.hero h1 em{color:#28baff}
.hero p{color:#b9d9f2}
.hero:before{background:linear-gradient(135deg,#082b4c,#0b4067);border-color:#159fe9;color:#bce9ff;box-shadow:0 0 0 1px #0c75b1,0 5px 22px #007ad533}
.hero:after{color:#52d5ff;text-shadow:0 0 12px #159fe9}
#how ol,#limits ul,details,.card{background:linear-gradient(145deg,color-mix(in srgb,var(--card) 90%,#0c65a4),var(--card));border-color:color-mix(in srgb,var(--pri) 30%,var(--bd));box-shadow:0 12px 32px rgba(0,76,150,.08),inset 0 1px rgba(255,255,255,.025)}
#how h2,#limits h2,#faq h2{color:var(--fg);letter-spacing:-.2px}
#how h2:before,#limits h2:before,#faq h2:before{border-radius:5px;background:linear-gradient(180deg,#5de2ff,#0879dc);box-shadow:0 0 14px #159fe955}
.drop{border-color:#248bd1;background:linear-gradient(145deg,color-mix(in srgb,var(--pri) 7%,var(--card)),var(--card));box-shadow:inset 0 0 25px rgba(20,150,245,.04)}
.drop:before{background:linear-gradient(145deg,#0d4772,#09233f);color:#5bd6ff;border:1px solid #197db7;box-shadow:0 0 18px #159fe933}
.drop:hover,.drop.over{border-color:#42caff;box-shadow:0 0 0 3px #159fe91c,inset 0 0 25px #159fe911}
.btn{background:linear-gradient(120deg,#159cf5,#0872ce);border-color:#42bdff;color:#fff;box-shadow:0 8px 22px #007ad53b,inset 0 1px #ffffff30}
footer{border-color:rgba(37,177,255,.22);background:linear-gradient(180deg,transparent,rgba(2,20,42,.15));color:#8eb9d9}
@media(prefers-reduced-motion:reduce){.diamond-rain i{animation:none;opacity:.25;top:35%}}

/* Minecraft lobby-inspired blurred backdrop behind the existing falling diamonds */
body>.sponsor{background:#071b31;position:relative;isolation:isolate;overflow:hidden}
body>.sponsor:before{content:"";position:absolute;inset:-18px;z-index:-1;opacity:.94;filter:blur(7px) saturate(1.18);transform:scale(1.035);background-color:#102b46;background-image:
 radial-gradient(ellipse at 50% 18%,rgba(76,190,255,.58) 0 4%,transparent 29%),
 radial-gradient(ellipse at 14% 38%,rgba(244,175,93,.65) 0 2%,transparent 9%),
 radial-gradient(ellipse at 85% 35%,rgba(255,191,108,.6) 0 2%,transparent 10%),
 linear-gradient(180deg,transparent 0 48%,rgba(4,18,32,.25) 49% 100%),
 linear-gradient(90deg,transparent 0 5%,#244e61 5% 9%,#366d75 9% 12%,transparent 12% 22%,#173e54 22% 28%,transparent 28% 37%,#28556a 37% 42%,transparent 42% 57%,#244a62 57% 64%,transparent 64% 74%,#1c4258 74% 80%,transparent 80% 90%,#2e5e6c 90% 95%,transparent 95%),
 linear-gradient(180deg,#183d5b 0 18%,#214c6c 18% 26%,#183c58 26% 36%,#27536b 36% 45%,#173b54 45% 60%,#1d4a5a 60% 70%,#15374a 70% 100%);
 background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 68%,100% 100%;background-position:center}
/* Soft blocky architecture silhouettes give the blurred scene a Minecraft lobby feel */
body>.sponsor:after{height:28%;z-index:-1;border-top:4px solid #47baff;background:
 linear-gradient(90deg,transparent 0 8%,rgba(65,139,166,.95) 8% 10%,transparent 10% 17%,rgba(65,139,166,.85) 17% 20%,transparent 20% 35%,rgba(65,139,166,.9) 35% 38%,transparent 38% 62%,rgba(65,139,166,.9) 62% 65%,transparent 65% 80%,rgba(65,139,166,.85) 80% 83%,transparent 83%),
 repeating-linear-gradient(90deg,rgba(3,24,43,.32) 0 3px,transparent 3px 35px),
 repeating-linear-gradient(0deg,#1a4a60 0 12px,#255f75 12px 24px);box-shadow:0 -4px 16px rgba(40,190,255,.35)}
/* Keep every particle's original position, size and fall timing; use the requested diamond art */
.diamond-rain i{background-image:url('/assets/diamondalex.webp');background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;border:0;border-radius:0;clip-path:none!important;box-shadow:0 0 7px rgba(40,194,255,.3);filter:drop-shadow(0 0 5px rgba(54,204,255,.55))}
.diamond-rain i:nth-child(3n + 2){width:calc(var(--size)*.72);height:calc(var(--size)*1.2)}
/* Day mode: make header, theme switch, hero and conversion surfaces genuinely light */
html[data-theme=light] .top{background:rgba(255,255,255,.94);color:#123451;border-bottom-color:#c7e5fa;box-shadow:0 8px 25px rgba(0,94,160,.1)}
html[data-theme=light] .top .brand{color:#123451;text-shadow:none}
html[data-theme=light] .top nav a{color:#456e8b}
html[data-theme=light] .top .icon{background:#fff;color:#14527e;border-color:#c6e2f5;box-shadow:0 3px 12px rgba(0,90,160,.08)}
html[data-theme=light] .hero{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,248,255,.98));color:#123451;box-shadow:0 14px 36px rgba(0,95,170,.1);border-color:#c6e6fa}
html[data-theme=light] .hero h1{color:#123451;text-shadow:none}
html[data-theme=light] .hero p{color:#54748c}
html[data-theme=light] .hero:before{background:linear-gradient(145deg,#fff,#eaf7ff);color:#17618f;border-color:#b9e2fa;box-shadow:0 5px 15px rgba(0,100,170,.1)}
html[data-theme=light] .card,html[data-theme=light] #how ol,html[data-theme=light] #limits ul,html[data-theme=light] details{background:#fff;color:#173b55;border-color:#d1e7f6;box-shadow:0 10px 28px rgba(0,85,150,.07)}
html[data-theme=light] .drop{background:#f7fcff;border-color:#79bee9;color:#183e58}
html[data-theme=light] .drop:before{background:#e3f4ff;color:#087fc7;border-color:#b9e3fb}
html[data-theme=light] .theme-toggle{background:#fff;color:#14527e}
html[data-theme=light] .btn.ghost{background:#edf8ff;color:#174a6d;border-color:#c6e4f7}

/* Sponsor backdrop refinement: clearer lobby scenery across the entire banner, no grass/block floor */
body>.sponsor{background-color:#102b49;background-image:radial-gradient(ellipse at 50% 40%,rgba(34,143,219,.28),transparent 48%),linear-gradient(180deg,#071b37 0%,#102f50 52%,#173b59 100%);}
body>.sponsor:before{inset:-8px;z-index:-1;opacity:.96;filter:blur(3px) saturate(1.18);transform:scale(1.025);background-color:#102b46;background-image:
 radial-gradient(ellipse at 50% 28%,rgba(87,194,255,.45) 0 3%,transparent 30%),
 radial-gradient(ellipse at 13% 38%,rgba(250,179,104,.56) 0 1.4%,transparent 7%),
 radial-gradient(ellipse at 87% 34%,rgba(255,194,116,.52) 0 1.5%,transparent 8%),
 linear-gradient(90deg,transparent 0 3%,rgba(29,79,112,.72) 3% 7%,transparent 7% 13%,rgba(36,92,128,.68) 13% 17%,transparent 17% 27%,rgba(21,64,98,.76) 27% 32%,transparent 32% 40%,rgba(45,101,137,.64) 40% 44%,transparent 44% 57%,rgba(33,82,118,.72) 57% 62%,transparent 62% 72%,rgba(26,71,106,.75) 72% 77%,transparent 77% 87%,rgba(39,92,124,.68) 87% 92%,transparent 92%),
 linear-gradient(180deg,#0a2141 0%,#153b60 24%,#204d6d 46%,#183e5d 72%,#0d2a46 100%);
 background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:center}
/* Remove the faux voxel grass/ground strip entirely */
body>.sponsor:after{display:none!important;content:none!important}
/* Preserve the same falling particles but make the diamond artwork noticeably larger */
.diamond-rain i{width:calc(var(--size)*1.8);height:calc(var(--size)*1.8);}
.diamond-rain i:nth-child(3n + 2){width:calc(var(--size)*1.45);height:calc(var(--size)*2.05)}

/* Sponsor banner height: reduce from 4 units to approximately 3.7 */
body>.sponsor{min-height:0;padding-top:clamp(18px,2.8vw,26px);padding-bottom:clamp(24px,3.4vw,32px)}
@media(max-width:620px){body>.sponsor{padding-top:24px;padding-bottom:30px}}
@media(max-width:390px){body>.sponsor{padding-top:21px;padding-bottom:27px}}

/* Further reduce sponsor banner height substantially */
body>.sponsor{padding-top:10px!important;padding-bottom:12px!important;min-height:0!important}
body>.sponsor .tag{margin-top:0}
@media(max-width:620px){body>.sponsor{padding-top:8px!important;padding-bottom:10px!important}}
@media(max-width:390px){body>.sponsor{padding-top:7px!important;padding-bottom:8px!important}}

/* Compact sponsor controls with a cleaner pink glass style */
body>.sponsor .sponsor-support{font-size:11px!important;padding:3px 9px!important;gap:5px!important;border-width:1px!important;border-radius:9px!important;box-shadow:0 2px 6px #0004!important;line-height:1.35!important}
body>.sponsor .sponsor-support i,body>.sponsor .sponsor-support b{width:6px!important;height:6px!important;flex-basis:6px!important}
body>.sponsor .sponsor-address{gap:5px!important;padding:2px 5px!important;border-width:1px!important;border-radius:9px!important;box-shadow:0 2px 6px #0005,0 0 10px #f052a933!important;font-size:11px!important}
body>.sponsor .sponsor-address .ip{font-size:12px!important;padding:2px 5px!important;border-radius:6px!important}
body>.sponsor .sponsor-copy-btn{height:25px!important;min-height:25px!important;padding:2px 7px!important;gap:3px!important;border-width:1px!important;border-radius:7px!important;font-size:10px!important;line-height:1!important;box-shadow:0 2px 0 #7f1e55!important;background:linear-gradient(135deg,#ff8bc9,#d83b91)!important;border-color:#ffc0e3!important}
body>.sponsor .sponsor-copy-btn svg{width:13px!important;height:13px!important}
@media(max-width:620px){body>.sponsor .sponsor-support{font-size:10px!important;padding:2px 7px!important}body>.sponsor .sponsor-address{gap:4px!important;padding:2px 4px!important}body>.sponsor .sponsor-address .ip{font-size:11px!important;padding:2px 4px!important}body>.sponsor .sponsor-copy-btn{height:23px!important;min-height:23px!important;padding:2px 6px!important;font-size:9px!important}body>.sponsor .sponsor-copy-btn svg{width:12px!important;height:12px!important}}

/* Compact sponsor controls with a cleaner pill-and-glass style */
body>.sponsor .sponsor-support{font-size:10px!important;padding:2px 8px!important;gap:5px!important;border:1px solid #ff8cc9!important;border-radius:999px!important;background:rgba(35,18,43,.82)!important;box-shadow:0 2px 7px #0004!important;line-height:1.25!important}
body>.sponsor .sponsor-address{gap:5px!important;padding:2px 5px!important;border:1px solid #ff8cc9!important;border-radius:10px!important;background:rgba(27,16,39,.92)!important;box-shadow:0 2px 7px #0005!important;font-size:10px!important}
body>.sponsor .sponsor-address .ip{font-size:11px!important;padding:2px 5px!important;border-radius:6px!important;background:#39203b!important;border:1px solid #e85ba8!important}
body>.sponsor .sponsor-copy-btn{height:22px!important;min-height:22px!important;padding:1px 6px!important;gap:3px!important;border:1px solid #ffc0e3!important;border-radius:7px!important;font-size:9px!important;line-height:1!important;background:linear-gradient(135deg,#f36db5,#b92d7c)!important;color:#fff!important;box-shadow:0 2px 0 #76204e!important;transition:transform .15s ease,filter .15s ease!important}
body>.sponsor .sponsor-copy-btn:hover{filter:brightness(1.12)!important;transform:translateY(-1px)!important}
body>.sponsor .sponsor-copy-btn:active{transform:translateY(1px)!important;box-shadow:0 1px 0 #76204e!important}
body>.sponsor .sponsor-copy-btn svg{width:11px!important;height:11px!important}
@media(max-width:620px){body>.sponsor .sponsor-support{font-size:9px!important;padding:2px 6px!important}body>.sponsor .sponsor-address{gap:3px!important;padding:2px 4px!important;font-size:9px!important}body>.sponsor .sponsor-address .ip{font-size:10px!important;padding:1px 4px!important}body>.sponsor .sponsor-copy-btn{height:21px!important;min-height:21px!important;padding:1px 5px!important;font-size:8px!important}body>.sponsor .sponsor-copy-btn svg{width:10px!important;height:10px!important}}

/* Sponsor controls: comfortable medium size, longer copy button, refreshed glossy style */
body>.sponsor .sponsor-support{font-size:11px!important;padding:4px 12px!important;gap:6px!important;border-radius:999px!important;line-height:1.35!important}
body>.sponsor .sponsor-address{gap:6px!important;padding:3px 7px!important;border-radius:11px!important;font-size:11px!important}
body>.sponsor .sponsor-address .ip{font-size:12px!important;padding:3px 6px!important}
body>.sponsor .sponsor-copy-btn{height:27px!important;min-height:27px!important;min-width:66px!important;padding:3px 11px!important;gap:5px!important;border-radius:9px!important;font-size:10px!important;letter-spacing:.1px!important;background:linear-gradient(145deg,#ff9bd2 0%,#ec5cad 48%,#bb287b 100%)!important;border:1px solid #ffd0e9!important;box-shadow:0 3px 0 #76204e,0 4px 10px #0004!important}
body>.sponsor .sponsor-copy-btn svg{width:13px!important;height:13px!important}
body>.sponsor .sponsor-copy-btn:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important;box-shadow:0 4px 0 #76204e,0 6px 12px #0005!important}
body>.sponsor .sponsor-copy-btn:active{transform:translateY(2px)!important;box-shadow:0 1px 0 #76204e!important}
@media(max-width:620px){body>.sponsor .sponsor-support{font-size:10px!important;padding:3px 9px!important}body>.sponsor .sponsor-address{gap:4px!important;padding:3px 5px!important;font-size:10px!important}body>.sponsor .sponsor-address .ip{font-size:11px!important;padding:2px 5px!important}body>.sponsor .sponsor-copy-btn{height:25px!important;min-height:25px!important;min-width:61px!important;padding:3px 9px!important;font-size:9px!important}body>.sponsor .sponsor-copy-btn svg{width:12px!important;height:12px!important}}

/* Matching owner plaque on the opposite end of the sponsor strip */
body>.sponsor .owner-badge{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:5;display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #ff9bd2;border-radius:12px;background:linear-gradient(145deg,rgba(47,22,55,.96),rgba(19,24,49,.96));box-shadow:0 3px 0 #742653,0 5px 13px #0005;color:#ffe0f1;font-size:clamp(11px,1.4vw,14px);line-height:1.2;white-space:nowrap;direction:ltr}
body>.sponsor .owner-badge .owner-mark{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:linear-gradient(135deg,#ffb6df,#d84399);color:#4a1535;font-size:12px;box-shadow:inset 0 1px #fff8}
@media(max-width:620px){body>.sponsor .owner-badge{left:5px;gap:4px;padding:5px 6px;border-radius:9px;font-size:9px;box-shadow:0 2px 0 #742653,0 3px 8px #0005}body>.sponsor .owner-badge .owner-mark{width:14px;height:14px;font-size:9px;border-radius:4px}}
@media(max-width:390px){body>.sponsor .owner-badge{left:3px;padding:4px 5px;font-size:8px;gap:3px}body>.sponsor .owner-badge .owner-mark{width:12px;height:12px;font-size:8px}}

/* Align owner plaque on the same horizontal sponsor strip; mirror the sponsor tag styling */
body>.sponsor .owner-badge{position:static!important;transform:none!important;z-index:auto;display:inline-flex;align-items:center;gap:clamp(6px,1.4vw,14px);padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;direction:ltr;flex-shrink:0;font-size:inherit!important;line-height:inherit;white-space:nowrap}
body>.sponsor .owner-badge .tag{display:inline-block!important;border:1px solid #d7b75a88!important;border-radius:999px!important;padding:3px 11px!important;color:#f4d26b!important;background:#111522cc!important;font-size:11px!important;font-weight:900!important;letter-spacing:1px!important;line-height:1.5!important}
body>.sponsor .owner-badge strong{font-size:clamp(13px,2.3vw,17px);font-weight:900;color:#f2d66b;letter-spacing:.1px}
@media(max-width:620px){body>.sponsor .owner-badge{gap:6px!important}body>.sponsor .owner-badge .tag{font-size:9px!important;padding:1px 5px!important}body>.sponsor .owner-badge strong{font-size:12px}}
@media(max-width:390px){body>.sponsor .owner-badge{gap:4px!important}body>.sponsor .owner-badge strong{font-size:10px}}

/* Refreshed guide sections, FAQ cards, and readable day/night control */
.info-section{position:relative;margin:26px 0;padding:clamp(18px,3vw,30px);border:1px solid color-mix(in srgb,var(--pri) 28%,var(--bd));border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card));box-shadow:var(--shadow);overflow:hidden}
.info-section:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--pri),color-mix(in srgb,var(--pri) 25%,transparent));border-radius:4px}
.info-section .section-kicker{display:inline-flex;align-items:center;margin-bottom:9px;padding:5px 11px;border:1px solid color-mix(in srgb,var(--pri) 38%,var(--bd));border-radius:999px;background:var(--soft);color:var(--pri2);font-size:12px;font-weight:900;letter-spacing:.2px}
.info-section h2{margin:0 0 8px;font-size:clamp(22px,4vw,30px);font-weight:950;letter-spacing:-.5px;color:var(--fg)}
.info-section .section-intro{margin:0 0 18px;color:var(--mut);font-size:14px;line-height:1.9}
#how ol,#limits ul{display:grid;gap:11px;margin:0;padding:0;list-style:none;counter-reset:guide}
#how ol li,#limits ul li{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--bd);border-radius:15px;background:var(--soft);color:var(--fg);line-height:1.8}
#how ol li{counter-increment:guide;padding-right:56px}
#how ol li:before{content:counter(guide,decimal-leading-zero);position:absolute;right:13px;top:15px;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--pri);color:white;font-size:12px;font-weight:950;box-shadow:0 4px 12px color-mix(in srgb,var(--pri) 30%,transparent)}
#how ol li strong,#limits ul li strong{font-size:15px;font-weight:900;color:var(--fg)}
#how ol li span,#limits ul li span{font-size:13px;color:var(--mut)}
#limits ul li{padding-right:43px}
#limits ul li:before{content:"✓";position:absolute;right:14px;top:15px;color:var(--pri2);font-size:17px;font-weight:950}
.faq-section details{margin:10px 0;padding:0;border:1px solid var(--bd);border-radius:14px;background:var(--card);overflow:hidden;transition:border-color .18s,transform .18s}
.faq-section details[open]{border-color:var(--pri);box-shadow:0 8px 22px color-mix(in srgb,var(--pri) 12%,transparent)}
.faq-section summary{position:relative;display:block;padding:15px 45px 15px 16px;cursor:pointer;list-style:none;color:var(--fg);font-weight:850;font-size:14px;line-height:1.8}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:before{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--soft);color:var(--pri2);font-size:18px;font-weight:800}
.faq-section details[open] summary:before{content:"−"}
.faq-section details p{margin:0;padding:0 16px 16px;color:var(--mut);font-size:13px;line-height:2}
.theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:94px;padding:8px 12px!important;border-radius:999px!important;font-weight:900!important;white-space:nowrap}
.theme-toggle .theme-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-label{font-size:12px;line-height:1}
@media(max-width:620px){.info-section{margin:17px 0;padding:17px 13px;border-radius:17px}.info-section .section-intro{font-size:13px}.faq-section summary{font-size:13px;padding:13px 40px 13px 11px}.theme-toggle{min-width:80px;padding:7px 9px!important;gap:5px}.theme-toggle .theme-label{font-size:11px}#how ol li,#limits ul li{padding-top:12px;padding-bottom:12px}}
/* Chunki: rounded favicon-style brand mark in the top navigation */
.top .brand img {
  width: 36px;
  height: 36px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 36px;
}


/* Chunki palette refinement: red site, jade only in the header controls */
:root{--pri:#e53935;--pri2:#b71c1c;--green:#e53935;--soft:#321b1d;--bd:#543035;--shadow:0 18px 48px rgba(170,20,35,.13)}
[data-theme=dark]{--bg:#100f12;--fg:#f7f5f4;--card:#1b191c;--pri:#ff4b45;--pri2:#c62828;--mut:#b9b2b2;--bd:#423238;--soft:#292226;--green:#ff4b45;--shadow:0 18px 50px rgba(0,0,0,.34)}
[data-theme=light]{--bg:#fff4f3;--fg:#2a1718;--card:#fff;--pri:#d92332;--pri2:#a91525;--mut:#806365;--bd:#eed0d0;--soft:#ffdfdf;--green:#d92332;--shadow:0 18px 50px rgba(150,20,30,.09)}
body{background:radial-gradient(ellipse at 50% 0%,rgba(217,35,50,.10),transparent 46%),var(--bg)}
.top{background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom-color:color-mix(in srgb,#008f68 35%,var(--bd));box-shadow:0 6px 22px rgba(0,105,75,.07)}
.top .brand img{filter:drop-shadow(0 5px 12px rgba(0,143,104,.36))}
.top .icon{border-color:color-mix(in srgb,#008f68 42%,var(--bd));background:color-mix(in srgb,#008f68 12%,var(--card))}
.top .icon:hover{border-color:#00a878;color:#00a878}
.top nav a:hover,.hero h1 strong,.hero h1 em{color:var(--pri)}
.icon:hover{border-color:var(--pri);color:var(--pri)}
.hero{border-color:color-mix(in srgb,var(--pri) 25%,transparent);background:radial-gradient(ellipse at 50% 0%,rgba(217,35,50,.13),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card));box-shadow:0 20px 50px rgba(150,20,30,.08)}
.hero:after{color:color-mix(in srgb,var(--pri) 60%,transparent)}
.hero:before{color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card));border-color:color-mix(in srgb,var(--pri) 36%,var(--bd));box-shadow:0 6px 18px rgba(217,35,50,.12)}
.btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:white;box-shadow:0 9px 24px rgba(217,35,50,.20)}
.btn:hover{box-shadow:0 12px 30px rgba(217,35,50,.26)}
#how h2:before,#limits h2:before,#faq h2:before{background:linear-gradient(180deg,#ff625c,#b71c1c);box-shadow:0 0 12px rgba(217,35,50,.25)}
#how ol,#limits ul,details,.card{border-color:color-mix(in srgb,var(--pri) 22%,var(--bd));box-shadow:0 10px 28px rgba(150,20,30,.045)}
details[open]{border-color:var(--pri)}
.drop{border-color:color-mix(in srgb,var(--pri) 70%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
.drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
.drop:hover,.drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}
progress{accent-color:var(--pri)}
/* Sponsor section restored to the exact styling from before the latest palette change */
body>.sponsor{background:linear-gradient(180deg,#28132d 0%,#24142c 68%,#3e2440 69%,#42233b 100%);border-bottom:5px solid #ef75b5;box-shadow:0 10px 28px rgba(115,27,81,.25),inset 0 -4px 0 rgba(255,124,190,.22)}
body>.sponsor:before{background-image:radial-gradient(#fff0fa 1.5px,transparent 2px),radial-gradient(#ff8fc8 2px,transparent 3px),radial-gradient(#ffcfec 2px,transparent 3px),radial-gradient(#f45ca9 2px,transparent 3px);background-size:47px 41px,81px 67px,109px 91px,31px 29px;background-position:4px 8px,17px 22px,45px 4px,20px 13px}
body>.sponsor:after{border-top-color:#ff93ce;background:repeating-linear-gradient(90deg,rgba(36,13,34,.2) 0 3px,transparent 3px 35px),repeating-linear-gradient(0deg,#5a344a 0 14px,#75405b 14px 28px);box-shadow:0 -4px 13px rgba(240,90,166,.35)}
body>.sponsor .tag{border-color:#ffb5dc;background:#29152de8;color:#ffd9ed}
body>.sponsor .sponsor-name{color:#ffb1dc;text-shadow:0 3px 0 #a63372,0 6px 0 #61214b,0 8px 17px #000c}
body>.sponsor .sponsor-copy{color:#fff5fb}
body>.sponsor .sponsor-copy span{color:#ff83c5}
body>.sponsor .sponsor-support{border-color:#f06bb0;background:#2a1528ed;color:#ffe4f2;box-shadow:0 3px 10px #0005,0 0 0 1px #ff9fd322}
body>.sponsor .sponsor-support i,body>.sponsor .sponsor-support b{background:#ff78bc;box-shadow:0 0 9px #ff78bc99}
body>.sponsor .sponsor-address{border-color:#ff70b7;background:#281329;box-shadow:0 0 0 4px #0008,0 5px 0 #92275f,0 0 18px #f052a966;color:#ffc6e3}
body>.sponsor .ip{color:#fff6fb}
body>.sponsor .sponsor-copy-btn{border-color:#ffb5dc;background:linear-gradient(135deg,#f05aa6,#c93280);color:white;box-shadow:0 2px 0 #7f1e55}
body>.sponsor .toast{color:#ffe5f3}
@media(max-width:620px){.hero{border-color:color-mix(in srgb,var(--pri) 25%,transparent)}}


/* Optional classic blue palette; the sponsor banner remains unchanged */
html[data-palette=blue][data-theme=light]{--bg:#f3f9ff;--fg:#102c45;--card:#fff;--pri:#168fe5;--pri2:#086bb7;--mut:#64839c;--bd:#c5e1f5;--soft:#e8f5ff;--green:#168fe5;--shadow:0 18px 50px rgba(12,89,150,.1)}
html[data-palette=blue][data-theme=dark]{--bg:#061426;--fg:#edf7ff;--card:#0c2038;--pri:#20aaff;--pri2:#0879d1;--mut:#9bbbd5;--bd:#20486a;--soft:#102d49;--green:#20aaff;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=blue] body{background:radial-gradient(ellipse at 50% 0%,rgba(32,170,255,.10),transparent 46%),var(--bg)}
html[data-palette=blue] .top{border-bottom-color:color-mix(in srgb,#168fe5 35%,var(--bd));box-shadow:0 6px 22px rgba(12,89,150,.08)}
html[data-palette=blue] .top .brand img{filter:drop-shadow(0 5px 12px rgba(22,143,229,.32))}
html[data-palette=blue] .top .icon{border-color:color-mix(in srgb,#168fe5 42%,var(--bd));background:color-mix(in srgb,#168fe5 10%,var(--card))}
html[data-palette=blue] .top .icon:hover{border-color:#168fe5;color:#168fe5}
html[data-palette=blue] .hero{border-color:color-mix(in srgb,var(--pri) 25%,transparent);background:radial-gradient(ellipse at 50% 0%,rgba(22,143,229,.13),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card));box-shadow:0 20px 50px rgba(12,89,150,.08)}
html[data-palette=blue] .hero:before{color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card));border-color:color-mix(in srgb,var(--pri) 36%,var(--bd));box-shadow:0 6px 18px rgba(22,143,229,.12)}
html[data-palette=blue] .btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:white;box-shadow:0 9px 24px rgba(22,143,229,.20)}
html[data-palette=blue] #how h2:before,html[data-palette=blue] #limits h2:before,html[data-palette=blue] #faq h2:before{background:linear-gradient(180deg,#54c3ff,#086bb7);box-shadow:0 0 12px rgba(22,143,229,.25)}
html[data-palette=blue] .drop{border-color:color-mix(in srgb,var(--pri) 70%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
html[data-palette=blue] .drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
html[data-palette=blue] .drop:hover,html[data-palette=blue] .drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}
.palette-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:auto!important;min-width:74px;padding:7px 9px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap}
.palette-toggle span[aria-hidden]{font-size:14px;line-height:1}
@media(max-width:620px){.palette-toggle{min-width:56px;padding:6px 5px!important;gap:3px;font-size:10px!important}.palette-toggle span[aria-hidden]{font-size:12px}}


/* Mobile stability: custom palette glyph and a header that never pushes the viewport sideways */
.palette-icon{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
html,body{max-width:100%;overflow-x:clip}
body{width:100%;min-width:0}
.top{width:100%;max-width:100%;min-width:0;flex-wrap:nowrap;gap:clamp(5px,1.6vw,12px)}
.top nav{min-width:0}
.top nav a{white-space:nowrap}
.top .brand{flex:0 1 auto;min-width:0}
.top .brand b{white-space:nowrap}
.top .palette-toggle,.top .theme-toggle{flex:0 0 auto}
main{width:100%;min-width:0}
img,svg,video,canvas{max-width:100%}
@media(max-width:480px){
 .top{padding:8px 9px;gap:6px}
 .brand{gap:5px;font-size:12px;letter-spacing:.4px}
 .brand img{width:29px;height:29px;flex-basis:29px}
 .top nav{gap:7px;justify-content:center}
 .top nav a{font-size:10px;letter-spacing:-.2px}
 .top .palette-toggle{min-width:48px;padding:5px 6px!important;gap:3px}
 .top .theme-toggle{min-width:43px;padding:6px!important;gap:3px}
 .top .theme-toggle .theme-label{font-size:10px}
}
@media(max-width:360px){
 .top{flex-wrap:wrap;justify-content:space-between}
 .top nav{order:3;flex:1 0 100%;justify-content:center;padding:2px 0 1px}
 .top .brand{margin-inline-end:auto}
}


/* Icon-only theme and palette controls */
.top .palette-toggle,.top .theme-toggle{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;gap:0!important;justify-content:center!important}
.top .palette-toggle .palette-label,.top .theme-toggle .theme-label{display:none!important}
.top .palette-toggle .palette-icon,.top .theme-toggle .theme-icon{width:20px;height:20px;flex:0 0 20px}
@media(max-width:620px){.top .palette-toggle,.top .theme-toggle{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}.top .palette-toggle .palette-icon,.top .theme-toggle .theme-icon{width:18px;height:18px;flex-basis:18px}}

/* Additional Chunki color palettes */
html[data-palette=purple][data-theme=light]{--bg:#faf5ff;--fg:#2d1745;--card:#fff;--pri:#9333ea;--pri2:#6b21a8;--mut:#806b96;--bd:#e4d1f8;--soft:#f0e3ff;--green:#9333ea;--shadow:0 18px 50px rgba(109,40,217,.11)}
html[data-palette=purple][data-theme=dark]{--bg:#160b24;--fg:#f7efff;--card:#241334;--pri:#c084fc;--pri2:#9333ea;--mut:#c1a9d8;--bd:#49305f;--soft:#321b47;--green:#c084fc;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=green][data-theme=light]{--bg:#f1fbf5;--fg:#123a28;--card:#fff;--pri:#16a34a;--pri2:#166534;--mut:#5b806b;--bd:#c5e8d1;--soft:#e0f7e8;--green:#16a34a;--shadow:0 18px 50px rgba(22,163,74,.1)}
html[data-palette=green][data-theme=dark]{--bg:#071b12;--fg:#eafff1;--card:#10271b;--pri:#4ade80;--pri2:#16a34a;--mut:#a2c9b1;--bd:#28533a;--soft:#173b27;--green:#4ade80;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=orange][data-theme=light]{--bg:#fff8ef;--fg:#48240c;--card:#fff;--pri:#f97316;--pri2:#c2410c;--mut:#8c6b55;--bd:#f5d6bd;--soft:#ffead8;--green:#f97316;--shadow:0 18px 50px rgba(234,88,12,.1)}
html[data-palette=orange][data-theme=dark]{--bg:#211107;--fg:#fff3e8;--card:#301a0d;--pri:#fb923c;--pri2:#ea580c;--mut:#d0ae96;--bd:#65402a;--soft:#452613;--green:#fb923c;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=pink][data-theme=light]{--bg:#fff4f8;--fg:#48172d;--card:#fff;--pri:#ec4899;--pri2:#be185d;--mut:#93677e;--bd:#f4c9dd;--soft:#ffe3ef;--green:#ec4899;--shadow:0 18px 50px rgba(236,72,153,.1)}
html[data-palette=pink][data-theme=dark]{--bg:#230d1a;--fg:#fff0f7;--card:#321427;--pri:#f472b6;--pri2:#db2777;--mut:#d4a8c0;--bd:#65334d;--soft:#481b35;--green:#f472b6;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=teal][data-theme=light]{--bg:#effcfb;--fg:#103b3b;--card:#fff;--pri:#0d9488;--pri2:#115e59;--mut:#5d8280;--bd:#bfe8e4;--soft:#d9f7f3;--green:#0d9488;--shadow:0 18px 50px rgba(13,148,136,.1)}
html[data-palette=teal][data-theme=dark]{--bg:#071d1d;--fg:#e8fffc;--card:#102b2a;--pri:#2dd4bf;--pri2:#0d9488;--mut:#9fc9c5;--bd:#245653;--soft:#16413e;--green:#2dd4bf;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=purple] body,html[data-palette=green] body,html[data-palette=orange] body,html[data-palette=pink] body,html[data-palette=teal] body{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--pri) 12%,transparent),transparent 46%),var(--bg)}
html[data-palette=purple] .top,html[data-palette=green] .top,html[data-palette=orange] .top,html[data-palette=pink] .top,html[data-palette=teal] .top{border-bottom-color:color-mix(in srgb,var(--pri) 35%,var(--bd));box-shadow:0 6px 22px color-mix(in srgb,var(--pri) 10%,transparent)}
html[data-palette=purple] .top .icon,html[data-palette=green] .top .icon,html[data-palette=orange] .top .icon,html[data-palette=pink] .top .icon,html[data-palette=teal] .top .icon{border-color:color-mix(in srgb,var(--pri) 42%,var(--bd));background:color-mix(in srgb,var(--pri) 10%,var(--card))}
html[data-palette=purple] .top .icon:hover,html[data-palette=green] .top .icon:hover,html[data-palette=orange] .top .icon:hover,html[data-palette=pink] .top .icon:hover,html[data-palette=teal] .top .icon:hover{border-color:var(--pri);color:var(--pri)}
html[data-palette=purple] .hero,html[data-palette=green] .hero,html[data-palette=orange] .hero,html[data-palette=pink] .hero,html[data-palette=teal] .hero{border-color:color-mix(in srgb,var(--pri) 25%,transparent);background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--pri) 13%,transparent),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card))}
html[data-palette=purple] .btn,html[data-palette=green] .btn,html[data-palette=orange] .btn,html[data-palette=pink] .btn,html[data-palette=teal] .btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:white;box-shadow:0 9px 24px color-mix(in srgb,var(--pri) 20%,transparent)}
html[data-palette=purple] #how h2:before,html[data-palette=purple] #limits h2:before,html[data-palette=purple] #faq h2:before,html[data-palette=green] #how h2:before,html[data-palette=green] #limits h2:before,html[data-palette=green] #faq h2:before,html[data-palette=orange] #how h2:before,html[data-palette=orange] #limits h2:before,html[data-palette=orange] #faq h2:before,html[data-palette=pink] #how h2:before,html[data-palette=pink] #limits h2:before,html[data-palette=pink] #faq h2:before,html[data-palette=teal] #how h2:before,html[data-palette=teal] #limits h2:before,html[data-palette=teal] #faq h2:before{background:linear-gradient(180deg,var(--pri),var(--pri2));box-shadow:0 0 12px color-mix(in srgb,var(--pri) 25%,transparent)}
html[data-palette=purple] .drop,html[data-palette=green] .drop,html[data-palette=orange] .drop,html[data-palette=pink] .drop,html[data-palette=teal] .drop{border-color:color-mix(in srgb,var(--pri) 70%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
html[data-palette=purple] .drop:before,html[data-palette=green] .drop:before,html[data-palette=orange] .drop:before,html[data-palette=pink] .drop:before,html[data-palette=teal] .drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
html[data-palette=purple] .drop:hover,html[data-palette=purple] .drop.over,html[data-palette=green] .drop:hover,html[data-palette=green] .drop.over,html[data-palette=orange] .drop:hover,html[data-palette=orange] .drop.over,html[data-palette=pink] .drop:hover,html[data-palette=pink] .drop.over,html[data-palette=teal] .drop:hover,html[data-palette=teal] .drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}

/* Yellow Chunki palette */
html[data-palette=yellow][data-theme=light]{--bg:#fffdf0;--fg:#45380a;--card:#fffef8;--pri:#eab308;--pri2:#a16207;--mut:#887b4a;--bd:#f1df8a;--soft:#fff5bf;--green:#eab308;--shadow:0 18px 50px rgba(202,138,4,.12)}
html[data-palette=yellow][data-theme=dark]{--bg:#1e1a06;--fg:#fffbe5;--card:#2b2509;--pri:#facc15;--pri2:#ca8a04;--mut:#d3c78b;--bd:#5c4b12;--soft:#40350b;--green:#facc15;--shadow:0 18px 50px rgba(0,0,0,.34)}
html[data-palette=yellow] body{background:radial-gradient(ellipse at 50% 0%,rgba(250,204,21,.13),transparent 46%),var(--bg)}
html[data-palette=yellow] .top{border-bottom-color:color-mix(in srgb,#eab308 35%,var(--bd));box-shadow:0 6px 22px rgba(202,138,4,.09)}
html[data-palette=yellow] .top .icon{border-color:color-mix(in srgb,var(--pri) 42%,var(--bd));background:color-mix(in srgb,var(--pri) 10%,var(--card))}
html[data-palette=yellow] .top .icon:hover{border-color:var(--pri);color:var(--pri)}
html[data-palette=yellow] .hero{border-color:color-mix(in srgb,var(--pri) 30%,transparent);background:radial-gradient(ellipse at 50% 0%,rgba(234,179,8,.14),transparent 65%),linear-gradient(145deg,color-mix(in srgb,var(--card) 92%,var(--pri)),var(--card))}
html[data-palette=yellow] .btn{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:var(--pri);color:#211800;box-shadow:0 9px 24px rgba(202,138,4,.2)}
html[data-palette=yellow] #how h2:before,html[data-palette=yellow] #limits h2:before,html[data-palette=yellow] #faq h2:before{background:linear-gradient(180deg,#fde047,#a16207);box-shadow:0 0 12px rgba(234,179,8,.25)}
html[data-palette=yellow] .drop{border-color:color-mix(in srgb,var(--pri) 70%,var(--bd));background:color-mix(in srgb,var(--pri) 5%,var(--card))}
html[data-palette=yellow] .drop:before{background:color-mix(in srgb,var(--pri) 15%,var(--card));color:var(--pri)}
html[data-palette=yellow] .drop:hover,html[data-palette=yellow] .drop.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}

/* Hold the palette button to open the color picker */
.top{position:sticky;top:0;z-index:100}
.palette-menu{position:absolute;right:50%;top:calc(100% + 8px);transform:translateX(50%);z-index:200;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:184px;padding:12px;background:var(--card);border:1px solid var(--bd);border-radius:16px;box-shadow:0 14px 36px #0004;direction:rtl}
.palette-menu[hidden]{display:none!important}
.palette-swatch{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid color-mix(in srgb,var(--fg) 18%,transparent);border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 2px var(--card);transition:transform .15s,border-color .15s}
.palette-swatch:hover{transform:scale(1.1)}
.palette-swatch[aria-checked=true]{outline:2px solid var(--fg);outline-offset:2px}
.palette-swatch .swatch-check{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;filter:drop-shadow(0 1px 2px #0008)}
.palette-swatch[data-color=yellow] .swatch-check{stroke:#382b00}

/* Remove the pink/purple streaked backdrop from the sponsor banner */
body>.sponsor{background:linear-gradient(180deg,#182b20 0%,#14251b 76%,#254927 77%,#19321f 100%) !important}
body>.sponsor:before{background-image:none !important;opacity:0 !important}

/* Chunki sponsor blue matte image background only; diamond rain remains untouched */
body>.sponsor{background:#102b55 url('/chunki-blue-matte.jpg') center/cover no-repeat!important}
body>.sponsor:before{background-image:none!important;opacity:0!important}