.dm-welcome{color:#f2feff;background:radial-gradient(at 18% 42%,#2b8fb245,#0000 38%),radial-gradient(at 83% 75%,#4c77be60,#0000 45%),linear-gradient(135deg,#040b1b,#123957 54%,#0d2c49);flex-direction:column;font:13px Verdana,Geneva,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden auto}.dm-welcome__content{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;width:min(100%,980px);margin:auto;padding:35px 25px;display:grid}.dm-welcome__brand{text-align:left;text-shadow:0 2px 8px #06182c;flex-direction:column;align-items:flex-start;padding:24px 0 0;display:flex}.dm-welcome__logo{aspect-ratio:2.1;isolation:isolate;width:min(100%,470px);margin:0;position:relative}.dm-welcome__logo-canvas{opacity:0;transform-origin:50%;filter:brightness(1.8)contrast(1.15)drop-shadow(0 0 8px #39d9dd50);pointer-events:none;transition:opacity .16s ease-out;position:absolute;inset:0;transform:scale(1.75)}.dm-welcome__logo-canvas--ready{opacity:1}.dm-welcome__logo-canvas canvas{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.dm-welcome__logo-canvas{transition:none}}.dm-welcome__choices{z-index:1;flex-direction:column;gap:12px;padding:16px 0 16px 28px;display:flex;position:relative}.dm-welcome__choice{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(#eaffff38 0 1px,#8dd7db3d 2px,#1c637c66 49%,#0d385879);border:1px solid #c1f1f179;border-radius:9px;align-items:center;gap:14px;width:100%;min-height:94px;padding:9px 15px 9px 9px;display:flex;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #061e3a8a,0 5px 11px #06142659}.dm-welcome__choice:hover{background:linear-gradient(#ffffff61 0 1px,#a9e9e866 2px,#28889b88 49%,#145272a3);border-color:#e4fffb}.dm-welcome__choice:focus-visible{outline-offset:3px;outline:2px solid #b7fff1}.dm-welcome__choice:disabled{opacity:.7;cursor:wait}.dm-welcome__portrait{background:linear-gradient(#fff,#b9e7eb);border:1px solid #c8fcf4;border-radius:7px;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff,0 2px 6px #081e36}.dm-welcome__portrait img{object-fit:contain;width:52px;height:52px;display:block}.dm-welcome__portrait--twitch{background:linear-gradient(#fff,#d8c8ee);border-color:#e4d8f6;box-shadow:inset 0 1px #fff,0 2px 6px #081e36}.dm-welcome__portrait--twitch img{width:52px;height:52px}.dm-welcome__choice--twitch{background:linear-gradient(#f8f1ff3d 0 1px,#9e87d643 2px,#3c488a80 49%,#192d657c);border-color:#c2b1e88f}.dm-welcome__choice--twitch:hover{background:linear-gradient(#fff8ff61 0 1px,#c6abe868 2px,#535da99a 49%,#263c82a3);border-color:#e7d9ff}.dm-welcome__choice-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.dm-welcome__choice-copy strong{text-shadow:0 1px 3px #0a3d53;font-size:18px;line-height:1.25}.dm-welcome__choice-copy small{color:#d4eef0;font-size:12px;line-height:1.4}.dm-welcome__arrow{color:#88f3df;font-size:29px;line-height:1}.dm-welcome__error{color:#fff2c5;margin:0 10px;font-size:12px;line-height:1.4}@media (max-width:850px){.dm-welcome__content{grid-template-columns:1fr;align-content:center;gap:16px;width:min(100%,480px);padding:28px 20px}.dm-welcome__brand{text-align:left;align-items:flex-start;margin-bottom:-60px;padding:0}.dm-welcome__logo{width:min(100%,400px)}.dm-welcome__logo-canvas{transform:scale(1.65)}.dm-welcome__choices{gap:8px;min-height:0;padding:8px 0 0}.dm-welcome__choice{min-height:78px}.dm-welcome__choice-copy strong{font-size:16px}}