/* Inspired by the compiled game's menu, summon screen and original HUD atlases. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Permanent+Marker&display=swap');
:root{--bg:#141c20;--panel:#20282b;--red:#ffb633;--line:#6b603d;--cream:#fff3d9;--muted:#bdbab0}body{background:linear-gradient(#0c151be8,#10181be8),url('/assets/hud-background.png') center/1024px fixed;color:var(--cream)}header{height:110px;background:linear-gradient(#172831e8,#0d151bf5),url('/assets/hud-background.png') center 65%/cover;border-bottom:3px solid #bd8c39;box-shadow:0 4px 0 #050b10,0 6px 0 #e4c77c33;padding-inline:4%;gap:30px}.brand img{width:215px;height:96px;object-fit:contain;filter:drop-shadow(0 3px 3px #000)}header nav{gap:7px;justify-content:center}nav a{height:42px;padding:0 18px;border:1px solid transparent;font-weight:700;color:#dacfac;white-space:nowrap}nav a.active{background:linear-gradient(#ffeeb4,#cda344 45%,#765421 51%,#dcb854);color:#fff;border:2px solid #fff0a0;border-radius:6px;box-shadow:0 0 0 2px #101411,inset 0 0 8px #fff4b6;text-shadow:1px 2px 2px #241409}nav a.active:after{display:none}.header-actions .primary{padding:12px 16px;white-space:nowrap}.primary{background:linear-gradient(#ffd776,#e89e25 45%,#ad5a0e 49%,#ed9c23);border:2px solid #ffe4a4;box-shadow:0 0 0 2px #101616,inset 0 0 0 1px #a35b15,0 3px 0 #090c10;color:#fff9e8;text-shadow:1px 2px 1px #5d300c;border-radius:7px;font-size:14px}.primary:hover{background:linear-gradient(#fff0a7,#fbbd45 45%,#ce7414 49%,#ffc950)}.secondary{background:linear-gradient(#425b60,#1b3138 48%,#12252b 49%,#33515a);border:2px solid #849d99;box-shadow:0 0 0 2px #080e10,inset 0 0 5px #b1d8d44a;color:#fff6de;text-shadow:1px 2px #08171b;border-radius:6px}.secondary:hover{background:#405b60}.portal-hud{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 4%;background:linear-gradient(100deg,#a54913,#db7625 45%,#8d3919);border-bottom:2px solid #ecb456;box-shadow:inset 0 0 18px #ffc13e44;position:relative}.portal-hud:before{content:'';position:absolute;inset:0;background:url('/assets/hud-background.png') center 5%/600px;opacity:.2;pointer-events:none}.hud-label{font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:2px;text-shadow:1px 2px #381507;z-index:1}.hud-resources{display:flex;gap:18px}.hud-resource{display:flex;align-items:center;gap:10px;background:#101d21;clip-path:polygon(4% 0,94% 0,100% 90%,2% 100%,0 20%);padding:4px 24px 4px 10px;min-width:170px;font-size:10px;color:#c8c4b6}.hud-resource strong{font-size:12px;color:#fff8dc;margin-left:auto}.hud-icon{display:block;width:40px;height:40px;background-image:url('/assets/hud-icons.png');background-size:1024px 1024px;flex-shrink:0}.hud-icon.stone{background-position:-146px -978px}.hud-icon.chakra{background-position:-198px -978px}.hero{min-height:660px;background:linear-gradient(100deg,#10202c,#152a35)}.hero-art{left:27%;opacity:.9;background-position:55% 32%;filter:saturate(.95)}.hero:after{background:linear-gradient(90deg,#0e1c24 1%,#0e1c24f0 19%,#0e1c2499 44%,#0e1c2400 75%),linear-gradient(0deg,#111d22 0,transparent 40%)}.hero-content{padding-top:35px;padding-bottom:90px;max-width:800px}.hero-logo{display:block;width:410px;height:220px;object-fit:contain;object-position:left center;margin-bottom:2px;filter:drop-shadow(0 6px 4px #000a)}.hero .eyebrow{color:#f5d58a;letter-spacing:3px;margin-bottom:15px}.hero h1{font-family:'Permanent Marker',cursive;font-size:49px;line-height:1.16;letter-spacing:-1.7px;text-shadow:3px 4px 0 #09141b,-1px -1px #09141b;margin-bottom:20px}.hero h1 em{color:#ffc94c}.hero p{color:#ddd9cf}.hero-caption{margin-top:25px}.hero-caption>span{color:#c5b07d}.hero-bottom{color:#d8c28e}.ticker{background:linear-gradient(#1e3037,#111d21);border-color:#8e7742;color:#d6c597;box-shadow:inset 0 0 20px #0006}.section-heading h2,.join h2,.page h1,.faq h2,.shop-banner h2{color:#fff0c2;text-shadow:2px 3px #080f12}.eyebrow{color:#edb94b}.section-heading{border-bottom:1px solid #bda36555;padding-bottom:20px}.post-card{border:2px solid #a99158;background:linear-gradient(#1e3038,#101b20);border-radius:2px;box-shadow:0 0 0 3px #080f11,0 5px 12px #0007;position:relative}.post-card:after,.panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#f7d77c,#f7d77c) top left/16px 3px no-repeat,linear-gradient(#f7d77c,#f7d77c) top left/3px 16px no-repeat,linear-gradient(#f7d77c,#f7d77c) bottom right/16px 3px no-repeat,linear-gradient(#f7d77c,#f7d77c) bottom right/3px 16px no-repeat}.post-card:hover{border-color:#ffe3a1}.post-image{border-bottom:2px solid #bba36c}.post-image>span{background:#101c21;border-color:#d6bb76;color:#ffdf8b}.post-copy small{color:#bda971}.post-copy h3{font-family:'Barlow Condensed',sans-serif;font-size:29px;font-weight:700;color:#ffedc5}.post-copy .text-link{border-color:#8c78484d}.text-link{color:#efd38a}.shop-banner{border:3px solid #ba9250;background:linear-gradient(100deg,#351a0bd9,#532a0bcc),url('/assets/hud-background.png') center 15%/cover;box-shadow:0 0 0 3px #090e11,inset 0 0 35px #ffb22526;border-radius:2px}.shop-banner h2{font-family:'Permanent Marker',cursive;font-size:48px}.shop-banner small{color:#d1b381}.gem-scene{width:40%}.gem-scene>span{color:#f8cf69}.gem{width:160px;height:160px;background:url('/assets/shinobite-packs.png') 0 0/1024px 1024px;clip-path:circle(49%);transform:none;filter:none;margin:15px auto;mix-blend-mode:multiply}.gem:after{display:none}.gem.large{width:160px;height:160px;background-position:-810px 0;transform:scale(1.55);mix-blend-mode:normal;box-shadow:0 0 0 2px #bb9349}.join{background:radial-gradient(ellipse at center,#36617133,transparent 70%)}footer{border-color:#b28a43;color:#d7bd85}footer .brand img{width:175px;height:95px}.page{background:linear-gradient(180deg,#16262c88,transparent 450px)}.page h1{font-size:69px}.page h1 em{color:#ffc94c}.notice{background:#3a2917;border-color:#98743c;color:#ffdf99}.notice span{color:#dbc89e}.player-strip{background:linear-gradient(100deg,#1a2b31,#101b20);border:2px solid #a88f51;box-shadow:inset 0 0 0 3px #090f14;border-radius:2px}.avatar{background:#17292d;border:2px solid #c5a650;border-radius:50%;box-shadow:inset 0 0 12px #9dbc8177;color:#ffdc85}.step{background:#0b1519;padding:14px 22px;clip-path:polygon(1% 0,99% 3%,100% 80%,98% 100%,0 95%);color:#d7c89c}.packs{gap:24px}.pack{border:3px solid #a48746;background:#e7dcc1 url('/assets/hud-controls.png') 0 0/1024px 1024px;color:#33241a;border-radius:3px;box-shadow:0 0 0 3px #0b1114,inset 0 0 0 2px #ffefb5;padding-top:24px}.pack.selected{background:#e7dcc1 url('/assets/hud-controls.png') 0 0/1024px 1024px;border-color:#fff096;box-shadow:0 0 0 3px #503407,0 0 18px #ffbd3455,inset 0 0 0 3px #bd811b}.pack:hover{border-color:#ffd26d;transform:translateY(-3px)}.pack:nth-child(2) .gem{background-position:-162px 0}.pack:nth-child(3) .gem{background-position:-486px 0}.pack:nth-child(4) .gem{background-position:-810px 0}.pack strong{color:#2b211a;text-shadow:1px 2px #fffbdd;font-size:50px}.pack>span:not(.radio):not(.pack-tag){color:#57472b;font-weight:700}.pack small{color:#665335}.pack b{color:#3a2514;border-color:#89642f55;font-size:23px;text-shadow:1px 1px #fff3c7}.pack-tag{background:linear-gradient(#ffe986,#d88a13);border:1px solid #fff2ab;color:#31200d;box-shadow:0 2px 0 #21170e;font-weight:800}.radio{border-color:#8e6b31}.selected .radio{border-color:#a55a12;background:#ffe986}.checkout{background:linear-gradient(#263e44,#12242b);border:2px solid #bda368;border-radius:3px;box-shadow:0 0 0 2px #080e13}.checkout .primary{background:linear-gradient(#b7ef6a,#5bb125 48%,#287210 51%,#6cbb2d);border-color:#deffad;text-shadow:1px 2px #173808}.checkout .primary:hover{filter:brightness(1.15)}.filters button{background:#13252b;border:1px solid #ad9150;color:#cebd94}.filters .active{background:linear-gradient(#ffdc75,#ab751d);color:#261a09;border-color:#ffe5a4}.faq details{border-color:#7c684444}.panel{position:relative;background:linear-gradient(#233740,#13242a);border:2px solid #ae9255;border-radius:2px}.badge{color:#ffcc5c}.empty{border-color:#a68c55}.article>img,.about>img{border:3px solid #b79b61;box-shadow:0 0 0 3px #111a1e;border-radius:1px}.article-text{color:#d4d1c4}dialog{border:3px solid #b9974b;background:linear-gradient(#18333cf5,#101c22fa),url('/assets/hud-background.png') center/cover;box-shadow:0 0 0 3px #040b0d,inset 0 0 0 2px #6c633f;border-radius:8px}dialog h2{color:#ffdc89;text-shadow:2px 2px #000}dialog .close{background:#a43519;border:2px solid #e3ac54;color:white;width:32px;height:32px;line-height:25px;border-radius:50%;top:8px;right:8px}input:not([type=checkbox]):not([type=radio]){border-color:#87774b;background:#09191e}.google-button{background:#f2e3be;color:#342617;border:2px solid #d0ac62}.summary{border-color:#897044}.auth-switch button,.forgot{color:#ffd471}.check input{accent-color:#d5a436}.full{box-sizing:border-box}#toast{background:#eadcb4;color:#2f2518;border:2px solid #a68037}.login-link{color:#f4dfa9}.shop-banner .primary{margin-top:8px}
@media(max-width:1150px){header{gap:15px;padding-inline:3%}header nav a{padding-inline:10px;font-size:12px}.brand img{width:175px}.header-actions{gap:12px}.header-actions .primary{font-size:12px}.packs{gap:15px}.pack{padding-inline:8px}.hero-logo{width:370px;height:195px}.hero-content{max-width:700px}.hero h1{font-size:46px}.pack .gem{width:145px;height:145px;background-size:928px 928px}.pack:nth-child(2) .gem{background-position:-147px 0}.pack:nth-child(3) .gem{background-position:-440px 0}.pack:nth-child(4) .gem{background-position:-734px 0}}
@media(max-width:760px){header{height:86px;padding-inline:5%;gap:15px}.brand img{width:160px;height:76px}header nav{top:85px;background:#13242b;padding:20px}header nav.open{gap:8px}header nav a{padding:13px 18px;height:auto}.menu-toggle{color:#ffdc8c}.portal-hud{padding:8px 5%;gap:8px}.hud-label{font-size:10px;max-width:85px;line-height:1.5}.hud-resources{gap:5px}.hud-resource{min-width:0;padding:3px 12px 3px 4px;gap:5px;font-size:8px}.hud-resource strong{font-size:9px}.hud-resource:first-child{display:none}.hud-icon{transform:scale(.75);margin:-4px}.hero{min-height:770px}.hero-art{left:0;background-position:60% top;background-size:auto 570px;opacity:.7}.hero:after{background:linear-gradient(0deg,#101e25 5%,#101e25ed 30%,#101e2560 75%)}.hero-content{padding-top:200px;padding-bottom:80px}.hero-logo{width:280px;height:154px;margin-left:-10px;margin-bottom:12px}.hero h1{font-size:37px;line-height:1.2;letter-spacing:-1.2px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-content p{font-size:13px}.hero .actions{flex-wrap:wrap}.hero .primary,.hero .secondary{font-size:11px}.hero-bottom{font-size:7px;letter-spacing:1px}.page h1{font-size:51px}.packs{gap:24px 12px}.pack .gem{width:128px;height:128px;background-size:819px 819px}.pack:nth-child(2) .gem{background-position:-130px 0}.pack:nth-child(3) .gem{background-position:-389px 0}.pack:nth-child(4) .gem{background-position:-648px 0}.pack strong{font-size:39px}.pack small{font-size:9px}.pack b{font-size:20px}.shop-banner{padding:30px 23px}.shop-banner h2{font-size:38px}.gem-scene{opacity:.35;right:-10px;top:65px}.gem.large{transform:scale(1.1)}footer .brand img{width:145px;height:80px}.section-heading h2{font-size:37px}.join h2{font-size:49px}.post-copy h3{font-size:28px}.player-strip small{font-size:8px}}
/* Android download center */
.download-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;margin-top:42px;align-items:start}.download-release{padding:32px}.download-platform{display:flex;gap:18px;align-items:center}.download-platform .eyebrow{margin-bottom:5px}.download-platform h2{font-size:33px;margin:0}.download-emblem{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border:2px solid #d7b66c;background:#0d2028;border-radius:50%;color:#ffd56b;font-size:35px}.download-logo{display:block;width:min(100%,390px);height:180px;object-fit:contain;margin:25px auto}.release-status{display:inline-block;border:1px solid #c39a4d;background:#3e2c16;color:#ffe0a1;padding:8px 15px;letter-spacing:2px;font-size:10px;font-weight:700;margin-bottom:15px}.download-unavailable:disabled{background:linear-gradient(#5b605b,#303b3a);border-color:#829086;color:#d6d9cd;text-shadow:none;box-shadow:0 0 0 2px #0c151a;transform:none;cursor:not-allowed;opacity:.8}.download-note{font-size:11px;text-align:center;margin:12px 0 26px}.download-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;border-top:1px solid #a0854d66;padding-top:24px}.download-specs dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#c6b482;margin-bottom:8px}.download-specs dd{margin:0;font-size:13px;color:#fff1c8}.download-info .panel h2{margin:0 0 18px;font-size:38px}.download-art{position:relative;border:2px solid #ad9355;margin-top:26px;overflow:hidden}.download-art img{width:100%;height:260px;object-fit:cover;display:block}.download-art span{position:absolute;bottom:0;left:0;right:0;padding:22px 20px;background:linear-gradient(transparent,#071119);font-size:11px;letter-spacing:2px;color:#ffdf95}.downloads-page .faq{margin-top:60px}
@media(min-width:761px) and (max-width:1150px){header{gap:10px;padding-inline:2%}header .brand img{width:140px}header nav{gap:3px}header nav a{padding-inline:7px;font-size:11px}.header-actions{gap:9px}.header-actions .primary{padding:11px 10px;font-size:11px}.header-actions .login-link{font-size:11px}}
@media(max-width:760px){.download-layout{grid-template-columns:1fr;gap:24px;margin-top:30px}.download-release{padding:23px}.download-platform{gap:12px}.download-platform h2{font-size:27px}.download-emblem{width:45px;height:45px;font-size:27px}.download-logo{height:150px;margin:20px auto}.download-specs{gap:22px 12px}.download-art img{height:220px}.download-info .panel h2{font-size:34px}}

/* Voluntary USD donations */
.donation-options .pack{min-height:220px}.donation-symbol{display:block;font-size:46px;color:#735319;margin:8px auto 18px}.donation-options .pack strong{font-size:38px}.custom-donation{margin:28px 0;padding:25px;max-width:600px}.custom-donation label{display:block;font-weight:700;margin-bottom:12px}.custom-donation label span{color:#e3bd66;font-size:12px;margin-left:8px}.custom-donation input{width:100%;font-size:22px;color:#fff4da;background:#0d1b21;border:1px solid #a68a4a;border-radius:5px;padding:15px}.custom-donation p{font-size:12px;margin:10px 0 0}.donations-page .notice{margin-bottom:32px}.donation-options button:focus-visible,.custom-donation input:focus-visible{outline:3px solid #ffd67b;outline-offset:5px}@media(max-width:760px){.donation-options .pack{min-height:190px}.donation-options .pack strong{font-size:30px}.donations-page h1{font-size:42px}}

.game-app-icon{max-width:192px;width:100%;height:auto;border-radius:24px;box-shadow:0 10px 30px #0006}

@media(min-width:761px){header nav{justify-content:flex-end;margin-left:auto}}
.install-steps{padding-left:22px;color:var(--muted);line-height:1.8}.install-steps li{margin-bottom:10px}.download-integrity{margin-top:28px;color:var(--muted)}.download-integrity summary{cursor:pointer}.download-integrity code{display:block;margin-top:16px;overflow-wrap:anywhere;font-size:12px}

.downloads-page .download-layout{margin-top:0}.downloads-page .download-title{font-size:32px;line-height:1.1;margin:0;letter-spacing:0}

/* Donation server support and official payment provider badge */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.donations-page>.lead{max-width:850px;margin-top:0;font-size:20px;line-height:1.65}
.stripe-trust{display:flex;align-items:center;gap:18px;margin:22px 0 30px;padding:16px 20px;background:#101b22;border:1px solid #71818c55;border-radius:8px}
.stripe-trust a{display:inline-flex;flex-shrink:0}.stripe-trust img{display:block;width:150px;height:34px;object-fit:contain}.stripe-trust p{margin:0;font-size:13px;line-height:1.5;color:#c3cbd2}
.downloads-page .download-title{max-width:460px;text-wrap:balance}
@media(max-width:600px){.stripe-trust{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.donations-page>.lead{font-size:18px}.downloads-page .download-title{font-size:26px}}