body.entry-active>header,body.entry-active>main{visibility:hidden;pointer-events:none}
body #startOverlay.entry-screen{position:fixed;inset:0;z-index:1900;display:flex;flex-direction:column;align-items:stretch;place-items:initial;overflow-x:hidden;overflow-y:auto;height:100dvh;padding:0;box-sizing:border-box;background:radial-gradient(ellipse at 77% 23%,#39302b55,transparent 42%),#15171c;backdrop-filter:none;color:#edeae2;isolation:isolate}
#startOverlay::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#0008,transparent 85%)}
#startOverlay button,#startOverlay input,#startOverlay select{font:inherit;letter-spacing:normal;border-radius:8px}
#startOverlay button{min-height:42px;transition:background .18s,border-color .18s,transform .18s}
#startOverlay button:focus-visible{outline:2px solid #e8c282;outline-offset:4px}
#startOverlay button:disabled{opacity:.45;cursor:default}
#startOverlay h1,#startOverlay h2,#startOverlay p{margin:0}
#startOverlay .entry-header{width:min(1200px,calc(100% - 80px));margin:0 auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12;flex-shrink:0}
.entry-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-1px}.entry-brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;margin-top:2px;color:#9c9da4}.entry-crest{display:grid;place-items:center;width:40px;height:44px;border:1px solid #b48d53;border-radius:11px 3px;color:#e8c282;font:29px serif;background:#c6a2660b}
.entry-header-right{display:flex;align-items:center;gap:25px}.entry-version{font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#94969f}.entry-version b{margin-left:10px;border:1px solid #777061;padding:5px 8px;font-weight:500;color:#d7bd91;letter-spacing:0}#startOverlay .entry-header-right button{font-size:11px;border:0;color:#b4b2ad;padding:8px 0}
#startOverlay .entry-shell{width:min(1100px,calc(100% - 80px));margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 0}
#soloSettings,#entryHome,#roomLobby{width:100%;min-width:0}
.entry-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:280px;margin-bottom:22px}
#startOverlay .entry-eyebrow{font:10px ui-monospace,Consolas,monospace;letter-spacing:2.5px;color:#c8aa77;margin:0 0 16px}
#startOverlay .entry-hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.25;font-weight:750;letter-spacing:-2.8px}.entry-hero h1 em{font-style:normal;color:#e9c58b}
#startOverlay .entry-intro{margin-top:20px;font-size:14px;line-height:1.85;color:#b2b0ad;letter-spacing:-.2px}
.entry-tags{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:10px;color:#c2b8a8}.entry-tags i{font-style:normal;color:#74644f}
.entry-art{position:relative;height:280px;overflow:hidden;align-self:center}.entry-sun{position:absolute;width:235px;height:235px;border-radius:50%;background:radial-gradient(circle at 50% 43%,#b4864f38,#a66d3e10 68%,transparent 70%);border:1px solid #c4955d24;left:50%;top:9px;transform:translateX(-50%)}.entry-sun::after{content:"";position:absolute;inset:17px;border:1px dashed #bd9b6a27;border-radius:50%}
.entry-art-word{position:absolute;top:35px;left:50%;transform:translateX(-50%);font:145px/1 serif;letter-spacing:-24px;color:#c5a47512;white-space:nowrap}
#entryTeam{position:absolute;inset:20px 0 24px;display:flex;align-items:flex-end;justify-content:center}.entry-fighter{display:block;width:150px;flex:0 0 150px;filter:drop-shadow(0 15px 8px #0007);transform:translateY(-20px)}.entry-fighter:nth-child(2){width:180px;flex-basis:180px;margin:0 -22px;z-index:1;transform:translateY(0)}.entry-fighter .pixel-icon{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}
.entry-art-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font:9px ui-monospace,Consolas,monospace;letter-spacing:3px;color:#827969}
.entry-play-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:15px}#startOverlay .entry-play-heading h2{font-size:13px;font-weight:600}#startOverlay .entry-play-heading p{font-size:11px;color:#93949c}
.entry-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#startOverlay .entry-mode-card{display:flex;flex-direction:column;justify-content:center;text-align:left;min-height:150px;padding:21px 24px;border:1px solid #47464a;background:linear-gradient(135deg,#28292f,#202127);border-radius:12px;color:#efede7;box-shadow:0 6px 18px #0002}
.entry-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;font:9px ui-monospace,Consolas,monospace;letter-spacing:1px;color:#a9a5a0}.entry-card-top b{font:10px sans-serif;letter-spacing:0;font-weight:400;padding:3px 6px;border:1px solid #88807855;border-radius:4px}
.entry-mode-card strong{display:flex;justify-content:space-between;align-items:center;font-size:23px;font-weight:650;letter-spacing:-.8px;margin:14px 0 9px}.entry-mode-card strong>span{font-size:23px;font-weight:400;transition:transform .18s}.entry-mode-card small{font-size:11px;color:#b0aca6;line-height:1.5}
#startOverlay .entry-mode-card:hover{border-color:#c4a16b;background:#303036;transform:translateY(-3px)}.entry-mode-card:hover strong>span{transform:translate(2px,-2px)}
#startOverlay .entry-mode-card.entry-solo{background:linear-gradient(125deg,#dec18a,#c8a76c);border-color:#efd39b;color:#252321}.entry-solo .entry-card-top,.entry-solo small{color:#554938}.entry-solo .entry-card-top b{border-color:#6d563b55}#startOverlay .entry-mode-card.entry-solo:hover{background:linear-gradient(125deg,#ebd19d,#d6b47b);border-color:#f3dba9}
.entry-aux{display:flex;gap:22px;align-items:center;margin-top:16px}#startOverlay .entry-aux button{font-size:11px;min-height:32px;padding:4px 0;border:0;color:#9c9ba1}.entry-aux button span{margin-left:12px;color:#bca177}#startOverlay .entry-aux button:hover{background:transparent;color:#ede5d7}
#startOverlay .entry-footer{width:min(1200px,calc(100% - 80px));margin:0 auto;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff0d;color:#70727c;font-size:10px;flex-shrink:0}
#startOverlay .entry-panel{background:#202228;border:1px solid #48464a;border-radius:14px;padding:30px;text-align:left;box-shadow:0 12px 50px #0002;min-width:0}#startOverlay .entry-connect,#startOverlay .entry-resume{max-width:540px;width:100%;margin:auto;padding:36px}
#startOverlay .entry-panel h1,#startOverlay .entry-lobby-heading h1{font-size:30px;letter-spacing:-1px;line-height:1.35;font-weight:700}#startOverlay .entry-connect>p:not(.entry-eyebrow),#startOverlay .entry-resume>p:not(.entry-eyebrow){font-size:13px;line-height:1.8;color:#aeadb4;margin-top:12px}
#startOverlay .entry-back{padding:6px 0;color:#adaab0;border:0;font-size:12px;white-space:nowrap;background:none}#startOverlay .entry-connect .entry-back{margin:0 0 28px;min-height:28px}
#startOverlay #onlineFields{display:grid;grid-template-columns:1fr;gap:18px;margin:28px 0 6px}#startOverlay #onlineFields label{font-size:12px;color:#d4d0c8}#startOverlay #onlineFields label>span{font-size:10px;color:#8e8d95;margin-left:7px}
#startOverlay #onlineFields input{width:100%;display:block;margin-top:9px;padding:13px 14px;border:1px solid #555158;background:#17191f;color:#ede9df;font-size:15px;min-height:49px}#startOverlay #onlineFields input:focus{border-color:#d9b87e;box-shadow:0 0 0 3px #d9b87e12}#startOverlay #roomCodeInput{font:20px ui-monospace,Consolas,monospace;letter-spacing:5px;text-transform:uppercase}
#startOverlay .entry-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;width:100%;padding:12px 18px;background:#dbba7f;border:1px solid #e9cb95;color:#28231c;font-size:14px;font-weight:700}#startOverlay .entry-primary:hover{background:#edce99;border-color:#f7dca9}#startOverlay .entry-primary span{font-size:21px;line-height:1;font-weight:400}
#startOverlay .entry-error{color:#f0a994;font-size:12px;line-height:1.6;min-height:0;margin:12px 0}#startOverlay .entry-error:empty{margin:16px 0 0;min-height:0}
.entry-lobby-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}#startOverlay .entry-lobby-heading .entry-eyebrow{margin-bottom:10px}#startOverlay #roomState{font-size:12px;color:#aaa8af;margin-top:10px;line-height:1.65}
.entry-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #69604f;background:#c6a16b0a;border-radius:10px;padding:14px 20px;margin-bottom:18px}.entry-invite>div{display:flex;align-items:center;gap:24px}.entry-invite span{font-size:11px;color:#b6ab99}.entry-invite b{font:23px ui-monospace,Consolas,monospace;letter-spacing:4px;color:#e5c790}#startOverlay .entry-invite button{font-size:11px;padding:9px 13px;min-height:36px;border-color:#79694f;color:#e0c08c}
.entry-lobby-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:stretch}#startOverlay .entry-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.entry-section-heading h2{font-size:15px;font-weight:650}.entry-section-heading>span{font:12px ui-monospace,Consolas,monospace;color:#bca47d}
#startOverlay #roomMembers{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}#startOverlay #roomMembers li{display:flex;align-items:center;gap:12px;border:1px solid #47444a;border-radius:8px;background:#191b21;min-height:65px;padding:11px 13px;color:#e1ded7}#startOverlay #roomMembers .empty{border-style:dashed;background:transparent;opacity:.55}#roomMembers li>div{flex:1;min-width:0}#roomMembers li b{font-size:13px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#roomMembers li small{display:block;font-size:10px;color:#8f8e97;margin-top:6px}.entry-player-avatar{display:grid;place-items:center;width:34px;height:37px;border-radius:6px;background:#b4955d16;border:1px solid #a38c5a55;color:#d4b17c;font:22px serif;flex:none}.entry-player-state{font-size:9px;color:#c5b797;white-space:nowrap}
#startOverlay .entry-difficulty .entry-eyebrow{margin-bottom:9px}.entry-difficulty h2{font-size:21px;letter-spacing:-.5px;font-weight:650;margin-bottom:22px!important}.entry-difficulty-label{display:block;font-size:11px;color:#aaa5a5}.entry-difficulty-label select{display:block;width:100%;min-height:49px;margin-top:9px;padding:11px 13px;background:#17191f;border:1px solid #70604b;color:#ebd7b6;font-size:15px!important}.entry-difficulty-label select:disabled{opacity:1;color:#b7b4bb;background:#1a1c22;border-color:#47444a;cursor:default}#startOverlay #difficultyNote,#startOverlay #guestStartHint{font-size:11px;color:#99969f;line-height:1.7;margin-top:11px}
.entry-round-note{display:flex;align-items:center;gap:17px;margin:20px 0 22px;padding-top:18px;border-top:1px solid #ffffff0e}.entry-round-note>span{font:29px ui-monospace,Consolas,monospace;color:#c6ad83}.entry-round-note small{font:10px sans-serif;margin-left:6px;color:#8b8490}.entry-round-note p{font-size:11px;line-height:1.7;color:#96949d}
#startOverlay .resume-actions{display:flex;gap:10px;margin-top:26px}#startOverlay .resume-actions button{padding:10px 18px;min-width:90px}#startOverlay .resume-actions .entry-primary{width:auto;flex:1}
@media(max-width:850px){#startOverlay .entry-header,#startOverlay .entry-footer,#startOverlay .entry-shell{width:calc(100% - 40px)}.entry-hero{gap:0}.entry-fighter{width:125px;flex-basis:125px}.entry-fighter:nth-child(2){width:150px;flex-basis:150px;margin:0 -34px}#startOverlay .entry-mode-card{padding:20px 18px}.entry-mode-card strong{font-size:20px}.entry-mode-card small{font-size:10px}.entry-lobby-grid{gap:14px}#startOverlay .entry-lobby-grid>.entry-panel{padding:22px}}
@media(max-width:600px){#startOverlay .entry-header,#startOverlay .entry-footer,#startOverlay .entry-shell{width:calc(100% - 36px)}#startOverlay .entry-header{min-height:72px}.entry-brand{font-size:20px;gap:9px}.entry-crest{width:32px;height:36px;font-size:25px}.entry-header-right{gap:12px}.entry-version{font-size:8px;letter-spacing:1px}.entry-version b{margin-left:3px;padding:4px}.entry-header-right button{display:none}#startOverlay .entry-shell{padding:24px 0;justify-content:flex-start}#startOverlay .entry-footer{font-size:8px;min-height:42px}.entry-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:185px;margin-bottom:22px}#startOverlay .entry-hero .entry-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:13px}#startOverlay .entry-hero h1{font-size:30px;letter-spacing:-1.8px;white-space:nowrap;line-height:1.3}#startOverlay .entry-intro{font-size:11px;line-height:1.8;margin-top:14px;white-space:nowrap}.entry-tags{display:none}.entry-art{height:180px;overflow:visible}.entry-sun{width:150px;height:150px;top:8px;left:55%}.entry-art-word{font-size:84px;top:33px;letter-spacing:-14px}.entry-art-caption{display:none}#entryTeam{inset:15px -25px 15px -8px}.entry-fighter{width:77px;flex-basis:77px;transform:translateY(-13px)}.entry-fighter:nth-child(2){width:100px;flex-basis:100px;margin:0 -31px}#startOverlay .entry-play-heading h2{font-size:12px}#startOverlay .entry-play-heading p{font-size:9px}.entry-mode-grid{grid-template-columns:1fr;gap:10px}#startOverlay .entry-mode-card{min-height:109px;padding:15px 19px;border-radius:10px}.entry-mode-card strong{font-size:21px;margin:8px 0 4px}.entry-mode-card small{font-size:10px}.entry-card-top{font-size:8px}.entry-card-top b{font-size:8px;padding:2px 5px}.entry-aux{gap:18px;margin-top:12px}#startOverlay .entry-aux button{font-size:10px}.entry-lobby-heading{margin-bottom:18px;gap:12px}#startOverlay .entry-lobby-heading h1{font-size:25px}#startOverlay .entry-lobby-heading .entry-eyebrow{font-size:8px;letter-spacing:1.5px}#startOverlay .entry-back{font-size:11px}.entry-lobby-grid{grid-template-columns:1fr;gap:14px}.entry-invite{padding:12px;gap:10px;margin-bottom:14px}.entry-invite>div{display:block}.entry-invite span{font-size:9px;display:block;margin-bottom:5px}.entry-invite b{font-size:20px;letter-spacing:3px}#startOverlay .entry-invite button{padding:8px;font-size:10px}#startOverlay .entry-lobby-grid>.entry-panel{padding:20px}#startOverlay .entry-section-heading{margin-bottom:16px}#startOverlay #roomMembers li{min-height:58px;padding:10px}.entry-round-note{margin:17px 0}.entry-difficulty h2{font-size:21px;margin-bottom:18px!important}#startOverlay .entry-connect,#startOverlay .entry-resume{padding:25px 22px;margin:12px auto}#startOverlay .entry-panel h1{font-size:26px}#startOverlay .entry-connect>p:not(.entry-eyebrow){font-size:12px}#startOverlay .entry-connect .entry-back{margin-bottom:22px}}
@media(max-width:350px){#startOverlay .entry-hero h1{font-size:26px}#startOverlay .entry-intro{font-size:10px}.entry-hero{grid-template-columns:1.5fr 1fr;min-height:170px}.entry-header-right{gap:0}.entry-play-heading{align-items:flex-start;flex-direction:column;gap:6px}.entry-fighter{width:66px;flex-basis:66px}.entry-fighter:nth-child(2){width:85px;flex-basis:85px}.entry-sun{width:125px;height:125px;top:22px}.entry-aux{gap:15px}.entry-lobby-heading h1{font-size:22px!important}}
.entry-solo-lobby{max-width:620px;margin:auto}.entry-solo-lobby .entry-lobby-grid{grid-template-columns:minmax(0,1fr)}.entry-solo-lobby .entry-members{display:none}
#startOverlay #roomMembers{line-height:1.4}#startOverlay #roomMembers li{text-align:left}
@media(max-width:600px){.entry-art{overflow:hidden}#entryTeam{left:0;right:0}.entry-fighter{width:64px;flex-basis:64px}.entry-fighter:nth-child(2){width:90px;flex-basis:90px;margin:0 -33px}}
@media(max-width:350px){.entry-fighter{width:50px;flex-basis:50px}.entry-fighter:nth-child(2){width:70px;flex-basis:70px;margin:0 -28px}}
@media(prefers-reduced-motion:reduce){#startOverlay button{transition:none}}