body.at-splash .lobby-accountnav{display:none!important}
#splash{background:#040c19}#splash:before{inset:0;background:radial-gradient(ellipse at 50% 40%,#133d5a,#030916 70%)}
body.at-splash #splash .splashframe{position:relative;isolation:isolate;display:block;width:min(100vw,560px);height:100dvh;max-height:none;max-width:none;aspect-ratio:auto;align-self:center;overflow:hidden;background:#040c18;box-shadow:0 0 130px #0b3b5e55}
#splash .faceoff-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;image-rendering:auto;z-index:-3}
.faceoff-shade{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(180deg,#020917bb 0%,transparent 23%,transparent 47%,#0209164d 56%,#020916db 76%,#020916 100%)}
.splash-utility{position:absolute;top:max(12px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.splash-utility>div{display:flex;gap:8px}.utility-button,.player-chip{height:40px;border:1px solid #9a89584d;background:#061324b3;color:#d6bf8c;box-shadow:inset 0 1px #ffffff0d;backdrop-filter:blur(5px)}.utility-button{width:40px;padding:10px;display:grid;place-items:center}.utility-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.player-chip{font:7px/1.6 Pixel,monospace;padding:0 12px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-chip:before{content:'◆';color:#e4b967;padding-right:9px}.utility-button.muted-sound{color:#778b9d}.utility-button.muted-sound:after{content:'';position:absolute;width:22px;height:1px;background:#f0c378;transform:rotate(-45deg)}
.fight-brand{position:absolute;top:clamp(70px,9dvh,100px);left:50%;transform:translateX(-50%);width:90%;display:flex;align-items:center;flex-direction:column;pointer-events:none;filter:drop-shadow(0 5px 3px #0008)}.brand-pre{font:6px/1.5 Pixel;color:#c8b78b;letter-spacing:1px;margin-bottom:15px;text-align:center}.fight-brand strong{position:relative;font:clamp(48px,15vw,78px)/1.05 Pixel,monospace;letter-spacing:-5px;transform:skew(-9deg);background:linear-gradient(#ffefbf 4%,#fbd891 41%,#b97c36 42%,#ffe6a3 51%,#d49a4d 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 3px 0 #71301a) drop-shadow(0 5px 0 #071120);padding:0 9px 9px 0}.fight-brand strong:after{content:'';position:absolute;width:112%;height:3px;background:linear-gradient(90deg,transparent,#f64c1a,#ffdb79,transparent);left:-7%;top:52%;transform:rotate(-15deg);box-shadow:0 0 12px #ef632144;z-index:-1}.brand-fighting{font:12px/1 Pixel,monospace;letter-spacing:7px;color:#eee0b8;margin:10px -7px 0 0;text-shadow:0 2px 0 #04080e}.brand-rule{width:128px;height:1px;background:linear-gradient(90deg,transparent,#c29352,transparent);margin-top:15px}
.splash-main-menu{position:absolute;bottom:max(61px,calc(env(safe-area-inset-bottom) + 48px));left:50%;width:min(84%,370px);transform:translateX(-50%);display:flex;flex-direction:column;gap:9px}.menu-caption{font:6px/1.8 Pixel;color:#acb8bf;letter-spacing:1.1px;text-align:center;margin-bottom:4px}.fight-menu-button{position:relative;width:100%;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:8px;min-height:51px;padding:10px 18px;border:1px solid #bca169a6;border-bottom:3px solid #645438;background:linear-gradient(110deg,#173044ec,#0b1d31ed);box-shadow:inset 0 1px #f9e0ac21,0 4px 12px #0008;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font:10px/1.6 Pixel,monospace;color:#f0dec0;text-shadow:0 2px #020913;text-align:left;transition:filter .15s,transform .15s}.fight-menu-button svg{width:21px;height:21px;fill:none;stroke:#d8b275;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.menu-chevron{font:25px/1 Arial;text-align:right;color:#d5b27d}.fight-menu-button:hover{filter:brightness(1.22)}.fight-menu-button:active{transform:translateY(2px);filter:brightness(.85)}.fight-menu-button:focus-visible{outline:3px solid #efda9b;outline-offset:4px;clip-path:none}.fight-menu-button.menu-play{min-height:64px;border:2px solid #ffd28a;border-bottom:4px solid #a7471a;background:linear-gradient(100deg,#ffae37,#f76e21 47%,#ce391a);box-shadow:inset 0 1px #fff6c5,inset 0 -2px #a02f1e,0 5px 0 #2e160e,0 0 24px #ff8c153d;color:#fff6d5;font-size:17px;text-shadow:2px 3px #a53a17}.menu-play .menu-chevron{color:#fff2c7;font-size:32px}.menu-symbol{font:19px Arial;color:#ffe9b1}.fight-menu-button.menu-exit{min-height:42px;border-color:#7590a044;border-bottom-width:1px;background:#0a1929b3;color:#9cabb7;font-size:8px}.menu-exit svg,.menu-exit .menu-chevron{color:#93a0af;stroke:#93a0af}.splash-footer{position:absolute;left:0;right:0;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:12px;color:#6f8398;font:5px Pixel;letter-spacing:.4px}.splash-footer i{width:3px;height:3px;background:#a88954;transform:rotate(45deg)}
#splash .splashstatus{left:15%;right:15%;bottom:6px;font:8px Arial;background:#051224;color:#d3ae72;padding:5px;z-index:3}
.historyrows{min-height:300px}.historyrow{height:60px;border-bottom:1px solid #52604488;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:10px}.historyrow strong{font:9px/1.5 Pixel;color:#fff0c6}.historyrow small{font:11px/1.5 Arial;color:#9ab3a8;display:block}.historyrow .history-outcome{font:7px/1.8 Pixel;color:#a8ddb2;text-align:right}.historyrow.lost .history-outcome{color:#e9a090}.accountbox #historystate{font:13px/1.5 Arial;margin:10px 0}
@media(max-height:740px) and (orientation:portrait){.fight-brand{top:63px}.brand-pre{margin-bottom:10px;font-size:5px}.fight-brand strong{font-size:56px}.brand-fighting{font-size:9px;letter-spacing:6px}.brand-rule{margin-top:10px}.splash-main-menu{bottom:42px;gap:7px;width:82%}.fight-menu-button{min-height:44px;font-size:9px}.fight-menu-button.menu-play{min-height:54px;font-size:14px}.fight-menu-button.menu-exit{min-height:36px}.splash-footer{bottom:15px;font-size:4px}.historyrows{min-height:250px}.historyrow{height:50px}}
@media(orientation:landscape){body.at-splash #splash .splashframe{width:min(100vw,1200px)}#splash .faceoff-art{width:58%;object-fit:cover;object-position:center 37%}.faceoff-shade{background:linear-gradient(90deg,transparent 25%,#030b1b88 45%,#030b1b 63%)}.fight-brand{left:77%;top:13%;width:42%}.brand-pre{font-size:5px;margin-bottom:10px}.fight-brand strong{font-size:56px}.brand-fighting{font-size:10px}.splash-main-menu{left:77%;width:36%;bottom:10%;gap:7px}.menu-caption{font-size:5px}.fight-menu-button{min-height:42px;font-size:9px}.fight-menu-button.menu-play{min-height:50px;font-size:14px}.fight-menu-button.menu-exit{min-height:34px}.splash-footer{left:56%;bottom:4%;font-size:4px}.splash-utility{right:25px}.brand-rule{display:none}.splash-utility .player-chip{max-width:40%}}
@media(orientation:landscape) and (max-height:500px){.fight-brand{top:9%}.brand-pre{display:none}.fight-brand strong{font-size:42px}.brand-fighting{font-size:8px;margin-top:3px}.splash-main-menu{bottom:9%;gap:5px}.menu-caption{display:none}.fight-menu-button{min-height:35px;padding:5px 14px;font-size:8px}.fight-menu-button.menu-play{min-height:43px;font-size:12px}.fight-menu-button.menu-exit{min-height:30px}.splash-utility{top:8px;left:14px;right:14px}.utility-button,.player-chip{height:34px}.utility-button{width:34px;padding:7px}.splash-utility .player-chip{max-width:35%}}
@media(prefers-reduced-motion:no-preference){.fight-brand{animation:brand-reveal .6s ease-out}.splash-main-menu{animation:menu-reveal .5s .12s both ease-out}@keyframes brand-reveal{from{opacity:0;filter:drop-shadow(0 0 16px #f2ad61);translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes menu-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}