[hidden]{display:none!important}
.account-role{margin:0 0 10px;color:#ffe879;font-weight:bold}.panel-body>#account-admin{display:block;margin-bottom:12px}
body{background:radial-gradient(ellipse at 45% 15%,#093e88 0,#06172f 55%,#030c1b 100%)}
.account-gate{width:min(550px,calc(100% - 40px));padding:24px 0;isolation:isolate}
.entry-frame{overflow:hidden;position:relative;border:4px solid #ffc628;border-radius:30px;background:repeating-linear-gradient(0deg,#0755d500 0 3px,#00399c24 3px 4px),linear-gradient(120deg,#037ee7,#0950d7 55%,#03349b);box-shadow:0 0 0 2px #fff0a1,inset 0 0 0 3px #9f6500,0 0 0 7px #00245c,0 24px 90px #0009}
.entry-header{height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 22px;border-bottom:3px solid #003184;background:linear-gradient(#00b7f6,#006bdc);box-shadow:inset 0 2px #8eeeff}
.wordmark{color:#ffe879;text-decoration:none;font:bold italic 19px Arial,sans-serif;letter-spacing:-1px;text-shadow:2px 2px #001c68,-1px -1px #fff6}.wordmark span{color:white}
.entry-tag{font:bold 8px Arial;letter-spacing:1.4px;color:#defbff;background:#00398e;padding:7px 9px;border:1px solid #34beff;border-radius:6px;box-shadow:inset 0 1px #002356}
.entry-content{display:flex;flex-direction:column;align-items:center;gap:22px;padding:22px 28px 24px}
.entry-trailer{width:100%;max-width:380px;overflow:hidden;border:2px solid #00205f;border-radius:12px;background:#00132f;box-shadow:0 0 0 2px #28cfff,0 8px 18px #00287766}
.trailer-screen{position:relative;aspect-ratio:16/9;background:#000}
.trailer-screen video{display:block;width:100%;height:100%;object-fit:contain}
.trailer-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:52px;padding:0;border:2px solid #93edff;border-radius:13px;background:linear-gradient(#17cfff,#005ac3);box-shadow:0 3px 0 #001c66;color:white;font-size:25px;text-shadow:0 2px #003b88}
.trailer-start:hover{background:linear-gradient(#7df2ff,#087ae7)}
.trailer-controls{display:flex;align-items:center;gap:6px;padding:5px 6px;border-top:1px solid #26bdff;background:linear-gradient(#064baf,#002c78)}
.trailer-controls button{flex:none;width:32px;height:34px;padding:0;border:1px solid #36b5f7;border-radius:6px;background:#00377d;color:#e7fbff;font-size:18px;touch-action:manipulation}
.trailer-controls button:hover{background:#087bd1}.trailer-controls button:focus-visible,.trailer-controls input:focus-visible{outline:2px solid #ffe878;outline-offset:1px}
.trailer-controls input{flex:1;min-width:0;width:0;max-width:none;margin:0;padding:0;height:34px;accent-color:#37dbff;cursor:pointer;touch-action:pan-y}
.trailer-controls output{flex:none;color:#def5ff;font:10px Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.trailer-error{margin:0;padding:10px;color:#fff0a0;font-size:12px;line-height:1.5}.trailer-error a{color:#c4f4ff}
.entry-trailer:fullscreen,.entry-trailer:-webkit-full-screen{max-width:none;width:100%;height:100%;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:black;box-shadow:none}
.entry-trailer:fullscreen .trailer-screen,.entry-trailer:-webkit-full-screen .trailer-screen{flex:1;min-height:0;aspect-ratio:auto}
.mascot-panel{position:relative;z-index:1;width:min(360px,86%);margin:0 auto -8px}
.entry-mascot{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px #00102b88)}
.account-panel{width:100%;max-width:380px;overflow:hidden;border-radius:17px;border:3px solid #00205f;box-shadow:0 0 0 2px #28cfff,inset 0 0 0 1px #50dfff,0 12px 25px #00287788;background:linear-gradient(115deg,#085ed7,#053aa5)}
.panel-heading{height:43px;display:flex;align-items:center;gap:8px;padding:0 17px;background:linear-gradient(#2be7ff,#00adf3 48%,#0385df 52%,#006ac6);border-bottom:3px solid #00276e;color:#00275e;font:bold 15px Arial;letter-spacing:.8px;text-shadow:0 1px #8cffff}
.heading-spark{font-size:24px;color:#e2ffff}.panel-body{padding:18px 23px 15px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #078bec;background:#00266e;padding:4px;border-radius:9px}
.account-tabs .tab{font-weight:bold;padding:9px 5px;background:transparent;border:0;border-radius:5px;color:#8fc9ff}.account-tabs .tab.selected{color:#002764;background:linear-gradient(#7df1ff,#21c8ff 48%,#00a4ed 50%,#008ddb);box-shadow:inset 0 1px #dbffff,0 2px 3px #001f58}.account-tabs .tab:hover{color:white}
.panel-body h1{font:bold 25px Arial;margin:18px 0 7px;color:white;text-shadow:0 2px #00205c;letter-spacing:-.7px}.account-intro{font-size:13px;line-height:1.5;color:#c5e4ff;margin:0 0 17px}
.account-form{display:block;margin:0}.account-form label{display:block;font:bold 13px Arial;margin:17px 0 7px;color:#edf9ff}.account-form input{width:100%;height:43px;padding:10px 12px;border:2px solid #00316c;border-radius:6px;background:#031e67;color:#fff;box-shadow:0 0 0 1px #1687ef,inset 0 3px 5px #0004;outline:none;font:15px Arial}.account-form input:focus{border-color:#fff2a7;box-shadow:0 0 0 2px #ffc62c}.account-form small{display:block;color:#abcff5;font-size:11px;line-height:1.5;margin-top:7px}
.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:3px;top:3px;height:37px;border:0;background:transparent;color:#9bdfff;font-size:12px;padding:0 12px}.password-field button:hover{color:white;background:#13509a}.account-message{font-size:12px;line-height:1.5;min-height:18px;margin:14px 0;color:#fff0a0;overflow-wrap:anywhere}.account-message:empty{margin:13px 0 5px;min-height:10px}
.arcade-primary{width:100%;min-height:47px;border:2px solid #003278;border-radius:9px;background:linear-gradient(#a2f8ff,#43deff 44%,#04b8f6 48%,#0794e7 90%);box-shadow:0 0 0 1px #4fdbff,inset 0 2px #d9ffff,0 3px #002d75;color:#002655;font:bold 17px Arial;text-shadow:0 1px #b4ffff;display:flex;justify-content:center;align-items:center;gap:15px}.arcade-primary:hover{background:linear-gradient(#d0ffff,#55ebff 44%,#16c6ff 48%,#17a3ed)}.arcade-primary:active{transform:translateY(1px)}.arcade-primary:disabled{opacity:.6}
.account-switch{margin:23px 0 3px;text-align:center;color:#a9cfff;font-size:12px;line-height:1.8}.account-switch button,.other-account{padding:0;background:none;border:0;color:#ffe680;font-weight:bold;font-size:12px;text-decoration:underline;text-underline-offset:3px}.account-switch button:hover,.other-account:hover{background:none;color:#fff}
.legacy-details{font-size:11px;color:#c7e4ff;margin-top:16px;line-height:1.5}.legacy-details summary{cursor:pointer;color:#d4f0ff}.legacy-details label{font-size:12px}.legacy-details input{font-size:12px;height:36px}.welcome-badge{text-align:center;font-size:60px;color:#ffdc4e;text-shadow:0 4px #9a6400;margin:10px 0 16px}#account-welcome h2{font-size:28px;margin:0 0 15px;overflow-wrap:anywhere}#account-welcome .other-account{display:block;margin:24px auto 4px}#account-welcome .account-intro{margin-bottom:26px}
.entry-footer{position:relative;display:flex;align-items:center;gap:8px;padding:10px 22px;border-top:2px solid #087ff1;background:#003787;color:#addcff;font-size:11px}.online-dot{width:6px;height:6px;border-radius:50%;background:#6bf5ff;box-shadow:0 0 7px #5ff}.footer-corner{margin-left:auto;color:#ffe665;font-size:18px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe878;outline-offset:4px}
@media(max-width:520px){.account-gate{width:calc(100% - 28px);padding:18px 0}.mascot-panel{width:min(300px,88%);margin-bottom:-6px}.entry-header{height:43px;padding:0 17px}.entry-tag{display:none}.entry-content{padding:17px 16px 20px}.panel-body{padding:17px}.entry-footer{padding:10px 16px;font-size:10px}.wordmark{font-size:18px}}

@media(max-width:600px),(pointer:coarse),(max-width:1100px) and (max-height:600px){.account-form input,.legacy-details input{font-size:16px}.account-gate{margin-top:env(safe-area-inset-top);margin-bottom:env(safe-area-inset-bottom)}.entry-header{min-width:0}.wordmark{white-space:nowrap}}

@media(max-width:600px),(pointer:coarse),(max-width:1100px) and (max-height:600px){.account-form input{min-height:44px}.password-field input{height:48px}.password-field button{min-height:44px;top:0}.account-tabs .tab,.account-switch button,.other-account{min-height:44px}}