/* Work C2 skins only. Scoped to the title; in-game HUD is unchanged. */
#title-cover.c2-lobby{position:fixed;inset:0;z-index:190;display:block;width:100%;height:100dvh;overflow:hidden;padding:0;margin:0;background:#081e30;font-family:"PT Read",sans-serif;color:#f9fbf6;isolation:isolate}
.c2-safe{position:absolute;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.c2-safe>canvas,.c2-controls,.c2-pokemon{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0}
.c2-safe>canvas{pointer-events:none}.c2-pokemon{pointer-events:none}.c2-pokemon>img{position:absolute;max-width:40%;width:auto;object-fit:contain;image-rendering:pixelated;transform:translate(-50%,-100%)}
#title-cover.c2-lobby button{position:absolute;box-sizing:border-box;min-height:44px;min-width:44px;max-width:none;margin:0;padding:8px 16px;border:12px solid transparent;border-radius:0;background:none;box-shadow:none;transform:none;color:#f9fbf6;font:700 calc(19px * var(--c2-type-scale)) "PT Read",sans-serif;text-align:center;touch-action:manipulation;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.15;transition:filter 120ms,translate 80ms}
#title-cover.c2-lobby button strong{font:inherit;white-space:nowrap}#title-cover.c2-lobby button small{font:500 calc(13px * var(--c2-type-scale)) "PT Read",sans-serif;color:#a9c5cc;white-space:nowrap}
#title-cover.c2-lobby .c2-button{border-image:url('assets/work-ui/c2/lobby/assets/buttons/secondary-idle.webp') 32 fill / 16px}
#title-cover.c2-lobby .c2-button:hover{border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/secondary-hover.webp')}
#title-cover.c2-lobby .c2-button:active{border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/secondary-pressed.webp');translate:0 1px}
#title-cover.c2-lobby .c2-button:focus-visible{outline:2px solid #b7f9ec;outline-offset:1px;border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/secondary-focus.webp')}
#title-cover.c2-lobby [data-skin=primary]{border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/primary-idle.webp');color:#102a40;font-size:calc(23px * var(--c2-type-scale));text-align:left;align-items:flex-start}
#title-cover.c2-lobby [data-skin=primary]:hover{border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/primary-hover.webp')}
#title-cover.c2-lobby [data-skin=primary]:active{border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/primary-pressed.webp')}
#title-cover.c2-lobby [data-skin=primary]:focus-visible{border-image-source:url('assets/work-ui/c2/lobby/assets/buttons/primary-focus.webp')}
#title-cover.c2-lobby [data-skin=primary] small{color:#4b563e}
#title-cover.c2-lobby [data-action=casino-gated]{align-items:center;text-align:center}
#title-cover.c2-lobby [data-skin=tile]{padding:0;border:0;border-image:url('assets/work-ui/c2/lobby/assets/tiles/frame-idle.webp') 44 fill / 22px;text-align:left;align-items:stretch;justify-content:flex-end;font-size:calc(30px * var(--c2-type-scale))}
#title-cover.c2-lobby [data-skin=tile]:hover{border-image-source:url('assets/work-ui/c2/lobby/assets/tiles/frame-hover.webp')}
#title-cover.c2-lobby [data-skin=tile][aria-pressed=true]{border-image-source:url('assets/work-ui/c2/lobby/assets/tiles/frame-selected.webp')}
#title-cover.c2-lobby [data-skin=tile]:active{border-image-source:url('assets/work-ui/c2/lobby/assets/tiles/frame-pressed.webp')}
#title-cover.c2-lobby [data-skin=tile]:focus-visible{border-image-source:url('assets/work-ui/c2/lobby/assets/tiles/frame-focus.webp')}
.c2-tile-label{display:flex;flex-direction:column;gap:10px;padding:0 19px 26px}.c2-tile-label small{display:block}
#title-cover.c2-lobby [aria-pressed=true] small{color:#ffdc69}
.c2-mode-icon{position:absolute;left:15px;top:18px;width:24px;height:24px}.c2-number{position:absolute;right:16px;top:19px;font-size:14px;color:#fff4cf}
#title-cover.c2-lobby [data-skin=bare]{border:0;background:transparent}
#title-cover.c2-lobby [data-action=back]{padding:0;font-size:30px}
#title-cover.c2-lobby [data-action=settings]{padding:0}#title-cover.c2-lobby [data-action=settings] img{width:24px;height:24px}
.c2-sheet{position:absolute;inset:15% 12%;z-index:4;background:#102c3ef7;border:2px solid #93adbb;padding:24px;overflow:auto;box-shadow:0 14px 60px #0009;display:flex;flex-direction:column;align-items:stretch;gap:16px}.c2-sheet[hidden],.c2-notice[hidden]{display:none}
.c2-sheet h2,.c2-sheet p{margin:0}.c2-sheet p{color:#b8cdd2;font-size:14px}.c2-regions{display:flex;gap:14px;flex:1;align-items:center}
#title-cover.c2-lobby .c2-sheet button{position:relative;width:auto;flex:1;min-height:64px;padding:12px}.c2-sheet .gym-badge-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.c2-sheet .gym-badge img{width:44px;height:44px;object-fit:contain}
.c2-notice{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);min-height:52px;padding:12px 56px 12px 18px;background:#102a40f5;border:1px solid #e9cc70;color:#fff4cf;font-size:15px;box-sizing:border-box}
#title-cover.c2-lobby .c2-notice button{right:4px;top:4px;width:44px;height:44px;padding:0;border:0}
#title-cover.c2-lobby[data-profile=landscape] [data-skin=tile]{font-size:23px}#title-cover.c2-lobby[data-profile=portrait] [data-skin=tile]{font-size:22px}
#title-cover.c2-lobby[data-profile=landscape] .c2-tile-label{padding:0 14px 16px;gap:6px}#title-cover.c2-lobby[data-profile=portrait] .c2-tile-label{padding:0 14px 17px;gap:7px}
#title-cover.c2-lobby[data-profile=portrait] .c2-mode-icon{left:14px;top:16px}#title-cover.c2-lobby[data-profile=portrait] .c2-number{top:18px;font-size:12px}
#title-cover.c2-lobby[data-profile=landscape] button{font-size:18px;padding:4px 8px}#title-cover.c2-lobby[data-profile=landscape] [data-skin=primary]{font-size:21px}
#title-cover.c2-lobby[data-profile=portrait] .c2-sheet{inset:12% 12px;padding:18px}#title-cover.c2-lobby[data-profile=portrait] .c2-regions{flex-direction:column;align-items:stretch}
#title-cover.c2-lobby[data-profile=landscape] .c2-sheet{inset:12px 7%;gap:8px;padding:16px}#title-cover.c2-lobby[data-profile=landscape] .c2-sheet h2{font-size:22px}
@media(prefers-reduced-motion:reduce){#title-cover.c2-lobby button{transition:none}}
#title-cover.c2-lobby button small,#title-cover.c2-lobby button strong{letter-spacing:0;text-shadow:none}
#title-cover.c2-lobby .c2-button:hover,#title-cover.c2-lobby .c2-button:focus-visible{filter:brightness(1.06)}
