body.kh-world-games:has(.kh-game-account) .kh-world-article{padding:0;background:transparent;border:0}
body.kh-world-games:has(.kh-game-account) .kh-hero--illustrated{height:140px}
.kh-game-account{display:grid;gap:18px;max-width:920px;margin-inline:auto;color:#effcff}.kh-game-account [hidden]{display:none!important}
.kh-game-account :where(h1,h2,p,dl,dd){margin:0}.kh-game-account-head,.kh-game-account-card{position:relative;border:1px solid #59dcff;background:repeating-linear-gradient(0deg,#02172cf7 0 2px,#05223df7 2px 4px);box-shadow:inset 0 0 0 5px #071a31,0 4px 12px #0008}.kh-game-account-head{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:9px}.kh-game-account-head h1{flex:1;color:#f7fdff;font:400 28px/1.35 "Dela Gothic One","Yu Gothic",Meiryo,sans-serif;text-shadow:0 0 6px #13c9ff}.kh-game-account-head>a{color:#d8f7ff;font-size:14px}.kh-game-account-head button{margin-left:auto}
.kh-game-account-card{display:grid;gap:13px;padding:22px 24px;border-radius:9px}.kh-game-account-card h2{color:#ffe477;font:400 20px/1.35 "Dela Gothic One","Yu Gothic",Meiryo,sans-serif}.kh-game-account-card>p{line-height:1.7}.kh-account-profile{display:flex;align-items:center;gap:20px}.kh-account-avatar{display:grid;place-items:center;flex:0 0 120px;width:120px;height:164px;overflow:hidden}.kh-account-avatar svg{width:120px;height:164px}.kh-account-profile strong{display:block;margin-bottom:8px;font:400 26px/1.2 "Dela Gothic One","Yu Gothic",Meiryo,sans-serif;color:#fff;text-shadow:0 0 6px #13c9ff}.kh-account-profile p,.kh-account-muted{color:#bddfea;font-size:14px;line-height:1.6}
.kh-account-action,.kh-game-account button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px 14px;border:1px solid #46d9f7;border-radius:5px;background:#0a3151;color:#d5fbff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.kh-account-action:hover,.kh-game-account button:hover{background:#155171;color:#fff}.kh-account-danger{border-color:#ff8dcc!important;color:#ffe0f3!important}.kh-account-fields{display:flex;flex-wrap:wrap;gap:10px 24px}.kh-account-fields>div{display:flex;gap:8px;align-items:baseline}.kh-account-fields dt{color:#a8dded;font-size:13px}.kh-account-fields dd{color:#ffe776;font-weight:800}
.kh-account-notification-controls{display:grid;gap:12px}.kh-account-notification-controls>label,.kh-account-game-preferences label{display:flex;align-items:center;gap:8px;min-height:30px}.kh-account-notification-controls input{accent-color:#ff69c8}.kh-account-email{display:grid;gap:9px;padding:14px;border-left:2px solid #3ba7c7;background:#062239a8}.kh-account-email label{display:grid;gap:5px;color:#cbeef7;font-size:14px}.kh-account-email input{min-height:42px;max-width:440px;padding:8px;border:1px solid #4bb8d2;border-radius:4px;background:#041a30;color:#effcff;font:inherit}.kh-account-game-preferences{display:grid;gap:8px;padding:12px 0 0;border:0;border-top:1px solid #287b98}.kh-account-game-preferences legend{padding-right:8px;color:#a8dded;font-size:14px}.kh-account-token-action{border-color:#ffe477}
.kh-account-notification-list{display:grid;gap:12px;padding:0;list-style:none}.kh-account-notification-list>li{display:grid;gap:7px;padding:18px 20px;border:1px solid #3ba7c7;border-radius:7px;background:#062239e8}.kh-account-notification-list strong{color:#f7fdff;font-size:18px}.kh-account-notification-list p{line-height:1.6}.kh-account-notification-list time{color:#a8dded;font-size:13px}.kh-account-notification-list a{color:#ffe477}.kh-game-account :is(a,button,input):focus-visible{outline:3px solid #fff179;outline-offset:3px}
@media(max-width:799px){.kh-game-account{gap:14px}.kh-game-account-head{flex-wrap:wrap;padding:14px 16px}.kh-game-account-head h1{order:3;flex-basis:100%;font-size:23px}.kh-game-account-card{padding:18px 16px}.kh-account-profile{align-items:flex-start;gap:12px}.kh-account-avatar{flex-basis:82px;width:82px;height:120px}.kh-account-avatar svg{width:82px;height:120px}.kh-account-profile strong{font-size:21px}.kh-game-account-head button{margin-left:0}.kh-account-email input{width:100%;max-width:none}.kh-account-notification-list>li{padding:15px}}

/* The account link and login control share one popup inside the membership card. */
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-account-menu{position:absolute;z-index:4;right:0;top:calc(100% + 8px);box-sizing:border-box;min-width:256px;width:max-content;max-width:min(92vw,360px);padding:14px;border:1px solid #5adcf9;border-radius:7px;background:#061a32;box-shadow:0 10px 24px #000b}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-account-menu .kh-game-login{position:static;min-width:0;width:auto;max-width:100%;padding:10px 0 0;border:0;background:transparent;box-shadow:none}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-settings{display:flex;align-items:center;min-height:44px;color:#ffe477;font-weight:700;text-decoration:underline}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-account:has(>summary[hidden]) .kh-lobby-account-menu{position:static;min-width:0;width:auto;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-account:has(>summary[hidden]) .kh-lobby-settings{display:none}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-bell{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:10px;color:#d5fbff;text-decoration:none;font-size:13px}
.kh-lobby-bell [data-kh-notification-count]{display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:12px;background:#ec62bb;color:#fff;font-weight:700}
.kh-lobby-bell[hidden],.kh-lobby-bell [hidden]{display:none!important}
.kh-game-account :is(strong,p,dd,label){overflow-wrap:anywhere}
.kh-game-account fieldset{min-width:0}
.kh-game-account [inert]{opacity:.65}
body.kh-world-games .kh-page-content .kh-game-account :is(h1,h2){margin:0;padding:0;border:0}
body.kh-world-games .kh-page-content .kh-game-account h1{color:#f7fdff;font:400 28px/1.35 "Dela Gothic One","Yu Gothic",Meiryo,sans-serif}
body.kh-world-games .kh-page-content .kh-game-account h2{color:#ffe477;font:400 20px/1.35 "Dela Gothic One","Yu Gothic",Meiryo,sans-serif}
body.kh-world-games .kh-page-content .kh-game-account :is(.kh-account-action,button){color:#d5fbff}
@media(max-width:799px){body.kh-world-games:has(.kh-game-account) .kh-hero--illustrated{height:100px}body.kh-world-games .kh-page-content .kh-game-account h1{font-size:23px}body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-account-menu{right:0;left:auto;min-width:min(256px,calc(100vw - 48px));max-width:calc(100vw - 48px)}}