/* Game index only: a compact reception that reads account data without changing it. */
body.kh-world-games:has([data-kh-game-lobby]) .kh-hero--illustrated{height:180px}
body.kh-world-games:has([data-kh-game-lobby]) .kh-world-article{padding:0;background:transparent;border:0}
body.kh-world-games:has([data-kh-game-lobby]) .kh-page-content{display:grid;gap:22px}
.kh-game-lobby{display:grid;gap:22px;color:#effcff}
.kh-game-lobby :where(h2,h3,p,dl,dd){margin:0}
.kh-lobby-profile,.kh-lobby-games,.kh-lobby-guide{position:relative;background:repeating-linear-gradient(0deg,#02172cf7 0 2px,#05223df7 2px 4px);border:2px solid #59dcff;box-shadow:inset 0 0 0 6px #071a31,0 0 0 2px #0d405e,0 0 9px #2dcfff77,0 7px 16px #0008;border-radius:10px}
.kh-lobby-profile:before,.kh-lobby-games:before{content:"";position:absolute;left:16px;right:16px;top:7px;height:2px;background:linear-gradient(90deg,#ff66cf 0 15%,transparent 15% 75%,#ffe458 75%);opacity:.85}
.kh-lobby-profile{display:grid;grid-template-columns:132px minmax(200px,.9fr) minmax(250px,1.1fr) 156px;align-items:center;gap:26px;min-height:220px;padding:18px 28px 16px;border:0;border-radius:0;background:transparent;box-shadow:0 0 9px #2dcfff77,0 7px 16px #0008;isolation:isolate}
.kh-lobby-profile:before{content:"";position:absolute;inset:0;z-index:0;left:0;right:0;top:0;height:auto;background:#59dcff;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);opacity:1;pointer-events:none}
.kh-lobby-profile:after{content:"";position:absolute;inset:2px;z-index:0;width:auto;height:auto;border:0;background-color:#041a30;background-image:linear-gradient(#0c3a53 1px,transparent 1px),linear-gradient(90deg,#0c3a53 1px,transparent 1px),repeating-linear-gradient(0deg,#03172bf2 0 2px,#05223df2 2px 4px);background-size:8px 8px,8px 8px,auto;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);pointer-events:none}
.kh-lobby-profile>*{position:relative;z-index:1;min-width:0}
.kh-lobby-profile{z-index:2}
.kh-lobby-avatar{width:132px;height:184px;display:flex;align-items:center;justify-content:center;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.kh-lobby-avatar svg{width:132px;height:184px;display:block;max-width:100%;max-height:100%}
.kh-lobby-eyebrow{display:block;color:#ffe477;font:15px/1 "DotGothic16","MS Gothic",monospace;letter-spacing:.1em}
.kh-lobby-identity{min-width:0}
.kh-lobby-identity strong{display:block;margin-top:7px;color:#fff;font:400 clamp(30px,2.8vw,38px)/1.15 "Dela Gothic One","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere;text-shadow:0 0 7px #23d8ff}
.kh-lobby-badge{display:none}
.kh-lobby-message{margin-top:10px!important;color:#ffe98c;font-size:14px;line-height:1.45}
.kh-lobby-message[hidden],.kh-lobby-recent-note[hidden]{display:none!important}
.kh-lobby-recent{align-self:stretch;display:grid;align-content:center;gap:5px;padding:12px 0 12px 28px;border-left:1px solid #287b98}
.kh-lobby-recent-label{color:#a8dded;font:13px/1.35 "DotGothic16","MS Gothic",monospace}
.kh-lobby-recent-title{overflow-wrap:anywhere;color:#f7fdff;font:700 22px/1.35 "Noto Sans JP","Yu Gothic",Meiryo,sans-serif;text-shadow:none}
.kh-lobby-recent-fields{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:5px}
.kh-lobby-recent-fields>div{display:flex;align-items:baseline;gap:7px;min-width:0}
.kh-lobby-recent-fields dt{color:#a8dded;font-size:12px;line-height:1.35}
.kh-lobby-recent-fields dd{color:#eaffff;overflow-wrap:anywhere;font-size:15px}
.kh-lobby-recent-fields b{margin-right:2px;color:#ffe776;font-size:27px;line-height:1}
.kh-lobby-recent-fields span{font-size:13px}
.kh-lobby-recent-note{color:#b8ddeb;font-size:13px;line-height:1.45}
.kh-lobby-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;min-width:156px}
.kh-lobby-secondary,.kh-lobby-account>summary,.kh-lobby-retry{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:46px;width:100%;padding:8px 13px;border:1px solid #46d9f7;border-radius:5px;background:#0a3151;color:#d5fbff;font-weight:700;text-decoration:none;cursor:pointer}
.kh-lobby-secondary:hover,.kh-lobby-account>summary:hover,.kh-lobby-retry:hover{background:#155171;color:#fff}
.kh-lobby-account{position:relative;width:100%}
.kh-lobby-account>summary{list-style:none}.kh-lobby-account>summary::-webkit-details-marker{display:none}
.kh-lobby-account>summary:after{content:"⌄";margin-left:8px;font-size:18px}.kh-lobby-account[open]>summary:after{transform:rotate(180deg)}
.kh-lobby-account .kh-game-login{position:absolute;z-index:3;right:0;top:calc(100% + 8px);width:max-content;min-width:256px;max-width:min(92vw,360px);padding:14px;border:1px solid #5adcf9;border-radius:7px;background:#061a32;box-shadow:0 10px 24px #000b}
.kh-lobby-account .kh-game-login p{font-size:14px;line-height:1.5}.kh-lobby-account .kh-game-login button{min-height:44px}
.kh-lobby-retry[hidden]{display:none}
.kh-lobby-account>summary[hidden]{display:none}
.kh-lobby-account:has(>summary[hidden]) .kh-game-login{position:static;width:auto;min-width:0;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}
.kh-lobby-account:has(>summary[hidden]) .kh-game-login>p{display:none}
.kh-world-games .kh-game-lobby h2,.kh-world-games .kh-game-lobby h3{margin:0;padding:0;border:0}
.kh-lobby-games{padding:29px 28px 28px}
.kh-lobby-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:0 0 17px;border-bottom:1px solid #3297b5}
.kh-lobby-heading h2,.kh-lobby-card h3{color:#f7fdff;font-family:"Dela Gothic One","Yu Gothic",Meiryo,sans-serif;font-weight:400;text-shadow:0 0 6px #13c9ff}
.kh-lobby-heading h2{font-size:28px;line-height:1.35}.kh-lobby-heading p{color:#b6e4ef;font-size:14px;white-space:nowrap}
.kh-lobby-grid{margin-top:18px}.kh-lobby-card{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);overflow:hidden;border:1px solid #44c4e8;border-radius:8px;background:#08253ded;box-shadow:inset 0 0 0 5px #041321,0 3px 8px #0005}
.kh-lobby-card-art{display:flex;align-items:center;justify-content:center;gap:7px;min-height:202px;overflow:hidden;background:radial-gradient(circle at 18% 22%,#ffe17b 0 2px,transparent 3px),radial-gradient(circle at 77% 68%,#ff76cb 0 2px,transparent 3px),linear-gradient(130deg,#145c41,#062a2b 62%,#112b3f);border-right:1px solid #2dd4ee}
.kh-lobby-card-art span{display:grid;place-items:center;width:55px;height:78px;border:2px solid #e9f8ff;border-radius:5px;background:#f5ffff;color:#10233b;font:700 38px/1 Georgia,serif;box-shadow:0 6px 9px #0008}.kh-lobby-card-art span:nth-child(2){color:#d73e63;transform:translateY(-13px)}.kh-lobby-card-art span:nth-child(3){transform:translateY(10px)}
.kh-lobby-card-content{display:grid;align-content:center;justify-items:start;gap:10px;padding:22px 26px}.kh-lobby-tags{display:flex;gap:7px}.kh-lobby-tags span{padding:2px 7px;border:1px solid #377d94;border-radius:999px;color:#b9eff8;background:#062239;font-size:12px}.kh-lobby-card h3{font-size:23px;line-height:1.45}.kh-lobby-card-content>p:not(.kh-lobby-tags){color:#d5edf2;line-height:1.6}.kh-lobby-save-note{min-height:1.6em;color:#ffe98c!important;font-size:14px}
.kh-lobby-play{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 20px;border:1px solid #ff90dc;border-radius:5px;background:linear-gradient(#f86ccc,#cc3f9d);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 0 10px #f44bc777;text-shadow:0 1px #7d1556}.kh-lobby-play:hover{background:linear-gradient(#ff8bda,#de56b2);color:#fff}
.kh-lobby-help{padding:0 4px;color:#c4e1eb;font-size:14px;line-height:1.7}.kh-lobby-guide{padding:0}.kh-lobby-guide summary{min-height:44px;padding:13px 18px;cursor:pointer;color:#d9faff;font-weight:700}.kh-lobby-guide>[data-lobby-guide-content]{padding:0 18px 18px;color:#c9e4eb;line-height:1.7}.kh-lobby-guide ul{padding-left:1.4em}
@media(min-width:800px) and (max-width:1050px){.kh-lobby-profile{grid-template-columns:112px minmax(150px,.9fr) minmax(175px,1.1fr) 140px;gap:16px;padding-left:18px;padding-right:18px}.kh-lobby-avatar{width:112px;height:172px}.kh-lobby-avatar svg{width:112px;height:172px}.kh-lobby-identity strong{font-size:clamp(27px,3.3vw,34px)}.kh-lobby-recent{padding-left:18px}.kh-lobby-actions{min-width:140px}}
@media(max-width:799px){body.kh-world-games:has([data-kh-game-lobby]) .kh-hero--illustrated{height:130px}.kh-game-lobby{gap:17px}.kh-lobby-profile{grid-template-columns:90px minmax(0,1fr);gap:14px;min-height:0;padding:18px 16px 16px;border-radius:14px 3px 14px 3px}.kh-lobby-avatar{width:90px;height:128px}.kh-lobby-avatar svg{width:90px;height:128px}.kh-lobby-eyebrow{font-size:12px}.kh-lobby-identity strong{font-size:clamp(21px,7vw,30px)}.kh-lobby-message{font-size:13px}.kh-lobby-recent{grid-column:1/-1;gap:5px;margin-top:1px;padding:14px 0 0;border-top:1px solid #287b98;border-left:0}.kh-lobby-recent-title{font-size:20px}.kh-lobby-recent-fields{gap:8px 18px}.kh-lobby-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}.kh-lobby-account{min-width:0}.kh-lobby-account .kh-game-login{right:auto;left:0;max-width:calc(100vw - 48px)}.kh-lobby-account:has(>summary[hidden]){grid-column:1/-1}.kh-lobby-account:has(>summary[hidden]) .kh-game-login{width:100%}.kh-lobby-account:has(>summary[hidden]) .kh-game-login button{width:100%}.kh-lobby-games{padding:25px 16px 18px}.kh-lobby-heading{align-items:start;flex-direction:column;gap:5px;padding-bottom:13px}.kh-lobby-heading h2{font-size:23px}.kh-lobby-card{grid-template-columns:1fr}.kh-lobby-card-art{min-height:132px;border-right:0;border-bottom:1px solid #2dd4ee}.kh-lobby-card-art span{width:43px;height:61px;font-size:30px}.kh-lobby-card-content{gap:8px;padding:17px}.kh-lobby-card h3{font-size:19px}.kh-lobby-guide summary{padding-left:15px}.kh-lobby-guide>[data-lobby-guide-content]{padding:0 15px 16px}}
@media(max-width:359px){.kh-lobby-profile{grid-template-columns:72px minmax(0,1fr);gap:11px;padding-left:13px;padding-right:13px}.kh-lobby-avatar{width:72px;height:112px}.kh-lobby-avatar svg{width:72px;height:112px}.kh-lobby-identity strong{font-size:20px}.kh-lobby-recent-fields{gap:7px 13px}.kh-lobby-recent-fields b{font-size:24px}.kh-lobby-actions{gap:6px}.kh-lobby-secondary,.kh-lobby-account>summary,.kh-lobby-retry{padding-left:8px;padding-right:8px;font-size:14px}.kh-lobby-card-content{padding:15px}.kh-lobby-card-art{min-height:118px}}

/* Override broad page typography and the reusable authentication control styles. */
body.kh-world-games .kh-page-content .kh-game-lobby :is(.kh-lobby-heading h2,.kh-lobby-card h3){display:block;margin:0;padding:0;border:0;color:#f7fdff;font-family:"Dela Gothic One","Yu Gothic",Meiryo,sans-serif;font-weight:400;text-shadow:0 0 6px #13c9ff}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-heading h2{font-size:28px;line-height:1.35}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-card h3{font-size:23px;line-height:1.45}
body.kh-world-games .kh-page-content .kh-game-lobby :is(.kh-lobby-secondary,.kh-lobby-play){color:#fff;text-decoration:none}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-secondary{color:#d5fbff}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-play:hover{color:#fff;text-decoration:none}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-account{margin:0;padding:0;border:0;background:transparent}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-guide{border-color:#59dcff;background:repeating-linear-gradient(0deg,#02172cf7 0 2px,#05223df7 2px 4px)}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-game-login{box-sizing:border-box;margin:0;color:#effcff}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-game-login p{margin:0 0 .75rem;color:#d8f5ff}
body.kh-world-games .kh-page-content .kh-game-lobby .kh-game-login button{box-sizing:border-box;max-width:100%;margin:.25rem 0;color:#effcff;border-color:#6ce8ff;background:#0a3151}
body.kh-world-games .kh-page-content .kh-game-lobby :is(a,button,summary):focus-visible{outline:3px solid #fff179;outline-offset:3px}
@media(max-width:799px){body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-heading h2{font-size:23px}body.kh-world-games .kh-page-content .kh-game-lobby .kh-lobby-card h3{font-size:19px}}

/* Ordinary page content owns these cards; keep their layout separate from the account panel. */
body.kh-world-games .kh-page-content>.kh-page-section{margin-bottom:0}
body.kh-world-games .kh-page-content .kh-content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.kh-world-games .kh-page-content .kh-content-grid>.kh-content-card{display:flex;flex-direction:column;grid-column:auto;min-width:0;padding:16px;overflow:visible}
body.kh-world-games .kh-page-content .kh-content-card>h3{font-size:20px;line-height:1.5;margin:0 0 10px;padding:0;border:0;overflow-wrap:anywhere}
body.kh-world-games .kh-page-content .kh-content-card>h3,
body.kh-world-games .kh-page-content .kh-content-card>h3 a{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-weight:700;text-shadow:none}
body.kh-world-games .kh-page-content .kh-content-card>p{font-size:14px;line-height:1.8;margin:0 0 10px;overflow-wrap:anywhere}
body.kh-world-games .kh-page-content .kh-content-card>.kh-card-cover,
body.kh-world-games .kh-page-content .kh-content-card>.kh-card-art{display:block;flex:none;width:calc(100% + 32px);max-width:none;float:none;margin:-16px -16px 16px;border:0;border-bottom:1px solid #44c4e8;border-radius:7px 7px 0 0;overflow:hidden}
body.kh-world-games .kh-page-content .kh-content-card>.kh-card-art{height:auto;aspect-ratio:16/9;outline:0}
body.kh-world-games .kh-page-content .kh-card-cover :is(a,picture){display:block}
body.kh-world-games .kh-page-content .kh-card-cover img,
body.kh-world-games .kh-page-content img.kh-card-cover{display:block;aspect-ratio:16/9;object-fit:cover;height:auto;max-width:none;float:none;border-radius:0}
body.kh-world-games .kh-page-content .kh-card-cover img{width:100%;margin:0}
body.kh-world-games .kh-page-content .kh-card-cover figcaption{padding:6px 12px;font-size:12px;line-height:1.6}
body.kh-world-games .kh-content-card .kh-card-link{position:static;color:#f5fdff;text-decoration:none}
body.kh-world-games .kh-card-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:8px}
body.kh-world-games .kh-content-card :is(a:not(.kh-card-link),button,input,select,textarea,label,summary,audio,video){position:relative;z-index:2}
body.kh-world-games .kh-content-card:has(.kh-card-link:hover){border-color:#ff82db;box-shadow:0 0 12px #e15ac855}
body.kh-world-games .kh-card-link:focus-visible{outline:0}
body.kh-world-games .kh-card-link:focus-visible:after{outline:3px solid #fff179;outline-offset:3px}
@media(max-width:999px){body.kh-world-games .kh-page-content .kh-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){body.kh-world-games .kh-page-content .kh-content-grid{grid-template-columns:minmax(0,1fr)}}
