.account-extension,.account-benefits,.shortcut-pane-account-recovery,.shortcut-pane-account-access {color:#f7f2ff;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.5;min-width:0;}
.account-extension details {margin:12px 0;border:1px solid #735682;border-radius:5px;background:#211829e8;}
.account-extension summary {cursor:pointer;padding:12px;font-family:'Silkscreen',monospace;font-size:11px;line-height:1.6;color:#c5a4f2;min-height:44px;}
.account-extension details>form,.account-extension details>p,.account-extension details>button {margin:0 10px 12px;}
.account-extension form {display:grid;gap:10px;min-width:0;}
.account-extension label,.shortcut-pane-account-recovery label,.shortcut-pane-account-access label {display:grid;gap:5px;min-width:0;}
.account-extension input,.account-extension select,.shortcut-pane-account-recovery input,.shortcut-pane-account-access input {box-sizing:border-box;max-width:100%;min-width:0;width:100%;font:400 16px 'DM Sans',system-ui,sans-serif;min-height:44px;}
.account-extension fieldset {min-width:0;border:1px solid #735682;padding:10px;display:grid;gap:10px;border-radius:4px;}
.account-extension legend {font-size:13px;color:#c5a4f2;padding:0 4px;}
.account-extension button,.account-text-action,.shortcut-pane-account-recovery button,.shortcut-pane-account-access button {min-height:44px;max-width:100%;white-space:normal;}
.account-extension h3 {font-size:13px;color:#c5a4f2;margin:8px 0 0;}
.account-extension p,.account-benefits p {margin:8px 0;}
.account-extension small {font-size:12px;color:#f0e5fa;}
.account-verification {color:#e9ce85;}
.account-verification.is-verified {color:#d9e99e;}
.account-field-pair {display:grid;grid-template-columns:minmax(65px,.7fr) minmax(0,1.3fr);gap:8px;}
.account-benefits {padding:0;margin-top:10px;font-size:13px;}
.account-benefits p {margin:4px 0;}
.account-benefits-items {display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:12px;}
.account-benefits-items [data-benefit] {display:inline-flex;align-items:center;gap:4px;}
.account-benefits-items svg {width:16px;height:16px;flex:none;}
.shortcut-pane-account .account-tabs {margin-bottom:10px;}
.shortcut-pane-account #account-form label {margin-bottom:8px;}
.shortcut-pane-account #account-form .shortcut-help {margin-bottom:8px;}
.shortcut-pane-account .account-text-action {display:block;width:100%;padding:6px 0;text-align:left;}
.shortcut-pane-account #account-status:empty {display:none;}
.account-text-action {background:none!important;border:0!important;box-shadow:none!important;text-decoration:underline;color:#c5a4f2;}
.account-extension :focus-visible,.account-text-action:focus-visible,.shortcut-pane-account-recovery :focus-visible,.shortcut-pane-account-access :focus-visible {outline:2px solid #c5a4f2;outline-offset:2px;}

/* Approved GAME420 account mockup. Scoped to the native account panes. */
@font-face{font-family:G420AccountPixel;src:url('fonts/Silkscreen-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:G420AccountUI;src:url('fonts/DMSans-variable.ttf') format('truetype');font-weight:100 1000;font-display:swap}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"][open]{isolation:isolate;background:linear-gradient(155deg,#101124,#0a0d1b 65%,#17112a);color:#f2ecfa;border:1px solid #a77ddd7a;border-radius:3px;box-shadow:0 0 22px #945ced22,inset 0 0 0 1px #c4a2ff0b,0 15px 35px #000a;font:400 14px/1.5 G420AccountUI,system-ui,sans-serif;text-shadow:none;-webkit-text-stroke:0}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"]:not([data-community-auth]){left:10px!important;width:calc(100% - 20px)!important;height:auto!important;max-height:var(--g420-account-room,calc(100% - 70px));margin-top:8px}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"]::before{content:'';position:absolute;inset:0;z-index:-1;background:url('game420-astronaut-poster.jpg') right -220px/1400px auto no-repeat;opacity:.065;pointer-events:none}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .shortcut-heading{min-height:58px;padding:6px 12px 6px 16px;border-bottom:1px solid #a77ddd36;background:linear-gradient(90deg,#29213a90,#12132580);gap:10px}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] #shortcut-title{font:400 15px/1.4 G420AccountPixel,monospace;color:#efe5ff;text-shadow:0 0 10px #b78aef35;display:flex;align-items:center;gap:11px}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] #shortcut-title::before{content:'';width:22px;height:22px;flex:none;background:#b5f883;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' d='M9 3h6v2h2v6h-2v2H9v-2H7V5h2zM4 21v-5l4-2h8l4 2v5z'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] #shortcut-close{width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:3px;background:linear-gradient(#1a183166,#1a183166) center/36px 36px no-repeat;color:#cebee2;font:25px/1 G420AccountUI,sans-serif;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] #shortcut-body{overflow:auto;scrollbar-color:#9e7abf #0a0d1b}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .shortcut-pane{height:auto;padding:20px 19px 21px;overflow:visible;color:#e2d9ed;font-family:G420AccountUI,system-ui,sans-serif;scrollbar-color:#9e7abf #0a0d1b}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] :is(button,input,textarea,select){font-family:G420AccountUI,system-ui,sans-serif;border:1px solid #86719b76;border-radius:3px;background:#080d20bc;color:#f2ecfa;text-shadow:none;-webkit-text-stroke:0}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] button{min-height:44px;touch-action:manipulation;box-shadow:none}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] :is(input,textarea,select){min-height:49px;font-size:16px;box-shadow:inset 0 2px 9px #0003}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] input::placeholder{color:#9186aa}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] :is(input,textarea,select):focus{border-color:#c6a0fc;background:#11122c;outline:none;box-shadow:0 0 0 2px #b48ae81a}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] :is(button,a,summary):focus-visible{outline:2px solid #c0fa80;outline-offset:2px}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .g420-account-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;flex:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-intro{margin:0 0 19px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-intro h3{font:400 17px/1.45 G420AccountPixel,monospace;color:#f2eeff;margin:0 0 8px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-intro p{font-size:13px;line-height:1.55;color:#bcb6cc;margin:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-eyebrow,html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-intro .g420-account-eyebrow{font:400 9px/1.5 G420AccountPixel,monospace;color:#ba94e8;letter-spacing:.7px;margin:0 0 9px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-tabs{gap:0;border-bottom:1px solid #a47acf45;margin:0 0 21px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-tabs button{height:44px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;margin-bottom:-1px;color:#b1a4c6;font-size:13px;font-weight:600;padding:5px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-tabs button[aria-pressed=true]{border-bottom-color:#b2f57b;color:#d1ff9e;background:linear-gradient(#a8f65b00,#a8f65b0c)}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-form label{font-size:13px;font-weight:500;line-height:1.5;margin:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-input{position:relative;display:flex;align-items:center;margin-top:8px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-input>svg{position:absolute;left:13px;width:18px;height:18px;color:#a19aba;pointer-events:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-input>input{width:100%;padding:0 12px 0 41px;height:49px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-input-password{padding-right:47px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-password-eye{position:absolute;right:2px;width:44px;height:44px;padding:0;display:grid;place-items:center;background:transparent;border:0;color:#a29ab8}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-password-eye svg{width:19px;height:19px}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .shortcut-help{font:400 11px/1.55 G420AccountUI,sans-serif;color:#a498bb}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-form .shortcut-help{margin:-10px 0 17px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-submit{height:49px;border:1px solid #ddffbd;border-bottom:3px solid #658c45;background:linear-gradient(#c7f7a0,#a6e66f);box-shadow:0 3px 0 #152411,0 0 16px #a4ec6b1c,inset 0 1px 0 #fff8;color:#10220c;font:400 12px/1.4 G420AccountPixel,monospace;text-transform:uppercase;text-shadow:0 1px 0 #eeffd250}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-submit::after{content:'→';font:22px/1 G420AccountUI,sans-serif;margin-left:14px;vertical-align:middle}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-submit:not(:disabled):hover{filter:brightness(1.08)}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-submit:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #152411}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-text-action{font-size:12px;color:#d0b7ee!important;text-align:center;min-height:44px;padding:9px 0;text-underline-offset:4px;text-decoration-color:#a77ad75c}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-forgot{margin-top:10px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-benefits{border-top:1px solid #b188d72f;padding-top:17px;margin:12px 0 0;font-family:G420AccountUI,sans-serif}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-benefits p{font-size:12px;color:#beb6cc;text-align:center;margin:0 0 14px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-benefits-items{justify-content:center;gap:7px 19px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-benefits-items [aria-hidden=true]{display:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-benefits-items [data-benefit]{font-size:11px;color:#d9cce9;gap:7px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-benefits-items svg{display:block!important;width:17px;height:17px;color:#b2f379}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-identity{display:flex;align-items:center;gap:14px;margin-bottom:21px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-avatar{width:55px;height:55px;flex:none;display:grid;place-items:center;background:radial-gradient(#895fcf26,#1c1832);border:1px solid #bba0e05c;box-shadow:inset 0 0 12px #945de91a;color:#cfb5ed;border-radius:3px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-avatar svg{width:30px;height:30px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-identity-info{min-width:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-name{font:400 13px/1.5 G420AccountPixel,monospace;color:#eee5fb;margin:0 0 5px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-email{font-size:11px;color:#aaa1bb;margin:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-verification{font-size:10px;color:#e9ce85;margin:8px 0 0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-verification.is-verified{color:#b7ed8b}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-verification.is-verified::before{content:'✓';margin-right:5px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start;margin-bottom:22px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-orders{margin:0;min-width:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] :is(#account-orders,#account-loyalty-details>summary){position:relative;min-height:115px;height:auto;display:block;width:100%;padding:14px;text-align:left;border:1px solid #7c709263;border-radius:3px;background:linear-gradient(145deg,#2d244654,#101527c4);box-shadow:inset 0 1px #ffffff04,0 2px 0 #060911;color:transparent;font-size:0;line-height:0;margin:0;list-style:none;cursor:pointer}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-loyalty-details{margin:0;padding:0;border:0;background:none;min-width:0;color:#e2d9ed}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] :is(#account-orders,#account-loyalty-details>summary)::before{content:attr(data-game420-count);display:block;font:400 25px/1.1 G420AccountPixel,monospace;color:#c6ff98;margin-bottom:13px;text-shadow:0 0 14px #b6f87928;max-width:100%;overflow-wrap:anywhere}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-orders::after{content:'Mes commandes\A Consulter mon suivi  ›';white-space:pre-line;display:block;color:#e7dff0;font:400 11px/1.7 G420AccountUI,sans-serif;float:none;margin:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-loyalty-details>summary::before{color:#dfb9ff;text-shadow:0 0 14px #b679ff30}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-loyalty-details>summary::after{content:'Points disponibles\A Mes points et cadeaux  ⌄';white-space:pre-line;display:block;color:#e7dff0;font:400 11px/1.7 G420AccountUI,sans-serif;float:none;margin:0}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-loyalty-details>summary::-webkit-details-marker{display:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-loyalty-details[open]{grid-column:1/-1}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-loyalty-details[open]>summary::after{content:'Points disponibles\A Mes points et cadeaux  ⌃'}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .loyalty-account-content{padding:16px 12px;border:1px solid #7c709263;border-top:0;background:#141627;color:#ddd3ec}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .loyalty-account-content :is(p,span,h3,summary){color:#beb6cc}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .loyalty-balance strong{color:#dfb9ff}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension{font:400 13px/1.5 G420AccountUI,sans-serif;color:#e2d9ed}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-section-label{font:400 9px/1.5 G420AccountPixel,monospace;color:#9c8aaf;letter-spacing:.7px;margin:0 0 11px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension details{margin:0 0 10px;border:1px solid #81709055;border-radius:3px;background:#141627c2;box-shadow:inset 0 1px #ffffff03}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension details>summary{display:flex;align-items:center;gap:11px;min-height:55px;padding:12px;color:#ddd3ec;font:400 12px/1.5 G420AccountUI,sans-serif;list-style:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension details>summary::-webkit-details-marker{display:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension details>summary svg{width:19px;height:19px;color:#a2a8c2}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension details>summary::after{content:'⌄';margin-left:auto;font-size:16px;color:#b095cf}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension details[open]>summary::after{content:'⌃'}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension :is(fieldset,legend){border-color:#81709055;color:#d9cce9}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension h3{color:#d9cce9;font-size:13px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .account-extension small{color:#a498bb}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-extension-status:not(:empty){margin:15px 0 22px;padding:10px 11px;background:#33253b50;border:1px solid #c4a46f32;border-radius:3px;color:#d9c99e;font:400 10px/1.6 G420AccountUI,sans-serif;min-height:0}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .shortcut-status{color:#d9c99e;font-family:G420AccountUI,sans-serif}
html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .shortcut-status:empty{display:none}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-community{width:100%;height:57px;display:flex;align-items:center;gap:11px;text-align:left;padding:0 12px;background:#2b204445;color:#dbc7f0;border-color:#9875c86b;font-size:12px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-community svg{width:19px;height:19px;color:#b6ec93}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-community::after{content:'›';margin-left:auto;color:#b095cf;font-size:16px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-logout{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 0;background:transparent;border:0;color:#afa3c0;font-size:11px;padding:5px 12px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-logout svg{width:15px;height:15px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-footer{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0 0;margin-top:17px;border-top:1px solid #a881cc23;color:#827591;font:400 8px/1.5 G420AccountPixel,monospace;letter-spacing:.7px}
html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-footer i{width:4px;height:4px;background:#aeeb7e;box-shadow:0 0 6px #aeeb7e50}
@media(max-width:360px){html[data-game420-visual] #shortcut-dialog[data-panel^="account"] .shortcut-pane{padding:18px 14px}html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-intro h3{font-size:15px}html[data-game420-visual] #shortcut-dialog[data-panel="account"] :is(#account-orders,#account-loyalty-details>summary){padding:13px 10px}html[data-game420-visual] #shortcut-dialog[data-panel="account"] #account-name{font-size:11px}html[data-game420-visual] #shortcut-dialog[data-panel="account"] .g420-account-identity{gap:10px}}

html[data-game420-visual] #shortcut-dialog[data-panel=account] .g420-account-field{margin-bottom:17px}
html[data-game420-visual] #shortcut-dialog[data-panel=account] .g420-account-field:has(>#account-name-field[hidden]){display:none!important}

/* Mailbox confirmation stays in the same account window, on mobile and desktop. */
html[data-game420-visual] #shortcut-dialog[data-panel="account-registration-code"]:not([data-community-auth]){left:max(12px,calc(50% - 260px))!important;width:calc(100% - 24px)!important;max-width:520px;background:#111425!important;box-shadow:0 18px 60px #0009;}
html[data-game420-visual] #shortcut-dialog[data-panel="account-registration-code"]::before{display:none;}
.shortcut-pane-account-registration-code{color:#ede8f5;font:14px/1.6 'DM Sans',system-ui,sans-serif;min-width:0;}
.g420-code-intro{text-align:center;margin:0 0 24px;}
.g420-code-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 15px;border:1px solid #bc92f566;border-radius:16px;background:#bd91f517;color:#ceaff7;font:30px/1 system-ui,sans-serif;}
.g420-code-eyebrow{color:#bc9de7;font:11px/1.5 'Silkscreen',monospace;letter-spacing:1px;margin:0 0 10px;}
.g420-code-intro h3{color:#f7f3fd;font-size:23px;line-height:1.3;margin:0 0 12px;}
.g420-code-intro p:not(.g420-code-eyebrow){color:#bab4c9;font-size:13px;margin:0 0 3px;}
#registration-email{display:block;color:#d4f5be;font-size:14px;overflow-wrap:anywhere;font-weight:600;}
#registration-code-form{display:grid;gap:10px;max-width:380px;margin:0 auto;}
#registration-code-form>label{color:#c6b9d9;font-size:12px;text-align:center;}
#shortcut-dialog #registration-code{box-sizing:border-box;width:100%;height:70px;padding:10px 6px 10px 12px;text-align:center;font:600 34px/1.2 'Courier New',monospace;letter-spacing:8px;border:1px solid #beff8990;border-radius:8px;background:#0b1320;color:#dcffbd;caret-color:#beff89;}
#shortcut-dialog #registration-code:focus{outline:2px solid #beff89;outline-offset:3px;box-shadow:none;}
#shortcut-dialog #registration-code::placeholder{color:#747386;opacity:1;}
.g420-code-expiry{font-size:12px;text-align:center;color:#a9a1bd;margin:0 0 10px;font-variant-numeric:tabular-nums;}
#shortcut-dialog :is(#registration-confirm,#registration-login){width:100%;min-height:50px;padding:13px 14px;border:1px solid #b4ed81;border-radius:6px;background:#bdec94;color:#17251c;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:16px;}
#shortcut-dialog :is(#registration-confirm,#registration-login):disabled{opacity:.5;cursor:wait;}
#shortcut-dialog #registration-login[hidden]{display:none;}
.g420-code-status:not(:empty){padding:13px 15px;margin:16px 0;border:1px solid #cbb98555;border-radius:6px;background:#cab2650b;font-size:13px!important;line-height:1.6;}
.g420-code-help{text-align:center;margin:20px 0 0;}
.g420-code-help>p{color:#aaa2bc;font-size:12px;margin:0 0 8px;}
#shortcut-dialog #registration-resend{min-height:44px;padding:8px 18px;border:1px solid #89719f80;border-radius:6px;background:#a079ca13;color:#d9bdf8;font-size:13px;}
#shortcut-dialog #registration-resend:disabled{color:#90889d;border-color:#61556b66;cursor:default;}
#shortcut-dialog #registration-edit{display:block;width:100%;margin:8px 0;font-size:12px;min-height:44px;}
.g420-code-help .g420-code-note{border-top:1px solid #91809830;padding-top:15px;margin-top:10px;font-size:11px;line-height:1.8;color:#9d93ae;}
.shortcut-pane-account-registration-code.is-complete .g420-code-icon{color:#c5f894;border-color:#bdec9466;background:#bdec9415;}
.shortcut-pane-account-registration-code.is-complete .g420-code-status{color:#d4f5be!important;border-color:#bdec9455;background:#bdec940b;}
@media(max-width:360px){.g420-code-intro h3{font-size:20px}.g420-code-intro{margin-bottom:18px}#shortcut-dialog #registration-code{font-size:30px;letter-spacing:6px}.g420-code-icon{width:48px;height:48px;margin-bottom:12px}}
.g420-code-intro{margin-bottom:16px;}
.g420-code-icon{width:44px;height:44px;margin-bottom:10px;font-size:25px;}
.g420-code-intro h3{font-size:21px;margin-bottom:8px;}
#registration-code-form>label{margin:0;}
#shortcut-dialog #registration-code{height:62px;}
.g420-code-help{margin-top:14px;}