.frat-integration{height:100dvh;display:flex;flex-direction:column;background:#153362;color:#fffdf5;overflow:hidden}.frat-integration>header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;font-size:13px}.frat-integration a{color:#fff164;min-height:32px;display:flex;align-items:center}.frat-integration>iframe{display:block;width:100%;flex:1;min-height:0;border:0}.frat-integration>section{width:min(100%,430px);margin:auto;padding:24px}.frat-integration h1{font-size:48px;line-height:1}.frat-integration p{line-height:1.6}.frat-integration button{width:100%;min-height:52px;border:0;border-radius:16px;background:#fff164;color:#153362;font-size:18px;font-weight:800}

.frat-score-status{flex-shrink:0;padding:5px 12px;text-align:center;font-size:12px;background:#10294c}.frat-score-status button{width:auto;min-height:32px;margin-left:8px;font-size:12px;padding:4px 10px}.frat-integration>header{font-size:12px}.frat-integration>header a{min-height:40px}

.hp-customize{width:100%;margin:22px 0;border-block:1px solid #ffffff55;color:#fff}.hp-customize>summary{display:flex;align-items:center;gap:18px;min-height:92px;padding:12px 0;cursor:pointer;list-style:none}.hp-customize>summary::-webkit-details-marker{display:none}.hp-customize-avatar{display:block;position:relative;flex:0 0 64px;width:64px;height:68px;overflow:hidden;opacity:1;filter:none}.hp-customize-avatar .figure{position:absolute!important;top:0!important;left:0!important;margin:0!important;transform:scale(.4)!important;transform-origin:top left;opacity:1!important;filter:none!important}.hp-customize-label{flex:1;min-width:0}.hp-customize-label strong{display:block;font-size:20px;line-height:1.3;font-weight:800}.hp-customize-label small{display:block;color:#fff164;font-size:16px;line-height:1.4;font-weight:700;margin-top:5px}.hp-customize-chevron{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#ffffff22;color:#fff164}.hp-customize[open] .hp-customize-chevron svg{transform:rotate(180deg)}.hp-customize-content{padding:4px 0 18px}.hp-customize-content>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;color:#fff164;font-size:16px;font-weight:700;text-decoration:none}.hp-customize>summary:focus-visible,.hp-customize-content>a:focus-visible{outline:3px solid #fff164;outline-offset:4px;border-radius:8px}@media(max-width:360px){.hp-customize>summary{gap:12px}.hp-customize-label strong{font-size:18px}.hp-customize-label small{font-size:14px}}

.hp-customize .hp-customize-avatar{position:relative;inset:auto}.hp-sneaks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 0 20px}.hp-sneaks-heading>strong{font-size:20px}.hp-sneaks-heading>a{display:flex;align-items:center;gap:6px;color:#fff164;text-decoration:none;font-weight:700;min-height:44px}.hp-customize .fs-shoe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hp-customize .fs-shoe-grid button{border-radius:18px;background:#ffffff12;border-color:#ffffff66;min-height:140px}.hp-customize .fs-shoe-grid button[aria-pressed=true]{outline:none;border:2px solid #fff164}.hp-customize .fs-shoe-grid svg{height:65px}.hp-customize .fs-shoe-grid strong{font-size:14px}.hp-customize .fs-collection-note{display:none}@media(max-width:400px){.hp-customize .fs-shoe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-sneaks-heading>strong{font-size:18px}.hp-sneaks-heading>a{font-size:14px}}

/* Full viewport game surface; navigation and save errors overlay rather than shrink it. */
body:has(.frat-integration){overflow:hidden;overscroll-behavior:none}
.frat-integration{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;z-index:10000;--frat-safe-top:env(safe-area-inset-top,0px);--frat-safe-bottom:env(safe-area-inset-bottom,0px)}
.frat-integration>iframe{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0;border-radius:0;flex:none}
.frat-integration>header{position:absolute;inset:auto auto calc(var(--frat-safe-bottom) + 16px) 50%;transform:translateX(-50%);z-index:3;margin:0;padding:0;background:none}
.frat-integration>header>strong,.frat-integration>header>a:last-child{display:none}
.frat-integration>header>a:first-child{min-width:52px;min-height:44px;justify-content:center;padding:0 12px;border:1px solid #ffffff66;border-radius:24px;background:#153362db;color:#fffdf5;font-size:12px;font-weight:800;text-decoration:none;box-sizing:border-box}
.frat-integration .frat-score-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
.frat-integration[data-save-error=true] .frat-score-status{z-index:4;left:12px;right:12px;bottom:calc(var(--frat-safe-bottom) + 76px);width:auto;height:auto;clip-path:none;padding:12px;border:1px solid #fff164;border-radius:14px;background:#153362;color:#fff;font-size:13px}

.frat-integration:not([data-game-phase=playing])>header{top:calc(var(--frat-safe-top) + 12px);bottom:auto;left:12px;right:12px;transform:none;justify-content:space-between}
.frat-integration[data-game-phase=dead]>header>a:last-child{display:flex;margin-left:auto;border-radius:22px;padding:0 12px;background:#153362db}

/* Keep the run and its badges together; the closet expands below both. */
#root .frat-lobby-compact .game-home-description{margin:0 0 12px!important}
#root .frat-lobby-compact>.hp-fm{margin:14px 0 0!important}
#root .frat-lobby-compact .hp-fm>.hp-pong-badges{margin:0!important;padding:12px 0!important}
#root .frat-lobby-compact .hp-pong-badges-heading{margin-bottom:10px}
#root .frat-lobby-compact .hp-pong-badges-grid{gap:8px}
#root .frat-lobby-compact .hp-pong-badges-grid button{padding:10px 4px;gap:4px}
#root .frat-lobby-compact .hp-pong-badges-grid img{width:58px;height:58px}
#root .frat-lobby-compact .hp-pong-badges-grid .pending img{opacity:.7}
#root .frat-lobby-compact>.hp-customize{margin-top:2px!important}
#root .frat-lobby-compact .hp-customize-content .cw-collection-heading,
#root .frat-lobby-compact .hp-customize-content .fs-note{display:none!important}
#root .frat-lobby-compact .hp-customize-content .cw-sneak-art small{min-height:0}
#root .frat-lobby-compact .hp-customize-content .fs-shoe-status:empty{display:none}