/* Personal navigation. Keep every rule inside its page, dialog, toast or pin button. */
.gc-my { --gc-my-library-width:min(1360px,calc(100vw - 120px)); --gc-my-game-cols:6; --gc-my-game-gap:20px; --gc-my-game-width:calc((var(--gc-my-library-width) - 30px - (var(--gc-my-game-cols) - 1) * var(--gc-my-game-gap)) / var(--gc-my-game-cols)); display:grid; grid-template-columns:184px minmax(0,1fr); align-items:start; gap:30px; }
.gc-my *, .gc-my-dialog * { box-sizing:border-box; }
.gc-my [hidden], .gc-my-dialog [hidden], .gc-my-pin[hidden], .gc-my-toast[hidden] { display:none!important; }
.gc-my-sidebar { position:sticky; top:24px; min-width:0; padding:12px; border-radius:10px; background:#fff; }
.gc-my-sidebar-label { padding:10px 14px 15px; font-size:11px; letter-spacing:2px; color:#979da6; }
.gc-my-sidebar nav { display:flex; flex-direction:column; gap:5px; }
.gc-my-sidebar nav a { display:flex; align-items:center; gap:10px; min-height:46px; padding:10px 14px; border-radius:10px; font-size:14px; color:#67707b; }
.gc-my-sidebar nav a i { font-size:18px; }
.gc-my-sidebar nav a span { margin-left:auto; color:#a0a5ae; font-size:11px; }
.gc-my-sidebar nav a[aria-current="page"] { background:#fff4ef; color:#e64b2e; font-weight:600; }
.gc-my-sidebar>p { display:flex; gap:6px; align-items:center; padding:22px 14px; font-size:11px; color:#9da4ad; }
.gc-my-main { min-width:0; }
.gc-my-heading { margin:6px 0 27px; }
.gc-my-heading>span { font-size:10px; letter-spacing:2px; color:#a0a7af; }
.gc-my-heading h1 { margin:9px 0 8px; font-size:24px; line-height:1.4; font-weight:700; }
.gc-my-heading-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.gc-my-heading-row h1 { min-width:0; }
.gc-my-heading-row>[data-my-edit] { flex-shrink:0; }
.gc-my-heading p { font-size:13px; line-height:1.8; color:#858d98; }
.gc-my-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 20px; }
.gc-my-game-filter { display:flex; align-items:center; gap:10px; min-width:0; }
.gc-my-game-filter>label { font-size:12px; color:#939aa3; white-space:nowrap; }
.gc-my-game-filter>div { width:190px; min-width:0; }
.gc-my button, .gc-my-dialog button, .gc-my-pin, .gc-my-toast button { cursor:pointer; font-family:inherit; }
.gc-my-empty { padding:48px 22px; border:1px dashed #dce1e7; border-radius:12px; text-align:center; color:#8a929d; font-size:13px; line-height:1.9; }
.gc-my-empty>i { display:block; margin-bottom:12px; font-size:28px; color:#c2c9d2; }
.gc-my-empty a, .gc-my-backup a { display:inline-flex; margin-top:16px; font-size:12px; color:#d9482c; }
.gc-my-loading { padding:36px; text-align:center; color:#89929e; font-size:13px; }
.gc-my .module-new-games .gc-my-games { display:grid; grid-template-columns:repeat(auto-fill,var(--gc-my-game-width)); gap:var(--gc-my-game-gap); margin:0; }
.gc-my .module-new-games .gc-my-game { margin:0; min-width:0; }
.gc-my-game .cover { aspect-ratio:16/7.5; overflow:hidden; border-radius:6px; }
.gc-my-game .cover>a { display:block; height:100%; }
.gc-my-game img { display:block; width:100%; height:100%; object-fit:cover; background:#e9edf1; }
.gc-my-game h2 { padding:13px 15px 2px; font-size:14px; line-height:1.6; font-weight:600; }
.gc-my-game { position:relative; }
.gc-my .is-editing .gc-my-game { cursor:grab; user-select:none; -webkit-user-select:none; }
.gc-my .is-editing .gc-my-game a { pointer-events:none; }
.gc-my .is-editing .gc-my-game .cover { outline:1px dashed #cdd3dc; outline-offset:4px; }
.gc-my .is-editing .gc-my-game .cover:hover { transform:none; box-shadow:none; }
.gc-my .is-editing .gc-my-game .name:hover { transform:none; }
.gc-my .gc-my-game-remove { position:absolute; top:-10px; right:-10px; z-index:2; display:grid; place-items:center; width:26px; height:26px; padding:0; border:2px solid #fff; border-radius:50%; background:#222; color:#fff; font-size:16px; cursor:pointer; box-shadow:0 2px 6px #0002; }
.gc-my .gc-my-game-remove::after { position:absolute; content:""; inset:-9px; }
.gc-my .gc-my-game-remove:hover { background:#ff2700; }
.gc-my .gc-my-sort-ghost { opacity:.25; }
.gc-my .gc-my-sort-chosen { cursor:grabbing; }
.gc-my .gc-my-sort-drag { opacity:.95; }
.gc-my .is-editing .gc-my-game:focus-visible { outline:2px solid #ff8c78; outline-offset:6px; border-radius:6px; }
.gc-my-group { margin:0 0 28px; }
.gc-my-group-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:13px; }
.gc-my-group-head h2 { font-size:15px; line-height:1.6; font-weight:600; }
.gc-my-group-head h2 span { margin-left:9px; color:#9aa3ad; font-size:11px; font-weight:400; }
.gc-my-group-head>a { color:#929ba6; font-size:11px; }
.gc-my .module-url-list .urls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; }
.gc-my .module-url-list .urls .url { width:auto; margin:0; min-width:0; }
.gc-my .module-url-list .urls .url .info { line-height:1.7; }
.gc-my .gc-my-unavailable { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px; background:#eef1f5; border-radius:10px; font-size:12px; color:#939ba5; }
.gc-my-unavailable button { border:0; background:none; color:#7e8794; font-size:11px; }
.gc-my-custom { padding:17px; background:#fff; border-radius:10px; min-width:0; }
.gc-my-custom>a { display:flex; align-items:center; gap:11px; font-size:14px; font-weight:600; }
.gc-my-custom>a>i { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:10px; background:#f1f4f7; color:#8e99a8; font-size:18px; }
.gc-my-custom p { margin:10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:#9ca4ae; }
.gc-my-custom-tools { display:flex; gap:16px; }
.gc-my-custom-tools button { min-height:32px; padding:0; border:0; background:none; color:#8c96a2; font-size:11px; }
.gc-my-backup { padding:26px; background:#fff; border-radius:12px; }
.gc-my-backup h2 { font-size:16px; margin-bottom:12px; }
.gc-my-backup p { color:#85909d; font-size:13px; line-height:1.9; }
.gc-my-backup .gc-my-backup-buttons { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
.gc-my-backup small { display:block; margin-top:15px; color:#a0a7b0; font-size:11px; line-height:1.8; }
.gc-my-pin { position:relative; margin:16px 0 0; }
.gc-my-pin::after { position:absolute; content:""; inset:-7px 0; }
/* Remix Icon star-s-fill contour, rendered as a rounded outline. */
.gc-my-star { flex:0 0 16px; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round; }
.gc-my-pin[aria-pressed="true"] .gc-my-star { fill:currentColor; }
.gc-my-dialog { width:min(430px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); margin:auto; padding:25px; overflow:auto; border:0; border-radius:16px; background:#fff; color:#252b33; box-sizing:border-box; }
.gc-my-dialog::backdrop { background:#20273360; backdrop-filter:blur(3px); }
.gc-my-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gc-my-dialog h2 { font-size:18px; font-weight:600; }
.gc-my-dialog-head button { width:32px; height:32px; border:0; border-radius:50%; background:#f5f7f9; color:#9ba3af; font-size:19px; }
.gc-my-dialog>p { font-size:12px; color:#929ba6; margin:9px 0 20px; }
.gc-my-dialog label { display:block; margin:15px 0 7px; font-size:12px; font-weight:600; }
.gc-my-dialog label span { margin-left:5px; color:#a1a8b2; font-size:11px; font-weight:400; }
.gc-my-dialog .layui-input { min-width:0; }
.gc-my-game-choice { display:flex; align-items:center; gap:8px; }
.gc-my-game-choice input { min-width:0; }
.gc-my-game-choice button { flex:0 0 auto; }
.gc-my-dialog .gc-my-game-selected { display:flex; align-items:center; gap:8px; margin:10px 0 0; padding:10px 12px; border:1px solid #eceff2; border-radius:6px; background:#f7f8fa; font-size:12px; line-height:1.6; color:#818a96; }
.gc-my-game-selected>i { flex:0 0 auto; font-size:16px; }
.gc-my-game-selected>span { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; min-width:0; }
.gc-my-game-selected strong { font-weight:600; color:#333b45; overflow-wrap:anywhere; }
.gc-my-dialog .gc-my-game-selected.is-associated { border-color:#ffded4; background:#fff5ef; color:#c84729; }
.gc-my-game-selected.is-associated strong { color:#b43d24; }
#gcMyGameResults { max-height:160px; overflow:auto; }
#gcMyGameResults button { display:block; width:100%; min-height:40px; padding:9px; border:0; border-bottom:1px solid #f2f4f7; background:#fff; font-size:12px; color:#626e7e; text-align:left; }
#gcMyGameResults button:hover { background:#fff5f0; color:#d95437; }
#gcMyGameResults p { font-size:12px; color:#909aa7; padding:10px; }
.gc-my-dialog form>.gc-button { width:100%; margin-top:21px; }
.gc-my-form-error { font-size:12px; color:#c7422b; margin-top:12px; }
.gc-my-toast { position:fixed; z-index:2005; bottom:28px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:18px; width:max-content; max-width:calc(100vw - 30px); padding:13px 17px; border-radius:10px; background:#272e38; color:#fff; box-shadow:0 5px 20px #20273322; font-size:12px; box-sizing:border-box; }
.gc-my-toast button { padding:0; border:0; background:none; color:#ffbc9f; font-size:12px; white-space:nowrap; }
.gc-my button:focus-visible, .gc-my a:focus-visible, .gc-my-pin:focus-visible, .gc-my-dialog button:focus-visible { outline:2px solid #f17c61; outline-offset:3px; }
@media(max-width:1220px) { .gc-my { --gc-my-library-width:calc(100vw - 80px); } }
@media(max-width:1120px) { .gc-my { --gc-my-game-cols:5; } }
@media(max-width:1080px) { .gc-my .module-url-list .urls { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:980px) { .gc-my { --gc-my-game-cols:4; } }
@media(max-width:760px) {
  .gc-my { --gc-my-game-cols:3; grid-template-columns:minmax(0,1fr); gap:21px; }
  .gc-my-sidebar { position:static; padding:5px; }
  .gc-my-sidebar-label,.gc-my-sidebar>p { display:none; }
  .gc-my-sidebar nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:0; background:#fff; border-radius:8px; }
  .gc-my-sidebar nav a { justify-content:center; gap:5px; padding:9px 3px; min-height:44px; font-size:12px; white-space:nowrap; }
  .gc-my-sidebar nav a i { font-size:15px; }
  .gc-my-sidebar nav a span { display:none; }
  .gc-my-heading { margin:0 0 22px; }
  .gc-my-heading h1 { font-size:22px; }
}
@media(max-width:640px) { .gc-my { --gc-my-library-width:calc(100vw - 60px); } }
@media(max-width:560px) { .gc-my { --gc-my-game-cols:2; --gc-my-game-gap:14px; } }
@media(max-width:480px) {
  .gc-my .module-url-list .urls { grid-template-columns:minmax(0,1fr); gap:12px; }
  .gc-my-game h2 { padding:11px 11px 2px; font-size:13px; }
  .gc-my-sidebar nav a i,.gc-my-sidebar nav a svg { display:none; }
  .gc-my-toolbar { flex-wrap:wrap; }
  .gc-my-game-filter>div { width:170px; }
  .gc-my-backup { padding:22px; }
  .gc-my-dialog input:not([type="hidden"]), .gc-my-toolbar .layui-input { font-size:16px; }
}