/* Aplejouice: original dimensional treatment inspired by TxTHub's dark presentation. */
:root{--depth-orange:#ff9c45;--depth-gold:#ffd39a;--depth-ink:#080a10;--depth-border:#ffffff14}
html{background:var(--depth-ink);color-scheme:dark;scroll-behavior:smooth}
body.aple-depth{isolation:isolate;position:relative;overflow-x:clip;background:#080a10;color:#f4f2f0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body.aple-depth:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,#8b441d26,transparent 58%),radial-gradient(ellipse at 14% 60%,#3323481a,transparent 50%),#080a10}
body.aple-depth:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(1px 1px at 17px 31px,#c6b5a8 95%,transparent),radial-gradient(1px 1px at 48px 83px,#8d7969 95%,transparent),radial-gradient(1px 1px at 103px 41px,#fff0 40%,#b09a82 95%,transparent);background-size:157px 151px,223px 193px,331px 271px;mask-image:linear-gradient(#000,transparent 95%)}
.aple-depth a,.aple-depth button{-webkit-tap-highlight-color:transparent}
.aple-depth :focus-visible{outline:2px solid #ffd39a;outline-offset:5px}
.aple-depth>header,.aple-depth .header{background:#080a108c;border-bottom:1px solid #ffffff0c;position:relative;z-index:3}
.aple-depth>header>img,.aple-depth .brand img{filter:drop-shadow(0 3px 0 #5b2d15) drop-shadow(0 0 15px #f68d3f5c)}
.aple-depth .button,.gate-page form button{border:1px solid #ffcf815e;border-radius:999px;background:linear-gradient(150deg,#ffc779,#f58b3e 70%,#e97734);color:#29160a;box-shadow:0 5px 0 #823b1d,0 12px 32px #e2783029,inset 0 1px 0 #fff7;font-weight:750;transition:transform .2s,box-shadow .2s;text-decoration:none}
.aple-depth .button:hover,.gate-page form button:hover{background:linear-gradient(150deg,#ffd398,#ff9e50);transform:translateY(-2px);box-shadow:0 7px 0 #823b1d,0 17px 34px #e2783038}
.aple-depth .button:active,.gate-page form button:active{transform:translateY(3px);box-shadow:0 2px 0 #823b1d,0 5px 20px #e2783020}
.aple-depth .brand-scene{height:226px;width:min(430px,100%);position:relative;margin:0 auto 6px;perspective:800px;transform-style:preserve-3d;pointer-events:none}
.scene-halo{position:absolute;inset:6% 17% 4%;border-radius:50%;background:radial-gradient(ellipse,#f9a04c35,transparent 65%);filter:blur(15px)}
.scene-disc{position:absolute;left:calc(50% - 61px);top:49px;width:122px;height:122px;border-radius:32px;transform:rotateX(16deg) rotateY(-14deg) rotateZ(-7deg);border:1px solid #ffcb7c46;background:linear-gradient(135deg,#3e2a1e,#13151c 70%);box-shadow:8px 10px 0 #0c0b10,9px 11px 0 #94623a66,0 30px 55px #000b,inset 0 1px 0 #ffec;animation:scene-disc 7s ease-in-out infinite}
.scene-logo{position:absolute;z-index:5;transform:translateZ(80px);left:calc(50% - 56px);top:44px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 5px 0 #3f260e) drop-shadow(0 0 24px #ffb54880);animation:scene-logo 7s ease-in-out infinite}
.scene-orbit{position:absolute;left:calc(50% - 130px);top:20px;width:260px;height:200px;border-radius:50%;border:1px solid #ffb85f6b;transform:rotateX(64deg) rotateZ(-19deg);box-shadow:0 0 18px #ff9d3520,inset 0 0 16px #ff9d3515}
.scene-orbit.second{transform:rotateX(67deg) rotateZ(29deg);width:306px;height:245px;left:calc(50% - 153px);top:-5px;border-color:#b1683538}
.scene-cube{--s:30px;position:absolute;width:var(--s);height:var(--s);transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-35deg);animation:scene-cube 8s ease-in-out infinite}
.scene-cube i{position:absolute;inset:0;border:1px solid #ffd09099;background:linear-gradient(135deg,#ffc575,#ab5424);backface-visibility:hidden;box-shadow:inset 0 0 9px #ffcb7073}
.scene-cube i:first-child{transform:translateZ(calc(var(--s)/2))}.scene-cube i:nth-child(2){transform:rotateY(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(#ae572a,#613019)}.scene-cube i:nth-child(3){transform:rotateX(90deg) translateZ(calc(var(--s)/2));background:linear-gradient(#ffdb96,#f5a050)}
.cube-a{left:15%;top:41px}.cube-b{--s:19px;right:16%;top:108px;animation-delay:-3s}.cube-c{--s:12px;right:29%;top:22px;animation-delay:-5s}
.scene-chip{position:absolute;padding:5px 10px;border:1px solid #ffffff18;background:#11131ce0;box-shadow:3px 4px 0 #030407,0 10px 25px #0006;border-radius:7px;font:600 8px/1.5 system-ui;letter-spacing:1.2px;color:#c3b8ad}
.chip-a{left:12%;top:145px;transform:rotate(-8deg)}.chip-b{right:10%;top:175px;transform:rotate(8deg)}
@keyframes scene-logo{0%,100%{transform:translate3d(0,0,80px) rotate(-6deg)}50%{transform:translate3d(0,-11px,80px) rotate(-2deg)}}
@keyframes scene-disc{0%,100%{transform:translateY(0) rotateX(16deg) rotateY(-14deg) rotateZ(-7deg)}50%{transform:translateY(-7px) rotateX(9deg) rotateY(-5deg) rotateZ(-4deg)}}
@keyframes scene-cube{0%,100%{transform:translateY(0) rotateX(-22deg) rotateY(-35deg)}50%{transform:translateY(-12px) rotateX(-15deg) rotateY(-52deg)}}
/* Public release page and owner portal. */
.download-page>header,.download-page>main,.download-page>footer{width:min(1120px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.download-page>header{height:86px}.download-page>main{padding:28px 0 76px}
.download-hero{text-align:center;padding-bottom:34px}.download-hero .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;border:1px solid #ffbd651f;border-radius:999px;background:#ffffff03;padding:7px 14px}
.download-hero .eyebrow:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffb45f;box-shadow:0 0 11px #ff982e}
.download-hero h1{font-size:clamp(42px,6.8vw,80px);font-weight:760;letter-spacing:-3.8px;line-height:1.06;margin:20px 0 21px;text-shadow:0 3px 0 #221b17}
.download-hero h1 span,.aple-depth .hero h1 span{background:linear-gradient(110deg,#ffe6be,#ffbe70 45%,#e87a36);background-clip:text;color:transparent;text-shadow:none}
.download-hero>p{max-width:590px;margin:0 auto;color:#9296a1;font-size:16px}
.download-page .release{max-width:900px;margin:20px auto 0;position:relative;padding:32px;border-radius:18px;background:linear-gradient(135deg,#211c18ed,#10131af5 65%);border:1px solid #ffcb6b25;box-shadow:0 8px 0 #040508,0 9px 0 #694b2b4d,0 30px 60px #0007,inset 0 1px 0 #ffe0ba0c;transform:perspective(1200px) rotateX(2deg);transition:transform .3s,box-shadow .3s}
.download-page .release:hover{transform:perspective(1200px) rotateX(0) translateY(-3px);box-shadow:0 11px 0 #040508,0 12px 0 #694b2b4d,0 38px 65px #0008}
.download-page .badge{background:#ffb65f0d;color:#e5ba89;border-color:#ffcb6b25}.download-page .hash{margin-bottom:0;color:#787777}.download-page .install{max-width:900px;margin:40px auto 0;padding:26px 30px;border:1px solid #ffffff0c;border-radius:15px;background:#10131b9e}
.download-page>footer{border-color:#ffffff0d}.download-page a:not(.button){color:#d9b089}.download-page .install p,.download-page .release p{color:#98979b}
.download-features{max-width:900px;margin:36px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download-features>div{padding:22px;border:1px solid #ffffff10;border-radius:14px;background:linear-gradient(140deg,#ffffff05,#ffffff01);box-shadow:0 5px 0 #040508}.download-features b{display:block;color:#f1dcc4;font-size:14px}.download-features p{font-size:12px;margin:8px 0 0;color:#8f919b}
/* The existing beta passcode remains the boundary for the full website. */
.gate-page>header{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:24px 0}
.gate-page main{width:min(480px,calc(100% - 40px));margin:0 auto;padding:13px 0 60px;text-align:center}
.gate-page .brand-scene{height:185px;margin:0 auto -5px;transform:scale(.88);transform-origin:center}
.gate-page .status{border-color:#ffbd6529;background:#ffbd6507;border-radius:999px;padding:5px 13px;letter-spacing:.5px;font-size:10px;margin-bottom:15px}
.gate-page h1{font-size:clamp(39px,5vw,58px);line-height:1.05;letter-spacing:-2.5px;color:#fff4e5;margin-bottom:18px;text-shadow:0 3px 0 #271e17}
.gate-page main>p{color:#90929d;font-size:13px;max-width:380px;margin:0 auto 24px}
.gate-page form{position:relative;padding:24px 26px 26px;margin-top:26px;text-align:left;border:1px solid #ffbd6526;border-radius:16px;background:linear-gradient(135deg,#231c18ea,#11141bf5);box-shadow:0 7px 0 #040508,0 8px 0 #6a4d2d44,0 25px 45px #0007;transform:perspective(1100px) rotateX(2deg)}
.gate-page form label{color:#dfc9b5;font-size:12px}.gate-page form input{border-radius:8px;border-color:#ffffff1f;background:#080b118c;font-size:14px;padding:11px 14px}.gate-page form button{padding:11px 14px;font-size:13px}.gate-page .error{font-size:11px}.gate-page main>.hint{margin-top:27px;font-size:11px}.gate-page footer{width:min(1120px,calc(100% - 48px));margin:0 auto;border-color:#ffffff0e;font-size:11px}
/* Protected feature website: use existing screenshots and interactions in dimensional frames. */
.feature-page{--paper:#080a10;--ink:#f5ede5;--muted:#97939a;--orange:#ffad61;--line:#ffffff14}
.feature-page .wrap{width:min(1160px,calc(100% - 64px))}.feature-page .header{height:90px}.feature-page .header nav{gap:26px}.feature-page .brand{color:#fff1e2}
.feature-page .hero{padding-top:72px;gap:55px;perspective:1400px}.feature-page h1,.feature-page h2{font-family:Inter,system-ui,sans-serif;letter-spacing:-3px;font-weight:750;line-height:1.07}.feature-page .hero h1{font-size:clamp(46px,5.7vw,76px);text-shadow:0 4px 0 #291d14}.feature-page .hero .intro{color:#aaa4a6}.feature-page .hero .intro strong{color:#ffe0b9}
.feature-page .hero-visual,.feature-page .hero-media{transform-style:preserve-3d}.feature-page .product-preview{transform:perspective(1100px) rotateX(7deg) rotateY(-11deg) rotateZ(2deg);box-shadow:12px 17px 0 #06080e,13px 18px 0 #ffba6338,0 35px 65px #000b;border:1px solid #ffbd6540;border-radius:15px;transition:transform .35s}
.feature-page .product-preview:hover{transform:perspective(1100px) rotateX(2deg) rotateY(-3deg) rotateZ(0)}
.feature-page .feature-grid article,.feature-page .detail-row>div{background:linear-gradient(140deg,#221d19,#10141d);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 6px 0 #040508,0 25px 35px #0003;transition:transform .25s}.feature-page .feature-grid article:hover{transform:translateY(-6px) rotateX(2deg)}
.feature-page .demo-card,.feature-page .interface-figure{box-shadow:0 8px 0 #040508,0 9px 0 #ffba6320,0 30px 55px #0008;border-color:#ffba6329;border-radius:16px;background:#10131b}.feature-page .install-section{background:linear-gradient(145deg,#21170eaa,#0e111bee)}.feature-page .work-notice{border-color:#ffffff0d}.feature-page footer{background:#080a10}
@media(max-width:700px){.download-page>header,.download-page>main,.download-page>footer{width:calc(100% - 36px)}.download-page>header{height:74px;font-size:14px}.download-page>header>a{font-size:11px}.download-hero h1{letter-spacing:-2px}.download-page .brand-scene{height:190px;transform:scale(.88);transform-origin:top center;margin-bottom:-20px}.download-page .release{padding:23px;transform:none}.download-page .release .button{width:100%;text-align:center}.download-features{grid-template-columns:1fr;gap:12px}.download-features>div{padding:18px}.download-page .install{padding:22px}.feature-page .wrap{width:calc(100% - 36px)}.feature-page .hero{padding-top:35px;gap:40px}.feature-page .product-preview{transform:perspective(900px) rotateX(5deg) rotateY(-5deg)}.gate-page form{padding:22px}.gate-page main{padding-bottom:45px}.gate-page footer{padding-bottom:24px}.scene-chip{letter-spacing:.6px;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aple-depth *,.aple-depth *:before,.aple-depth *:after{animation:none!important;transition:none!important}.aple-depth .release,.aple-depth .product-preview{transform:none!important}}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #ffbd6525;border-radius:999px;background:#11141bd9;flex-shrink:0;margin-left:14px;font:600 11px/1 system-ui;letter-spacing:.3px;box-shadow:0 3px 0 #030507}
.aple-depth .language-switch a{display:block;margin:0!important;padding:9px 10px;border-radius:999px;color:#8d929f;font-size:11px!important;text-decoration:none;transition:background .18s,color .18s}
.aple-depth .language-switch a:hover{color:#ffcf95;background:#ffbf6210}.aple-depth .language-switch a[aria-current="true"]{color:#27180d;background:linear-gradient(135deg,#ffd599,#f49645);box-shadow:0 0 17px #ef923f24}
.gate-page>header>.language-switch{margin-left:auto}.feature-page .header{column-gap:15px}.feature-page .header .language-switch{margin-left:0}
@media(max-width:700px){.language-switch{margin-left:8px}.aple-depth .language-switch a{padding:8px;font-size:10px!important}.feature-page .header{gap:10px}.feature-page .header .brand{font-size:18px}.feature-page .header .brand img{width:32px;height:32px}.feature-page .header .nav-download{padding:8px 12px;white-space:nowrap}.feature-page .header .nav-download span{margin-left:7px}.download-page>header{gap:8px}.download-page>header>a{font-size:10px}.download-page>header>strong{font-size:12px}}
/* Current module explorer and arena gallery. */
.feature-page .module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.feature-page .module-tabs button{display:flex;align-items:center;gap:9px;min-height:48px;padding:12px 18px;border-radius:12px}
.feature-page .module-tabs img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}
.module-description{max-width:740px;min-height:170px;padding:12px 0 24px}.module-description h3{font-size:clamp(24px,3vw,34px);margin:10px 0}.module-description p{color:#bcb4a9;line-height:1.8}
.shot-open{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.shot-open img{display:block;width:100%;height:auto}.zoom-hint{position:absolute;right:16px;bottom:16px;background:#191710dd;color:#ffd087;padding:8px 14px;border-radius:10px}
.coordinate-demo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px;margin-top:32px;border:1px solid #ffb84a30;border-radius:22px;background:#201b15}.coordinate-demo h3{font-size:28px;margin:12px 0}.coordinate-demo p{line-height:1.8;color:#bcb4a9}.coordinate-console{display:grid;gap:16px}.coordinate-console [role=group],.arena-buttons{display:flex;gap:10px;flex-wrap:wrap}
.coordinate-console button,.arena-buttons button{border:1px solid #ffb84a40;background:#171614;color:#e9dfd1;padding:12px 20px;border-radius:10px;cursor:pointer;font:inherit}.coordinate-console [aria-pressed=true],.arena-buttons [aria-pressed=true]{background:#ffbd64;color:#24190d;border-color:#ffbd64}.coordinate-console output{font:600 clamp(22px,4vw,32px)/1.4 monospace;letter-spacing:2px;padding:18px;background:#141413;border-radius:10px;color:#ffd491}.coordinate-console [role=status]{min-height:24px;color:#e4bb7b;font-size:14px}
.arena-buttons{margin:0 0 22px}.arena-preview{margin:0;border:1px solid #ffb84a25;border-radius:22px;overflow:hidden;background:#1d1a16}.arena-preview>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.arena-preview figcaption{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:20px}.arena-preview h3{font-size:26px;margin:0 0 6px}.arena-preview p{margin:0;color:#bcb4a9}#arena-bounds{font-family:monospace;color:#ffd491}.scene-note{font-size:13px;line-height:1.7;color:#a99e90;margin-top:16px}
.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.extras-grid article{padding:36px;border-radius:22px;border:1px solid #ffb84a30;background:linear-gradient(145deg,#2b2118,#181715)}.extras-grid h3{font-size:25px;margin:20px 0 14px}.extras-grid p{line-height:1.9;color:#bcb4a9;margin-bottom:24px}.extra-symbol{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#ffc778;background:#ffb84a15;font-size:28px}
#screenshot-dialog{width:min(1500px,96vw);max-width:96vw;padding:40px 0 0;border:1px solid #c6863d;border-radius:14px;background:#181715;color:white}#screenshot-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}#large-screenshot{display:block;width:100%;height:auto}#close-screenshot{position:absolute;right:8px;top:2px;border:0;background:none;color:white;font-size:30px;cursor:pointer;width:40px;height:36px}
.feature-page img{max-width:100%}.feature-page .section{scroll-margin-top:32px}.feature-page :is(button,a):focus-visible{outline:2px solid #ffd086;outline-offset:4px}.download-features{gap:20px;align-items:stretch}
@media(max-width:700px){.coordinate-demo,.extras-grid{grid-template-columns:1fr}.coordinate-demo{padding:24px;gap:24px}.extras-grid article{padding:26px}.feature-page .module-tabs button{padding:10px 12px;font-size:13px}.module-description{min-height:210px}.arena-preview figcaption{padding:20px}.feature-page .section{padding-top:64px;padding-bottom:64px}.feature-page .section-heading{gap:22px}.feature-page .header{gap:14px}.feature-page .header nav{gap:14px}.feature-page .product-preview{margin-top:20px}.extras-grid{gap:16px}}
@media(prefers-reduced-motion:reduce){.feature-page *{scroll-behavior:auto!important}}
#screenshot-dialog{max-height:94dvh}#large-screenshot{max-height:calc(94dvh - 42px);object-fit:contain} .arena-section .section-heading{margin-bottom:32px}
/* Clickable in-game navigation, skin demo and map detail panels. */
.interactive-shot{position:relative}.interactive-shot>img{width:100%;height:auto;display:block}.gui-hotspots{position:absolute;inset:27.5% 71% 34.5% 2.7%;display:grid;grid-template-rows:repeat(6,1fr)}.gui-hotspots button{border:1px solid transparent;background:transparent;border-radius:2px;cursor:pointer;min-width:0}.gui-hotspots button:hover,.gui-hotspots button:focus-visible{background:#ffbf5525;border:2px solid #ffd17b;outline:none!important}.interactive-shot .shot-open{position:absolute;right:15px;bottom:15px;width:42px;height:42px;padding:0;background:#171614df;border:1px solid #ffbf5544;color:#ffd087;border-radius:10px;cursor:zoom-in;font-size:24px}.feature-page .feature-grid h3 a{display:block}.feature-page .feature-grid h3 a:hover{color:#ffc778}.feature-page .feature-grid h3 a span{font-size:17px;color:#da975d}
.feature-page .demo-stage{min-height:345px;height:345px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:28px 10px 0;background:radial-gradient(ellipse at 50% 75%,#8a482a38,transparent 62%),linear-gradient(140deg,#141b23,#17130f);overflow:hidden}.demo-stage .demo-counters{position:relative;top:auto;left:auto;transform:none;justify-content:center;gap:22px;z-index:2}.demo-stage .opponent-name{position:relative;top:auto;left:auto;transform:none;margin:8px 0 8px;z-index:2;font-size:13px}.skin-scene{position:relative;width:170px;height:190px;perspective:600px}.skin-character{position:relative;width:96px;height:144px;margin:8px auto;filter:drop-shadow(8px 8px 0 #0005);transform:rotate(-3deg);transform-origin:50% 100%;transition:transform .2s}.skin-character>span{position:absolute;background-image:url('/assets/demo-skin.png');background-size:256px 256px;image-rendering:pixelated;background-repeat:no-repeat;box-shadow:inset -4px -2px #0002}.skin-head{width:32px;height:32px;left:32px;top:0;background-position:-32px -32px;transform:scale(1.14);z-index:2}.skin-body{width:32px;height:48px;left:32px;top:34px;background-position:-80px -80px}.skin-arm{width:16px;height:48px;top:34px;transform-origin:50% 5%}.arm-left{left:14px;background-position:-176px -80px;transform:rotate(14deg)}.arm-right{left:66px;background-position:-144px -208px;transform:rotate(-14deg)}.skin-leg{width:16px;height:48px;top:82px}.leg-left{left:31px;background-position:-16px -80px;transform:rotate(3deg)}.leg-right{left:49px;background-position:-80px -208px;transform:rotate(-3deg)}.skin-shadow{position:absolute;left:28px;right:28px;bottom:20px;height:14px;border-radius:50%;background:#0008;filter:blur(5px)}#skin-effect{position:absolute;right:12px;top:42px;color:#ffd980;font-size:36px;opacity:0;pointer-events:none}.item-burst{animation:itemBurst .65s ease-out}.item-pulse{animation:itemPulse .4s ease-out}@keyframes itemBurst{0%{opacity:1;transform:translateY(16px) scale(.5)}70%{opacity:1}100%{opacity:0;transform:translateY(-38px) scale(1.4)}}@keyframes itemPulse{40%{transform:rotate(3deg) translateY(-7px)}100%{transform:rotate(-3deg)}}
.coordinate-console{background:linear-gradient(135deg,#111a20,#171718);padding:24px;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 12px 35px #0003}.console-top{display:flex;align-items:center;gap:8px;color:#a8b5b8;font:10px monospace;letter-spacing:2px}.console-top kbd{margin-left:auto;font-size:10px}.console-led{height:6px;width:6px;border-radius:50%;background:#7cceae;box-shadow:0 0 10px #7cceae55}.axis-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 10px}.axis-readout>span{display:flex;flex-direction:column;gap:6px;background:#ffffff05;border:1px solid #ffffff0c;border-radius:9px;padding:12px;font:20px monospace}.axis-readout b{font-size:10px;color:#e0a975}.coordinate-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#a99e90}.coordinate-console output{font-size:24px}.coordinate-console [role=group] button{flex:1;padding:9px}.coordinate-console #copy-coordinates{background:#ffd087;color:#24190d;font-weight:600}
.arena-preview{position:relative;isolation:isolate}.arena-preview>img{min-height:590px;object-fit:cover}.arena-preview:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#090b11f0,transparent 55%),linear-gradient(90deg,transparent 40%,#090b1160)}.arena-preview figcaption{position:absolute;left:4px;bottom:4px;right:48%;z-index:1;background:none}.arena-preview figcaption h3{font-size:40px;letter-spacing:-1.5px;color:#fff}.arena-preview figcaption p{color:#e0d2c1}.arena-facts{position:absolute;right:24px;top:24px;bottom:auto;width:340px;padding:26px;z-index:1;border:1px solid #ffffff25;border-radius:16px;background:#141820df;backdrop-filter:blur(16px);box-shadow:0 15px 45px #0004}.arena-facts .eyebrow{font-size:9px;color:#d4a575;margin-bottom:12px}.arena-facts h3{font-size:23px;line-height:1.25;letter-spacing:-.5px}.arena-facts ul{padding-left:17px;list-style-type:square;color:#c2c1c1;font-size:13px;line-height:1.8;margin:18px 0}.arena-facts li{margin:8px 0}.arena-facts>p{font-size:9px;color:#a4a2a0;line-height:1.6;margin-top:16px}.arena-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #ffffff18;padding-top:18px}.arena-metrics span{display:flex;flex-direction:column;gap:5px}.arena-metrics small{font-size:11px;color:#b5afa7}.arena-metrics b{font:20px monospace;color:#ffd087}.feature-page .section{padding-block:80px}.module-description{min-height:150px}.feature-page .section-heading{margin-bottom:32px}
.legal-page{font:16px/1.8 system-ui;color:#e9e2d8}.legal-page header,.legal-page main,.legal-page footer{width:min(760px,calc(100% - 40px));margin:auto}.legal-page header{padding:32px 0;border-bottom:1px solid #ffffff14}.legal-page main{padding:60px 0 80px}.legal-page h1{font-size:clamp(38px,8vw,60px);letter-spacing:-2px;margin:0 0 36px;color:#ffd087}.legal-page h2{font-size:19px;margin:0 0 12px}.legal-page section{padding:28px;border:1px solid #ffbb5520;border-radius:14px;background:#1a1919;margin:16px 0}.legal-page address{font-style:normal}.legal-page a{color:#e9b781;text-underline-offset:4px}.legal-page .legal-note{font-size:13px;color:#a49c95;margin:28px 0}.legal-page footer{padding:24px 0;border-top:1px solid #ffffff14}
@media(max-width:800px){.arena-preview>img{min-height:460px}.arena-facts{width:290px;padding:20px;right:16px;top:16px}.arena-facts h3{font-size:20px}.arena-preview figcaption{right:50%;padding:18px}.arena-preview figcaption h3{font-size:30px}}
@media(max-width:600px){.arena-preview>img{min-height:0;aspect-ratio:16/10}.arena-preview:after{display:none}.arena-preview figcaption{position:relative;right:auto;left:auto;bottom:auto;padding:20px;background:#191a1d}.arena-preview figcaption h3{font-size:28px}.arena-facts{position:relative;inset:auto;width:auto;margin:0;border:0;border-top:1px solid #ffffff14;border-radius:0;background:#171b22;padding:24px}.coordinate-console{padding:18px}.coordinate-console output{font-size:22px}.coordinate-demo{padding:22px}.gui-hotspots button:hover{border-width:1px}.interactive-shot .shot-open{width:30px;height:30px;right:8px;bottom:8px;font-size:18px}.feature-page .section{padding-block:56px}.module-description{min-height:200px}.demo-stage .demo-counters{gap:16px}}
.gui-hint{font-size:12px;color:#bca48a;margin:-8px 0 24px}.feature-page .interactive-shot{overflow:hidden;border-radius:12px}
.axis-switch{display:inline-block;position:relative;width:29px;height:17px;border-radius:20px;background:#4b4741;vertical-align:middle;margin-left:8px;transition:background .2s}.axis-switch:after{content:'';position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#e6d6c1;transition:transform .2s,background .2s}[aria-pressed=true]>.axis-switch{background:#66471e}[aria-pressed=true]>.axis-switch:after{transform:translateX(12px);background:#ffe0ac}.axis-readout>span{transition:opacity .2s,transform .2s}.axis-muted{opacity:.28;transform:scale(.95)}button:disabled{opacity:.4;cursor:not-allowed}.skin-character>span{background-image:var(--player-skin,url('/assets/demo-skin.png'))}.account-link{font-size:12px;color:#dbc5a9}.feature-page .interactive-shot{transition:box-shadow .2s}.gui-hotspots [aria-pressed=true]{box-shadow:inset 2px 0 #ffc36b}.feature-page .module-description{min-height:130px}.feature-page .module-description .eyebrow{display:none}.arena-buttons button{transition:background .2s,color .2s,transform .2s}.arena-buttons button:active{transform:scale(.96)}
@media(max-width:600px){.feature-page .header{flex-wrap:wrap;height:auto;min-height:90px;padding-block:16px}.feature-page .header .account-link{margin-left:auto}.coordinate-console [role=group] button{padding:9px 7px}.axis-switch{margin-left:4px}.feature-page .module-description{min-height:165px}}
/* Account and feedback pages share the same warm, quiet panels. */
.portal-page{font:15px/1.7 system-ui;color:#eee6dc;min-height:100svh}.portal-page header,.portal-page main,.portal-page footer{width:min(960px,calc(100% - 40px));margin:auto}.portal-page header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid #ffffff12}.portal-brand{display:flex;align-items:center;gap:10px;font-weight:700}.portal-brand img{image-rendering:pixelated}.portal-page nav{display:flex;gap:20px;flex-wrap:wrap}.portal-page a{color:#e6bd8e;text-decoration:none}.portal-page a:hover{color:#ffe0ba}.portal-page main{padding:50px 0 70px}.portal-page h1{font-size:clamp(34px,6vw,58px);letter-spacing:-1.8px;line-height:1.15;margin:0 0 32px}.portal-page h2{font-size:23px;line-height:1.3;margin:0 0 18px}.portal-page h3{font-size:21px;line-height:1.4;margin:14px 0}.portal-page p{color:#b5ada4}.portal-card{padding:28px;border:1px solid #ffbe6a25;background:linear-gradient(145deg,#221d18e6,#141820ed);border-radius:18px;margin-bottom:24px;box-shadow:0 16px 40px #0002}.portal-page form{display:grid;gap:18px;margin-top:22px}.portal-page label{display:grid;gap:8px;font-size:12px;color:#d7c6b4}.portal-page input,.portal-page textarea,.portal-page select{font:inherit;color:#ede8e2;background:#10141a;border:1px solid #ffffff22;border-radius:9px;padding:12px;min-width:0;width:100%;box-sizing:border-box}.portal-page textarea{resize:vertical;min-height:110px}.portal-page input:focus,.portal-page textarea:focus,.portal-page select:focus{outline:2px solid #e3ae72;outline-offset:2px}.portal-page button{font:600 13px system-ui;padding:13px 20px;cursor:pointer;border-radius:9px;border:1px solid #f4bf7f;background:linear-gradient(130deg,#ffd59c,#e9a864);color:#24180e;transition:transform .16s,filter .16s}.portal-page button:hover{filter:brightness(1.08)}.portal-page button:active{transform:scale(.98)}.portal-page [inert]{opacity:.38}.portal-page .provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.provider-grid form{margin-top:8px}.portal-notice{padding:16px;border:1px solid #d5a37144;border-radius:10px;background:#bd7d2612;font-size:13px}.portal-page footer{display:flex;gap:24px;padding:24px 0;border-top:1px solid #ffffff12;font-size:12px}.portal-actions{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.report-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;color:#b6a799}.report-status{border:1px solid #d8b07344;padding:3px 9px;border-radius:20px;color:#f3c68c}.report-meta time{margin-left:auto}.report-body{white-space:pre-wrap;overflow-wrap:anywhere}.report-reply{border-left:2px solid #e2b17a;padding:12px 18px;margin-top:22px;background:#ffffff04}.portal-success{color:#8cd3b7!important}.mfa-qr{width:220px;height:220px;background:white;padding:12px;max-width:100%}.mfa-secret{display:block;overflow-wrap:anywhere;padding:16px;background:#10141a;margin:16px 0;font-size:13px}.portal-pagination{display:flex;justify-content:space-between;gap:24px;margin-top:30px}.download-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:6px;background:#10141a;border:1px solid #ffffff15;border-radius:14px;margin-bottom:32px}.download-tabs a{padding:10px 18px;border-radius:9px;font-size:13px;text-decoration:none}.download-tabs [aria-current=page]{background:#eaba7d;color:#251a10}.version-entry{padding:25px;border:1px solid #ffffff16;background:linear-gradient(140deg,#221c16,#131820);border-radius:15px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin:16px 0}.version-entry h2{margin-top:12px}.version-entry p{font-size:12px}.version-links{display:grid;gap:15px;justify-items:end;font-size:12px}
@media(max-width:650px){.portal-page header{align-items:start;flex-direction:column;gap:16px}.portal-page header nav{font-size:12px;gap:20px}.portal-card{padding:22px}.portal-page .provider-grid{grid-template-columns:1fr}.provider-grid form{margin-top:0}.version-entry{display:block;padding:22px}.version-links{justify-items:start;margin-top:20px}.version-entry .button{width:100%;text-align:center}.portal-page h2{font-size:21px}}
.download-page .download-tabs a[aria-current=page]{color:#251a10}.download-tabs a{transition:background .2s,color .2s}.portal-oauth-continue{display:inline-block;padding:13px 20px;border:1px solid #e9ba7d55;border-radius:10px;background:#d8943420}
/* Personal account and identity. */
.account-menu{position:relative;z-index:30;flex-shrink:0;color:#eadcca}.account-menu summary{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border:1px solid #ffca7825;border-radius:40px;background:#17191ddd;cursor:pointer;list-style:none;transition:border-color .2s,background .2s}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu[open] summary{border-color:#e0b47770;background:#24201c}.account-name{font-size:12px;max-width:112px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-caret{color:#a9957c;font-size:14px}.nav-avatar,.profile-avatar{--avatar-size:30px;position:relative;display:inline-block;width:var(--avatar-size);height:var(--avatar-size);flex-shrink:0;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#67472c,#292a30);border:1px solid #ffffff20}.nav-avatar>img,.profile-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.nav-avatar:has(>img[src$='logo.png'])>img{padding:5px;object-fit:contain;image-rendering:pixelated}.avatar-minecraft>img{position:absolute!important;max-width:none!important;width:calc(var(--avatar-size)*8)!important;height:calc(var(--avatar-size)*8)!important;left:calc(var(--avatar-size)*-1);top:calc(var(--avatar-size)*-1);image-rendering:pixelated}.avatar-minecraft>img.avatar-hat{left:calc(var(--avatar-size)*-5)}.account-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:250px;padding:12px;border:1px solid #ffcf792b;background:#14181ff5;border-radius:16px;box-shadow:0 20px 65px #0009;backdrop-filter:blur(24px);animation:accountAppear .16s ease-out}.account-dropdown-caption{display:block;padding:6px 10px 10px;color:#a79075;font:9px system-ui;letter-spacing:2px}.account-dropdown a,.account-dropdown button{display:flex!important;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:11px 10px;border-radius:8px;color:#dfd2c3!important;font:12px/1.5 system-ui;text-decoration:none;border:0;background:transparent;text-align:left}.account-dropdown a:hover,.account-dropdown button:hover{background:#ffbc5810;color:#ffe0b8!important}.account-dropdown a span,.account-dropdown button span{color:#aa8862}.account-dropdown .nav-logout{margin:6px 0 0;padding-top:6px;border-top:1px solid #ffffff0d}.account-dropdown [hidden]{display:none!important}@keyframes accountAppear{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.portal-page:has(.account-layout)>main,.portal-page:has(.account-layout)>header,.portal-page:has(.account-layout)>footer,.portal-page:has(.signin-layout)>main,.portal-page:has(.signin-layout)>header,.portal-page:has(.signin-layout)>footer{width:min(1120px,calc(100% - 48px))}.portal-page:has(.account-layout)>main{padding-top:38px}.portal-page:has(.account-layout) h1{font-size:40px;margin-bottom:32px}.portal-page:has(.account-layout)>main>.eyebrow{margin-bottom:10px;color:#ad8b65;font-size:9px;letter-spacing:2px}.account-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:start}.account-sidebar{position:sticky;top:24px;border:1px solid #ffffff12;border-radius:20px;padding:28px 18px 18px;background:linear-gradient(145deg,#23201ce6,#121821ef);box-shadow:0 18px 50px #0003}.profile-identity{text-align:center;padding-bottom:24px;border-bottom:1px solid #ffffff0d}.profile-avatar{--avatar-size:34px}.avatar-large{--avatar-size:88px;border-radius:24px;box-shadow:0 8px 28px #0004;display:block;margin:0 auto 20px;border-color:#ffc66e55}.profile-identity h2{font-size:22px;overflow-wrap:anywhere;margin:10px 0 2px;letter-spacing:-.6px}.profile-identity p{font-size:11px;color:#9e8f7e;margin:0}.member-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #d1aa7033;border-radius:6px;background:#b87d2910;color:#e3b878;font-size:8px;letter-spacing:1.5px;font-weight:600}.profile-nav{display:grid!important;gap:5px!important;margin:20px 0}.profile-nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:9px;color:#b9ad9f!important;font-size:12px;transition:background .18s,color .18s}.profile-nav a[aria-current],.profile-nav a:hover{background:#efb35e12;color:#ffd296!important}.profile-nav a span{font-size:11px;color:#ac8556}.account-safety{display:flex;gap:10px;align-items:start;padding:15px 10px;border-top:1px solid #ffffff0c}.safety-dot{height:6px;width:6px;flex-shrink:0;background:#7ec8a5;border-radius:50%;margin-top:6px;box-shadow:0 0 8px #7ec8a540}.account-safety b{font-size:10px;color:#d3cebb}.account-safety p{font-size:10px;line-height:1.7;margin:5px 0 0;color:#8e8f91}.account-sidebar .logout-form{margin-top:12px}.account-sidebar .logout-form button{background:#ffffff04;color:#a8a198;border-color:#ffffff10;font-size:11px}.account-content{min-width:0}.account-content .portal-card{padding:28px;margin-bottom:20px;border-color:#ffffff12;background:linear-gradient(145deg,#201d1aee,#141922f2)}.card-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.7px;color:#ae8e66;margin-bottom:18px}.card-kicker span:last-child:not(:first-child){color:#65696e}.account-content h2{font-size:25px;letter-spacing:-.6px;margin-bottom:10px}.account-content p{font-size:12px;color:#98989b;line-height:1.8}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-form-grid label{align-content:start}.profile-form-grid textarea{min-height:88px;resize:vertical}.profile-form-grid small,.skin-ownership-note{font-size:9px;color:#7e807f;line-height:1.7}.handle-input{position:relative}.handle-input>span{position:absolute;left:13px;top:11px;font-size:14px;color:#9e835f}.handle-input input{padding-left:33px}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);border:0;margin:5px 0;padding:0;gap:8px;min-width:0}.avatar-picker legend{font-size:12px;color:#d7c6b4;margin-bottom:12px}.avatar-choice{display:block!important;position:relative;cursor:pointer}.avatar-choice>input{position:absolute;opacity:0;width:1px;height:1px}.avatar-choice>span{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 7px;border:1px solid #ffffff13;border-radius:10px;color:#aaa298;font-size:10px;background:#10151a;transition:border-color .18s,color .18s,background .18s}.avatar-choice b{font-size:14px;font-weight:500}.avatar-choice:has(input:checked)>span{color:#ffd294;border-color:#c999554d;background:#d5a55712}.avatar-choice:has(input:focus-visible)>span{outline:2px solid #e9bb7e;outline-offset:3px}.profile-editor form>.portal-primary{justify-self:end;min-width:170px}.profile-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-secondary-grid>.portal-card{min-width:0}.profile-secondary-grid h2{font-size:21px}.upload-drop{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #d9b0744d;border-radius:12px;padding:22px 10px;background:#b5843410;cursor:pointer;overflow:hidden}.upload-drop>span{font-size:25px;color:#d4b17d;line-height:1}.upload-drop>b{font-size:11px;color:#d2c7b6}.upload-drop small{font-size:9px;color:#8e867b}.upload-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-drop:focus-within{outline:2px solid #e9bb7e;outline-offset:3px}.upload-preview{display:flex;align-items:center;gap:14px}.upload-preview[hidden]{display:none}.upload-preview img{border-radius:18px;border:1px solid #e1bd7b55;max-width:96px}.upload-preview span{font-size:10px;color:#b19b7e}.account-content .upload-status{margin:0;font-size:10px;min-height:17px}.profile-secondary-grid form{gap:14px}.skin-ownership-note{display:block;margin-top:18px}.linked-account{display:flex;justify-content:space-between;align-items:center;gap:24px}.linked-account h2{font-size:20px}.linked-account .card-kicker{margin-bottom:12px}.linked-account p{margin:0;overflow-wrap:anywhere}.linked-providers{display:flex;gap:8px;flex-wrap:wrap}.linked-providers span{color:#a9cdb7;background:#7dc29b0c;border:1px solid #80bf9330;border-radius:7px;padding:6px 10px;font-size:10px}.profile-saved{font-size:12px;padding:12px 16px;border:1px solid #8cc6a42b;border-radius:10px;background:#5eac7d0b;margin-bottom:24px}
.signin-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:10px 0 30px}.signin-story h2{font-size:clamp(40px,5vw,64px);letter-spacing:-2.8px;line-height:1.05;margin:24px 0 20px}.signin-story h2 em{font-style:normal;background:linear-gradient(110deg,#ffe1ac,#ec9b4d);background-clip:text;color:transparent}.signin-story>p{max-width:340px;color:#9e9c99;line-height:1.8}.signin-profile-preview{display:flex;align-items:center;gap:14px;position:relative;max-width:335px;padding:20px;margin-top:32px;border:1px solid #ffd08024;border-radius:16px;background:linear-gradient(130deg,#352819bb,#131c28e6);box-shadow:0 20px 40px #0004;transform:perspective(800px) rotateY(-6deg) rotateX(3deg)}.preview-profile-avatar{display:grid;place-items:center;flex-shrink:0;height:56px;width:56px;border-radius:16px;background:linear-gradient(130deg,#ffe1a4,#c77d38);font-size:26px;font-weight:750;color:#3a2818;box-shadow:0 6px 20px #e7a45d20}.signin-profile-preview b{font-size:15px;color:#f0dfc8}.signin-profile-preview small{display:block;margin-top:3px;color:#a39179;font-size:11px}.preview-profile-check{display:grid;place-items:center;width:24px;height:24px;border:1px solid #84b49f44;border-radius:50%;background:#4a95791a;color:#8fceac;font-size:11px;margin-left:auto}.account-benefits{list-style:none;padding:0;margin:32px 0 0;color:#b9ac98;font-size:11px;line-height:2.5}.account-benefits li:before{content:'✓';color:#b5c29b;margin-right:12px}.signin-card{padding:32px}.signin-card h2{font-size:25px;letter-spacing:-.6px;margin-bottom:10px}.signin-card>p{font-size:12px}.signin-providers{display:grid;gap:12px;margin-top:28px}.signin-providers form{margin:0;gap:4px}.signin-providers .provider-button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#ffffff04;border:1px solid #ffffff18;color:#d9d4cd;padding:14px;border-radius:11px;font-weight:500}.signin-providers .provider-discord{border-color:#a9a2fa3a;background:linear-gradient(115deg,#5b57ab30,#202638);color:#e0ddff}.signin-providers .provider-button:hover{transform:translateY(-2px)}.provider-mark{height:25px;width:25px;display:grid;place-items:center;border-radius:7px;background:#ffffff09;font-size:15px}.provider-arrow{margin-left:auto;color:#8f8b98}.signin-providers small{color:#6f7077;font-size:9px;margin-left:13px}.signin-card .signin-note{font-size:9px;text-align:center;color:#7d7c7c;margin-top:24px;margin-bottom:0}.email-signin{font-size:11px;margin-top:24px;color:#b3a390;border-top:1px solid #ffffff10;padding-top:18px}.email-signin summary{cursor:pointer}.email-signin form{margin-top:16px}.portal-page:has(.signin-layout)>main>h1{font-size:32px;margin-bottom:32px}.portal-page:has(.signin-layout)>main>.eyebrow{font-size:9px;letter-spacing:2px;color:#ad8b65}
@media(max-width:1000px){.account-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.profile-form-grid,.profile-secondary-grid{grid-template-columns:1fr}.account-content .portal-card{padding:24px}.signin-layout{gap:35px}.signin-card{padding:25px}.avatar-picker{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.account-layout{grid-template-columns:1fr}.account-sidebar{position:static;padding:22px}.profile-identity{display:grid;grid-template-columns:62px 1fr;text-align:left;column-gap:16px;padding:0 0 20px;align-items:center}.profile-identity .avatar-large{--avatar-size:62px;margin:0;grid-row:1/4;border-radius:18px}.profile-identity .member-badge{justify-self:start;font-size:7px}.profile-identity h2{font-size:20px;margin:5px 0 0}.profile-identity p{font-size:10px}.profile-nav{grid-template-columns:1fr 1fr!important;gap:6px!important;margin:15px 0!important}.profile-nav a{font-size:10px;padding:10px}.account-safety{padding:12px 5px}.account-sidebar .logout-form{margin-top:4px}.account-sidebar .logout-form button{padding:10px}.portal-page:has(.account-layout)>main,.portal-page:has(.account-layout)>header,.portal-page:has(.account-layout)>footer,.portal-page:has(.signin-layout)>main,.portal-page:has(.signin-layout)>header,.portal-page:has(.signin-layout)>footer{width:calc(100% - 32px)}.account-content .portal-card{padding:22px}.account-content h2{font-size:23px}.profile-editor form>.portal-primary{justify-self:stretch}.linked-account{align-items:start;flex-direction:column;gap:18px}.signin-layout{grid-template-columns:1fr;gap:30px;padding:0}.signin-story h2{font-size:48px;letter-spacing:-2px}.signin-story>p{font-size:13px}.signin-profile-preview{max-width:none;margin-top:24px;transform:none}.account-benefits{margin-top:24px}.signin-card{padding:24px}.account-menu{margin-left:auto}.account-name{max-width:80px;font-size:11px}.account-menu summary{gap:7px;padding-right:8px}.nav-avatar{--avatar-size:27px}.account-dropdown{width:240px}.account-content .profile-secondary-grid{gap:0}}
@media(max-width:650px){.portal-page>header{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:16px}.portal-page>header .portal-brand{grid-column:1;grid-row:1}.portal-page>header>nav{grid-column:1/-1;grid-row:2}.portal-page>header>.language-switch{grid-column:2;grid-row:1;margin-left:0}}
.gate-page>header>.gate-account{margin-left:auto;font-size:12px;color:#e7b778}.gate-page>header>.gate-account+.language-switch{margin-left:12px}

/* Aplejouice entrance: split stage and warm pixel-logo seal. */
.brand-curtain{display:none}.intro-active .brand-curtain{display:block;position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden}.curtain-half{position:absolute;top:0;bottom:0;width:50.2%;background:radial-gradient(ellipse at 100% 50%,#312215 0%,#161516 40%,#0b0c10 80%);border:1px solid #d9945030;will-change:transform}.curtain-left{left:0;animation:curtain-left 2.5s cubic-bezier(.76,0,.24,1) both}.curtain-right{right:0;background:radial-gradient(ellipse at 0% 50%,#312215 0%,#161516 40%,#0b0c10 80%);animation:curtain-right 2.5s cubic-bezier(.76,0,.24,1) both}.curtain-half:after{content:'';position:absolute;inset:20px;border:1px solid #b6783b14;border-radius:4px}.curtain-glow{position:absolute;left:50%;top:0;width:2px;height:100%;background:#ffd18a;box-shadow:0 0 30px 8px #ff9c4550;animation:curtain-light 2.5s both}.curtain-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:20px;color:#fff0db;font:700 clamp(26px,5vw,44px)/1.1 system-ui;letter-spacing:-1.5px;animation:curtain-seal 2.5s both;white-space:nowrap}.curtain-brand img{image-rendering:pixelated;filter:drop-shadow(0 0 24px #ffad4a60)}.curtain-caption{display:block;font-size:9px;letter-spacing:2.1px;color:#d49b62;margin-top:13px;font-weight:500}.curtain-particles{position:absolute;inset:0;animation:curtain-seal 2.5s both}.curtain-particles i{position:absolute;left:calc(10% + var(--n)*5.3%);top:var(--y);width:3px;height:3px;background:#ffbd70;border-radius:1px;box-shadow:0 0 12px #ff963c;opacity:0;animation:curtain-spark 2s calc(var(--n)*.03s) both}
@keyframes curtain-left{0%,42%{transform:translateX(0)}100%{transform:translateX(-101%)}}@keyframes curtain-right{0%,42%{transform:translateX(0)}100%{transform:translateX(101%)}}@keyframes curtain-seal{0%{opacity:0;filter:blur(6px)}22%,43%{opacity:1;filter:blur(0)}73%,100%{opacity:0;filter:blur(4px)}}@keyframes curtain-light{0%{opacity:0;transform:scaleY(.1)}38%{opacity:.9;transform:scaleY(1)}65%,100%{opacity:0;transform:scaleY(1)}}@keyframes curtain-spark{0%{opacity:0;transform:translateY(25px)}35%{opacity:.65}100%{opacity:0;transform:translateY(-65px)}}
@media(max-width:520px){.curtain-brand{flex-direction:column;text-align:center;gap:15px}.curtain-brand img{width:72px;height:72px}.curtain-caption{font-size:8px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){.intro-active .brand-curtain{display:none}.brand-curtain *{animation:none!important}}

/* Compact account navigation and a quiet, shared arena backdrop. */
.feature-page .header>.account-menu{order:-1;margin:0 20px 0 0}.feature-page .header>.brand{margin-right:auto}.feature-page .header nav{margin-left:0}.feature-page .account-dropdown{left:0;right:auto}.language-switch{flex-shrink:0}footer .language-switch{margin-left:auto;align-self:center;display:flex;gap:4px}footer .language-switch a{margin:0;padding:5px 9px;font-size:11px}footer{flex-wrap:wrap}.portal-page{isolation:isolate}.portal-page:before{content:'';position:fixed;inset:-50px;z-index:-2;background:linear-gradient(110deg,#14231fbb,#33231199 50%,#12151ce6),url('/assets/maps/japan.png') center/cover;filter:blur(35px) saturate(.55);opacity:.65;pointer-events:none}.portal-page:after{background:linear-gradient(#0b0e12a6,#11131660)!important;z-index:-1;pointer-events:none}.portal-page>header{gap:22px}.portal-account-link{display:flex;align-items:center;gap:9px;max-width:220px;color:#f2e8db!important;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.portal-account-link img{border-radius:50%;background:#282b2c;border:1px solid #ffffff25;object-fit:cover}.portal-account-link span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.portal-page>header .portal-brand{margin-left:auto;font-size:12px;opacity:.65}.portal-page>header>nav{margin-left:0}.portal-page:has(.account-layout)>main>.eyebrow,.portal-page:has(.account-layout)>main>h1,.portal-page:has(.signin-layout)>main>.eyebrow,.portal-page:has(.signin-layout)>main>h1{display:none}.portal-page:has(.account-layout)>main{padding-top:48px}.account-layout{grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.account-sidebar{background:#101416eb;border:1px solid #ffffff1c;border-radius:12px;padding:16px;box-shadow:none}.profile-identity{display:grid;grid-template-columns:48px minmax(0,1fr);text-align:left;gap:0 12px;padding:4px 0 16px;align-items:center}.profile-identity .avatar-large{--avatar-size:48px;margin:0;grid-row:1/4;border-radius:50%}.profile-identity .member-badge{border:0;background:none;padding:0;font-size:9px;color:#aaa99f;justify-self:start}.profile-identity h2{font-size:18px;margin:4px 0;overflow-wrap:anywhere}.profile-identity p{font-size:10px;margin:0}.profile-nav{display:grid!important;gap:4px!important;margin:0!important}.profile-nav a{padding:12px 10px;font-size:13px;border-radius:6px;color:#c1c0bd;background:transparent;border:0}.profile-nav a[aria-current=page]{background:#ffffff12;color:#fff}.profile-nav a:hover{background:#ffffff08}.account-safety{margin-top:20px}.account-content .portal-card{background:#101416eb;border:1px solid #ffffff1c;box-shadow:none;border-radius:12px}.account-content .portal-card h2{font-size:24px;letter-spacing:-.6px}.account-panel[hidden]{display:none!important}.account-panel:not([hidden]){animation:account-panel-in .24s ease both}.account-facts{margin:20px 0}.account-facts>div{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff20;padding:14px 0;font-size:13px}.account-facts dt{color:#b9b8b4}.account-facts dt small{display:block;font-size:10px;color:#818581;margin-top:4px}.account-facts dd{margin:0;text-align:right;color:#f1eee8;font-weight:600;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0}.account-id{font-size:10px;overflow-wrap:anywhere}.portal-page .copy-account-id{background:#ffffff0b;border:1px solid #ffffff25;color:#eee;font-size:11px;padding:8px 12px}.overview-profile-link{display:block;border:1px solid #ffffff25;border-radius:6px;padding:14px;font-size:13px;color:#e7ba83}.account-content .linked-account{align-items:start}.signin-layout{display:block;max-width:380px;margin:20px auto 45px;padding:0}.signin-story{text-align:center}.signin-logo{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 20px;background:#ffffff0d;border:1px solid #ffffff35;border-radius:50%}.signin-logo img{image-rendering:pixelated}.signin-story h2{font-size:28px!important;letter-spacing:-1px;margin:0 0 24px}.signin-card{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.signin-card>.card-kicker,.signin-card>h2,.signin-card>p:first-of-type{display:none}.signin-providers{gap:9px}.portal-page .signin-providers button{min-height:46px;border-radius:6px;font-size:13px}.portal-page .provider-discord:not(:disabled){background:#5865f2;border-color:#6873ff;color:white}.provider-arrow{display:none}.signin-note{text-align:center;font-size:11px}.signin-note a{white-space:nowrap}.portal-page:has(.signin-layout)>main{min-height:70vh;padding-top:45px}.portal-page>footer .language-switch{margin-left:auto}.portal-page:has(.signin-layout)>footer{justify-content:center}.portal-page:has(.signin-layout)>footer .language-switch{margin-left:0}
@keyframes account-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.feature-page .header{gap:12px;flex-wrap:wrap}.feature-page .header>.brand .brand-sub{display:none}.feature-page .header>.account-menu{margin-right:4px}.account-layout{grid-template-columns:220px minmax(0,1fr)}.account-facts>div{align-items:start;gap:12px}.account-facts dd{max-width:60%}.portal-page>header .portal-brand{display:none}}
@media(max-width:650px){.account-layout{grid-template-columns:1fr}.profile-nav{grid-template-columns:1fr 1fr!important}.account-sidebar{position:static}.profile-identity .avatar-large{--avatar-size:48px}.account-safety{display:none}.profile-identity{grid-template-columns:48px 1fr;padding-bottom:14px}.portal-page>header{display:flex!important;flex-wrap:wrap;gap:15px}.portal-page>header>nav{margin-left:auto}.feature-page .header>.brand{display:none}.feature-page .header>.account-menu{margin-right:auto;margin-left:0}.feature-page .header nav{order:3;width:100%;justify-content:center}.account-name{max-width:120px}.account-facts>div{font-size:12px}.account-id{font-size:9px}.account-content .portal-card{padding:22px}.signin-layout{width:100%}.portal-page footer{gap:16px}.portal-page>footer .language-switch{margin-left:0}}
@media(prefers-reduced-motion:reduce){.account-panel:not([hidden]){animation:none}}

body.aple-depth.portal-page:before{background:linear-gradient(110deg,#17362c88,#53351466 50%,#17202a99),url('/assets/maps/japan.png') center/cover!important;opacity:.55;filter:blur(28px) saturate(.65)}

/* Account control at the top right on every viewport. */
.feature-page .header>.account-menu{order:5;margin:0 0 0 14px}.feature-page .account-dropdown{left:auto;right:0}.portal-page>header .portal-account-link{order:5;margin-left:8px}.portal-page>header .portal-brand{margin-left:0;margin-right:auto}.portal-page>header>nav{margin-left:auto}
@media(max-width:900px){.feature-page .header>.account-menu{margin:0 0 0 8px}}
@media(max-width:650px){.feature-page .header>.account-menu{order:2;margin:0 0 0 auto}.feature-page .header>.nav-download{order:1}.feature-page .header nav{order:3}.portal-page>header .portal-account-link{margin-left:auto}.portal-page>header>nav{margin-left:0}}