.sf-game-icon{display:block;width:100%;height:100%;flex-shrink:0;overflow:visible}.sf-game-illustration{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:340px;max-height:230px;overflow:visible}.game-art.sf-illustrated{min-height:205px}.large-art.sf-illustrated .sf-game-illustration{max-width:530px;max-height:360px}.sf-illustrated .art-sticker{font-size:8px;letter-spacing:1px;font-weight:700;background:#fffaf1de;border-color:#fff9f1;box-shadow:0 3px 0 #514c6012;padding:6px 10px;border-radius:5px}.sf-illustrated .art-number{font-size:9px;background:#fff9f166;opacity:.75}.pg-game-glyph{width:40px;height:40px;padding:3px;background:none!important;border-radius:12px}.pg-game-menu button{gap:12px;min-height:64px}.pg-game-menu button[aria-pressed=true] .pg-game-glyph{background:#ffffff77!important}.a-big-glyph:has(.sf-game-icon){width:90px;height:90px;margin:0 auto 16px;display:block}.xp-lobby-icon:has(.sf-game-icon){width:100px;height:100px;margin:0 auto 20px}.sf-mini-game{width:26px;height:26px;display:inline-flex;vertical-align:middle;margin-right:5px}.community-card-bottom>span:first-child{display:flex;align-items:center}.sf-art-subject{transform-origin:0 0;transition:filter .2s}.a-game-card:hover .sf-art-subject{filter:drop-shadow(0 4px 0 #514c6010)}
.pg-bingo-example{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 20px;background:#f1eaf8;border:1px solid #ddd1ea;border-radius:14px;margin-bottom:20px}.pg-bingo-example strong{display:block;font-size:15px}.pg-bingo-example p{font-size:12px;color:#786c86;margin:5px 0 0;max-width:530px}.pg-bingo-example .a-btn{min-height:44px}.pg-page.pg-bingo-page .pg-live-panel{border-radius:18px;border-color:#ddd6e6}.pg-bingo-header{display:flex;align-items:center;gap:14px;padding:22px 22px 18px;background:#f3edf8;border-bottom:1px solid #e1d7eb}.pg-bingo-header .sf-game-icon{width:58px;height:58px}.pg-bingo-header h3{font-size:22px;letter-spacing:-.6px;line-height:1.15;margin:6px 0}.pg-bingo-header .a-kicker{color:#83708f;font-size:9px}.pg-bingo-header>.a-pill{margin-left:auto}.pg-bingo-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;background:#fff8f2;padding:7px 9px;border-radius:30px;border:1px solid #e3d9eb;margin-left:auto;white-space:nowrap}.pg-bingo-status i{height:6px;width:6px;background:#92ad77;border-radius:50%}.pg-bingo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:16px 22px;border-bottom:1px solid #ede6f0;background:#fffcf9}.pg-bingo-stats>div{display:grid;gap:4px}.pg-bingo-stats strong{font-size:22px;letter-spacing:-.7px;color:#68557c}.pg-bingo-stats small{font-size:10px;color:#8b7d96}.pg-bingo-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:15px 22px}.pg-bingo-controls .a-btn{font-size:11px;min-height:40px}.pg-bingo-controls>span{font-size:11px;color:#8a7b97}.pg-bingo-current{margin:0 22px 18px;padding:15px 17px;background:#e6daef;border:1px solid #cfbbdf;border-radius:12px}.pg-bingo-current small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.5px;color:#886d9c;margin-bottom:5px}.pg-bingo-current strong{display:block;font-size:17px;line-height:1.4;overflow-wrap:anywhere;color:#624977}.pg-bingo-next{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 22px 18px;padding:14px;border:1px dashed #bea8d0;border-radius:12px;background:#fbf7fe}.pg-bingo-next>div{display:grid;gap:5px;flex:1;min-width:120px}.pg-bingo-next small{font-size:10px;color:#8e789f}.pg-bingo-next strong{font-size:13px}.pg-bingo-next .a-btn{font-size:11px;padding:9px 11px;min-height:42px}.pg-call-toolbar{padding:0 22px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pg-call-toolbar h4{font-size:14px;flex:1}.pg-call-toolbar small{font-size:10px;color:#8b7d96}.pg-call-search{display:flex;gap:8px;width:100%;margin-top:4px}.pg-call-search input,.pg-call-search select{min-width:0;padding:10px 12px;border:1px solid #e1d8e8;border-radius:8px;background:#fff;font:inherit;font-size:12px;color:#706379}.pg-call-search input{width:100%;flex:1}.pg-call-search select{width:104px}.pg-call-grid{padding:0 22px 6px;max-height:252px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5b1d7 transparent;margin-bottom:16px;gap:8px}.pg-call-grid button{min-height:54px;border-color:#e2d9e9;background:#fbf8fe;display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#655875;box-shadow:0 2px 0 #eee6f4;overflow-wrap:anywhere}.pg-call-grid button>span:first-child{font-size:18px;flex-shrink:0;color:#a186b6}.pg-call-grid button[aria-pressed=true]{background:#e5ebd9;border-color:#cfdabb;color:#7b8768;box-shadow:none}.pg-call-grid button[hidden]{display:none}.pg-call-empty{padding:0 22px 18px;font-size:12px;color:#8b7d96}.pg-bingo-joined{padding:14px 22px;border-top:1px solid #eee6f4;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8b7d96}.pg-bingo-joined>div{display:flex;gap:4px;margin-right:4px}.pg-bingo-joined b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px;background:#e7ddf2;color:#7a6191;border:2px solid white}.pg-host-board-fold{border-top:1px solid #e2d8ec;background:#faf7fd}.pg-host-board-fold>summary{cursor:pointer;font-size:12px;font-weight:600;padding:18px 22px;color:#746086}.pg-bingo-personal{padding-bottom:20px;background:#fffcf7}.pg-bingo-personal .pg-bingo-header{background:#edf2e5;border-color:#d9e3cf}.pg-bingo-personal .pg-bingo-header .a-kicker{color:#7b8b67}.pg-bingo-personal .pg-bingo-header h3{font-size:21px}.pg-bingo-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 22px 12px}.pg-bingo-card-top strong{font-size:12px;color:#798565}.pg-bingo-card-top span{font-size:11px;color:#8b907e}.pg-bingo-letters{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center;padding:0 22px;margin-bottom:8px;font-size:18px;font-weight:800;color:#8e779f;letter-spacing:2px}.pg-bingo-board{margin:0 18px!important;padding:8px!important;border:1px solid #d4c3e1!important;gap:6px!important;border-radius:14px!important;background:#e8dfef!important;box-shadow:0 5px 0 #ded2e9!important}.pg-bingo-board button{min-height:71px;font-size:11px;font-weight:550;padding:9px 4px!important;line-height:1.3;color:#82778b;opacity:1!important;background:#fffaf4!important;box-shadow:0 2px 0 #dacee3!important;transition:background .15s,transform .15s;overflow-wrap:anywhere}.pg-bingo-board button.pg-ready{background:#eaf1de!important;border:2px solid #9bb481!important;color:#586b45;box-shadow:0 2px 0 #bbce9f!important}.pg-bingo-board button.pg-ready:hover{background:#dceac6!important;transform:translateY(-2px)}.pg-bingo-board button[aria-pressed=true]{background:#d4c0e7!important;color:#705286!important;box-shadow:inset 0 0 0 1px #ac8cc4!important;font-weight:650}.pg-bingo-board button[aria-pressed=true]:after{font-size:16px!important;right:3px;top:0;opacity:.4!important}.pg-bingo-board button.pg-free{background:#d4c0e7!important}.pg-free>span{display:block;font-size:24px;line-height:1;color:#9273aa;margin-bottom:5px}.pg-bingo-board button.pg-winning{background:#c9dfad!important;color:#4d6738!important;box-shadow:inset 0 0 0 2px #8bad62!important}.pg-bingo-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:20px 14px 8px;font-size:10px;color:#8a7d92}.pg-bingo-legend span{display:flex;align-items:center;gap:5px}.pg-bingo-legend i{width:10px;height:10px;background:#fffaf4;border:1px solid #d4c3e1;border-radius:3px}.pg-bingo-legend .legend-ready{background:#eaf1de;border-color:#9bb481}.pg-bingo-legend .legend-marked{background:#d4c0e7;border-color:#ac8cc4}.pg-bingo-personal .pg-bingo-note{padding:8px 22px 0;font-size:12px;color:#89806f;text-align:center;line-height:1.6}.pg-bingo-personal .xp-bingo-win{margin:12px 18px;padding:16px!important;color:#4c6a37!important}.pg-bingo-example-help{font-size:12px;margin:14px 20px 0;padding:12px 14px;border-radius:10px;background:#eef4e5;color:#71835c;line-height:1.6}.pg-bingo-community{padding:18px 20px;background:#def0ca}.pg-bingo-page .pg-settings{order:4}.pg-bingo-page .pg-streamer>.pg-crowd{order:5}.pg-bingo-page .pg-community{display:none}.pg-bingo-page .pg-views{align-items:start}.pg-bingo-page .pg-role{gap:14px}.pg-bingo-page .pg-role-note{min-height:32px}.pg-bingo-page .pg-game-menu button{padding:8px 9px}.pg-bingo-page .pg-game-menu nav{gap:2px}
@media(max-width:760px){.pg-game-glyph{width:38px;height:38px}.pg-call-grid{max-height:232px}.pg-bingo-header{padding:18px 16px;gap:10px}.pg-bingo-header .sf-game-icon{width:50px;height:50px}.pg-bingo-header h3{font-size:20px}.pg-bingo-status{font-size:9px;padding:6px}.pg-call-toolbar,.pg-bingo-controls{padding-left:16px;padding-right:16px}.pg-bingo-current,.pg-bingo-next{margin-left:16px;margin-right:16px}.pg-bingo-letters{padding-left:16px;padding-right:16px}.pg-bingo-board{margin-left:12px!important;margin-right:12px!important;gap:4px!important;padding:6px!important}.pg-bingo-board button{font-size:10px;min-height:70px}.pg-bingo-joined{padding-left:16px;padding-right:16px}.pg-bingo-example{align-items:start}.pg-call-search input,.pg-call-search select{font-size:16px}.pg-call-search select{width:113px}.pg-bingo-stats{padding:15px 16px}.pg-bingo-page .pg-role-note{min-height:0}}
@media(prefers-reduced-motion:reduce){.sf-art-subject,.pg-bingo-board button{transition:none!important}}