@font-face{font-family:EntrySerif;src:url('assets/ui/arcane/fonts/SourceSerif4.ttf') format('truetype');font-display:swap}
#account-gate,#game-loading{box-sizing:border-box;background:linear-gradient(90deg,#061421e8,#0a2433a8,#061421e8),linear-gradient(0deg,#061421f5,transparent 75%),url('assets/ui/arcane/forest-backdrop.png') center/cover no-repeat!important;color:#d7eaf5!important;font-family:EntrySerif,Georgia,serif!important}
#account-gate{padding:24px 12px!important;isolation:isolate}
#account-gate:before,#game-loading:before{content:'';position:absolute;inset:12px;border:1px solid #76c2d12a;border-radius:16px;pointer-events:none}
#account-gate .account-card{box-sizing:border-box;width:min(430px,100%)!important;padding:22px 28px!important;border:1px solid #6fa5bc!important;border-radius:13px!important;background:radial-gradient(ellipse at 50% 0,#24567166,transparent 65%),linear-gradient(#112d40f5,#081b2bf5)!important;box-shadow:inset 0 1px #c6f4ff30,0 20px 80px #0009,0 0 26px #24c6dd12!important;position:relative}
#account-gate .account-card>img{display:block;width:235px!important;max-width:100%;height:124px!important;margin:0 auto 4px;object-fit:contain;filter:drop-shadow(0 3px 8px #0008)}
#account-gate .account-card>p:first-of-type{font:10px system-ui;letter-spacing:2px;color:#86bfce!important;text-align:center;margin:4px 0 12px}
#account-gate .account-card h1{font:500 24px EntrySerif,Georgia,serif!important;color:#e0f5ff!important;text-align:center;margin:10px 0 20px!important;text-shadow:0 2px 8px #071b2b}
#account-gate .account-card form{gap:11px!important}
#account-gate .account-card label{font:12px system-ui;color:#a9cfdf;gap:6px!important}
#account-gate .account-card input{font:13px system-ui!important;padding:10px 12px!important;border:1px solid #456f86!important;border-radius:7px!important;background:linear-gradient(#071a29,#0a2031)!important;color:#e3f5ff!important;box-shadow:inset 0 2px 5px #0004}
#account-gate .account-card input:focus{outline:none;border-color:#6be0eb!important;box-shadow:0 0 0 2px #37c9de22,inset 0 2px 5px #0004}
#account-gate .account-card form>button,#game-loading #loading-retry{font:600 15px EntrySerif,Georgia,serif!important;min-height:39px;padding:9px 14px!important;border:1px solid #9beaf2!important;border-radius:8px!important;color:#e4ffff!important;background:radial-gradient(ellipse at bottom,#1ac9dc55,transparent 80%),linear-gradient(#1a6075,#103c50)!important;box-shadow:inset 0 1px #bfffff44,inset 0 -2px #3bd1df44,0 0 10px #30d1e522;cursor:pointer}
#account-gate .account-card form>button:hover{filter:brightness(1.15);box-shadow:0 0 15px #30d1e540}
#account-gate .gate-links{gap:5px;margin-top:13px!important;padding-top:12px;border-top:1px solid #456c8055}
#account-gate .gate-links button{font:11px system-ui!important;padding:7px 4px!important;min-width:0;background:#102b3d!important;border:1px solid #3e6c81!important;color:#9fc9dc!important;border-radius:6px!important;box-shadow:none}
#account-gate .gate-links button.active{background:linear-gradient(#205469,#123a4d)!important;border-color:#61c4d5!important;color:#d4faff!important}
#account-gate #gate-message{font:12px system-ui!important;color:#b1e6df!important;line-height:1.6;white-space:pre-wrap;padding:0;margin:10px 0 0!important}
#account-gate #gate-message:not(:empty){padding:8px 10px;border:1px solid #517d8b77;border-radius:6px;background:#102e3c}
#account-gate .gate-note{font:10px/1.6 system-ui!important;color:#739caf!important;margin:13px 0 0!important}
#game-loading{position:fixed!important;inset:0!important;z-index:12000!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:15px!important;padding:28px!important;text-align:center}
#game-loading[hidden]{display:none!important}
#game-loading>img{width:min(390px,75vw)!important;height:auto!important;max-height:210px!important;object-fit:contain;filter:drop-shadow(0 8px 24px #0008)}
#game-loading #loading-message{font:16px EntrySerif,Georgia,serif!important;color:#bcddeb!important;max-width:420px;margin:0!important}
#game-loading .loading-track{width:min(340px,76vw)!important;height:10px!important;border:1px solid #648fa7!important;border-radius:9px!important;background:#061523!important;padding:2px!important;box-sizing:content-box;overflow:hidden;box-shadow:inset 0 1px 4px #0008,0 0 18px #33cddd11}
#game-loading #loading-fill{display:block;height:100%!important;border-radius:6px!important;background:linear-gradient(#a7f6ff,#2bc2d9 50%,#16819f)!important;box-shadow:0 0 10px #58e2f0aa;transition:width .25s ease}
#game-loading #loading-percent{font:12px system-ui!important;color:#78bfce!important;font-variant-numeric:tabular-nums}
#game-loading .loading-caption{font:10px system-ui;color:#608ca2;letter-spacing:1.4px;text-transform:uppercase;margin:8px 0 0}
@media(max-height:700px){#account-gate .account-card{padding:15px 24px!important}#account-gate .account-card>img{height:84px!important}#account-gate .account-card h1{font-size:21px!important;margin:6px 0 13px!important}}
@media(prefers-reduced-motion:reduce){#game-loading #loading-fill{transition:none}}