:root{--bg: #f3f4fb;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #ffffff 0%, #f3f4fb 60%);--panel: #ffffff;--card: #ffffff;--card-border: #e6e8f3;--card-edge: #dfe2ef;--card-radius: 20px;--card-shadow: 0 1px 2px rgba(40, 44, 80, .04);--text: #2b2f45;--text-dim: #6b7088;--hairline: #eceef6;--accent: #ff2d8d;--accent-fg: #ffffff;--accent-press: #d11a6e;--accent-soft: rgba(255, 45, 141, .12);--accent-ring: rgba(255, 45, 141, .3);--good: #18b6c4;--success: #46c93a;--success-press: #36a02c;--warn: #ff9d00;--streak-idle: #c2c7d6;--danger: #ff4b53;--danger-press: #d8323a;--border: #e6e8f3;--btn-neutral: #ffffff;--btn-neutral-border: #e2e5f1;--btn-neutral-edge: #d6dae9;--btn-neutral-text: #4b5168;--input-bg: #f6f7fc;--input-border: #e2e5f1;--nav-bg: rgba(255, 255, 255, .92);--nav-border: #e6e8f3;--nav-shadow: 0 8px 30px rgba(40, 44, 80, .14);--nav-dock-bottom: 14px;--nav-dock-h: calc(64px + var(--nav-dock-bottom));--modal-scrim: rgba(28, 30, 54, .4);--pop-bg: #ffffff;--pop-border: #e6e8f3;--pop-shadow: 0 16px 40px rgba(40, 44, 80, .18);--board-light: #f0d9b5;--board-dark: #b58863;--board-last-move: rgba(155, 199, 0, .41);--board-check: radial-gradient(ellipse at center, rgba(220, 60, 60, .85) 0%, rgba(220, 60, 60, 0) 70%);--chat-self: #ff2d8d;--chat-other: #3a4055;--chat-other-text: #2b2f45;--chat-unread: #ff2d8d}:root[data-theme=dark]{--bg: #0f131c;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #1a2030 0%, #0f131c 60%);--panel: #1b2130;--card: #1b2130;--card-border: #2a3142;--card-edge: #141a26;--card-shadow: 0 2px 6px rgba(0, 0, 0, .35);--text: #eef1f7;--text-dim: #94a0b6;--hairline: #262d3c;--accent: #ff3d97;--accent-fg: #ffffff;--accent-press: #c01f70;--accent-soft: rgba(255, 61, 151, .18);--accent-ring: rgba(255, 61, 151, .42);--good: #2ed3e3;--success: #57d33f;--success-press: #3da82d;--warn: #ffb020;--streak-idle: #4e5870;--danger: #ff5b62;--danger-press: #d8323a;--border: #2a3142;--btn-neutral: #232b3b;--btn-neutral-border: #313a4d;--btn-neutral-edge: #161c28;--btn-neutral-text: #c7cede;--input-bg: #141a26;--input-border: #2f3749;--nav-bg: rgba(22, 27, 39, .88);--nav-border: #2c3446;--nav-shadow: 0 10px 36px rgba(0, 0, 0, .5);--modal-scrim: rgba(4, 7, 14, .62);--pop-bg: #20283a;--pop-border: #313a4d;--pop-shadow: 0 18px 44px rgba(0, 0, 0, .55);--board-light: #b8c8e6;--board-dark: #4a5a82;--chat-self: #ff3d97;--chat-other: #28303f;--chat-other-text: #eef1f7;--chat-unread: #ff3d97}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html.no-scroll #app{overflow:hidden;overscroll-behavior:none}body{background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:Nunito,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}input,textarea{user-select:text;-webkit-user-select:text}.uno-board,.uno-card,.checkers-board,.cg-wrap{touch-action:manipulation}#app{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:8px}button{font:inherit;cursor:pointer}h1,h2,h3,h4,.lobby-brand-text,.section-title{font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:600;letter-spacing:.2px}.cg-wrap{width:100%;aspect-ratio:1 / 1;position:relative}cg-board square.last-move{background:var(--board-last-move)}cg-board square.move-dest{background:radial-gradient(rgba(20,85,30,.5) 22%,transparent 23%)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 79%,rgba(20,85,0,.3) 80%)}cg-board square.check{background:radial-gradient(ellipse at center,#dc3c3cd9,#dc3c3c00 70%)}.lobby{padding:14px 20px 20px;max-width:480px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:8px}.status{color:var(--text-dim);font-size:13px;text-align:center}.status:empty{display:none}.lobby-divider{flex:0 0 auto;height:1px;background:var(--border);margin:4px 0}.lobby-header{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:2px 2px 4px;gap:8px}.lobby-brand{margin:0;display:flex;align-items:center;line-height:1;min-height:32px}.lobby-brand-text{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:27px;font-weight:600;letter-spacing:.2px;line-height:1;background:linear-gradient(100deg,var(--accent) 0%,#ff6fae 60%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}.profile-trigger{display:inline-flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;margin:0;border:none;background:transparent;border-radius:999px;color:inherit;min-width:0;transition:transform .05s ease,background .15s ease}.profile-trigger:hover{background:var(--accent-soft)}.profile-trigger:active{transform:scale(.97)}.opponent-trigger{display:inline-flex;align-items:center;gap:8px;padding:2px 6px 2px 2px;margin:0;border:none;background:transparent;border-radius:999px;color:inherit;min-width:0;transition:transform .05s ease,background .15s ease}.opponent-trigger:hover{background:var(--accent-soft)}.opponent-trigger:active{transform:scale(.97)}.opp-featured-row-lg{gap:8px}.opp-featured-row-lg .opp-featured{width:44px;height:44px;border-radius:12px;font-size:24px}.avatar-circle{flex:0 0 auto;width:40px;height:40px;border-radius:12px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(150deg,#ff6fae 0%,var(--accent) 55%,var(--accent-press) 100%);box-shadow:0 2px 0 var(--accent-press),0 2px 6px #d11a6e4d}.avatar-circle img{width:100%;height:100%;object-fit:cover;display:block}.avatar-sm{width:26px;height:26px;border-radius:8px;font-size:13px;box-shadow:0 1px 0 var(--accent-press),0 1px 4px #d11a6e47}.avatar-lg{align-self:stretch;width:62px;min-width:62px;height:auto;font-size:28px;border-radius:18px}.profile-id{display:inline-flex;align-items:center;gap:8px;min-width:0}.profile-name{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:18px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.topbar-currency{font-size:15px}.topbar-currency .diamond-icon{width:17px;height:17px;filter:none}.profile-id .streak-count{font-size:15px}.profile-id .streak-flame svg{width:18px;height:18px}.theme-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:50%;color:var(--text);transition:transform .05s ease,opacity .15s ease}.theme-icon-btn:active{transform:scale(.9)}.theme-toggle-icon{display:inline-flex;opacity:.5}.theme-toggle-icon svg{width:23px;height:23px;display:block}.theme-icon-btn:hover .theme-toggle-icon{opacity:.72}.quick-switch{display:flex;gap:8px;padding:2px 0}.quick-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:none;background:transparent;transition:transform .06s ease}.quick-item:active{transform:scale(.94)}.quick-circle{width:60px;max-width:100%;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1;border:3px solid transparent;box-shadow:0 3px #14162829;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.quick-item[data-quick=chess] .quick-circle{background:linear-gradient(160deg,#f6e6c2,#e6c690)}.quick-item[data-quick=monopoly] .quick-circle{background:linear-gradient(160deg,#43c777,#2ea157)}.quick-item[data-quick=uno] .quick-circle{background:linear-gradient(160deg,#ef5e56,#d83b3b)}.quick-item[data-quick=fpl] .quick-circle{background:linear-gradient(160deg,#45a6ff,#1f7ae0)}.quick-item.selected .quick-circle{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),0 3px #14162829;transform:translateY(-1px)}.quick-label{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:12px;font-weight:600;color:var(--text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-item.selected .quick-label{color:var(--accent)}.profile-overlay{position:fixed;inset:0;z-index:320;display:flex;flex-direction:column;background:var(--modal-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-overlay[hidden]{display:none}.profile-sheet{width:100%;max-width:520px;height:100%;margin:0 auto;display:flex;flex-direction:column;background:var(--bg);background-image:var(--bg-grad);box-shadow:0 0 60px #14162840;padding-top:env(safe-area-inset-top);padding-bottom:max(16px,env(safe-area-inset-bottom));animation:profile-rise .24s cubic-bezier(.22,1,.36,1)}@keyframes profile-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 10px}.profile-header-actions{display:inline-flex;align-items:center;gap:8px}.profile-sheet-title{margin:0;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:22px;font-weight:600;color:var(--text)}.profile-close{flex:0 0 auto;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 0 5px;border:2px solid var(--card-border);background:var(--card);color:var(--text);border-radius:50%;box-shadow:0 3px 0 var(--card-edge);font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:30px;font-weight:500;line-height:0;transition:transform .05s ease,box-shadow .05s ease}.profile-close:active{transform:translateY(3px);box-shadow:0 0 0 var(--card-edge)}.profile-sheet-body{display:flex;flex-direction:column;gap:18px;padding:8px 18px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}.profile-sheet-body .player-card,.profile-sheet-body .badges-card{background:none;border:none;box-shadow:none;border-radius:0;padding:0}.profile-sheet-body .badges-flipper{border-radius:0}html.profile-open #app{overflow:hidden}.profile-signout{margin-top:8px;width:100%;border:none;border-radius:16px;padding:14px 18px;background:var(--danger);color:#fff;font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:16px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 4px 0 var(--danger-press);transition:transform .05s ease,box-shadow .05s ease,filter .15s ease}.profile-signout:hover{filter:brightness(1.03)}.profile-signout:active{transform:translateY(4px);box-shadow:0 0 0 var(--danger-press)}.lobby-brand-logo{display:block;height:28px;width:auto;max-height:100%}.lobby-header-actions{display:flex;align-items:center;gap:10px;min-height:32px}.player-card,.opponent-challenge-card{background:var(--card);border:2px solid var(--card-border);box-shadow:0 3px 0 var(--card-edge),var(--card-shadow);border-radius:var(--card-radius);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.opponent-challenge-card{background:none;border:none;box-shadow:none;padding-left:0;padding-right:0}.player-card-main{display:flex;align-items:stretch;gap:14px}.player-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px}.player-value{font-weight:700;color:var(--text)}.opponent-challenge-card .player-value{font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:18px;font-weight:500}.name-streak{display:inline-flex;align-items:center;gap:8px;min-width:0}.name-streak .streak+.streak{margin-left:-2px}.streak{display:inline-flex;align-items:center;gap:3px}.streak-flame{display:inline-flex}.streak-flame svg{width:16px;height:16px;display:block}.streak-count{font-size:13px;font-weight:800;color:var(--text)}.streak.active .streak-count{color:#ff8a1c}.streak .streak-flame{color:var(--streak-idle)}.streak.active .streak-flame{color:#ff8a1c}.connection-status{font-size:13px;font-weight:600;letter-spacing:.2px}.connection-status.connected{color:#4ade80}.connection-status.disconnected{color:#f87171}.conn-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#9aa3b2}.conn-dot.connected{background:#46c93a;box-shadow:0 0 0 3px #46c93a2e}.stats-row{display:flex;gap:16px;font-size:13px;color:var(--text-dim);flex-wrap:wrap}.stats-row strong{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.stats-best{margin-left:auto}.stat-streak{position:relative;display:inline-flex}.stat-streak-btn{appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1px dashed var(--text-dim);line-height:1.1}.stat-streak-btn strong{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.stat-best-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;padding:7px 11px;border-radius:12px;font-size:13px;color:var(--text);background:#18181bf5;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px #00000080;z-index:5}.stat-best-pop[hidden]{display:none}.stat-best-pop strong{color:var(--text);font-weight:700}.stats-currency{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:#2ec5d3}.stats-currency strong{color:#2ec5d3;font-weight:800;font-variant-numeric:tabular-nums}.diamond-icon{width:15px;height:15px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.presence{display:flex;align-items:center;gap:8px}.presence-text{color:var(--text-dim);font-size:13px}.presence-dot{width:10px;height:10px;border-radius:50%;background:#555;flex-shrink:0}.presence-dot[data-state=active]{background:#4ade80;box-shadow:0 0 6px #4ade80aa}.presence-dot[data-state=offline]{background:#555}.challenge-section{display:flex;flex-direction:column;gap:12px}.challenge-section[hidden]{display:none}.section-title{margin:0;font-size:13px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.login-card{gap:14px}.login-card h2{margin:0}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-dim)}.field input{background:var(--input-bg);border:2px solid var(--input-border);border-radius:14px;padding:13px 15px;color:var(--text);font-size:15px;font-weight:600;font-family:inherit;transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.login-error{color:var(--danger);font-size:13px;margin:0}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.chat-icon-btn{position:relative;background:transparent;border:none;padding:6px 8px;font-size:22px;line-height:1;color:var(--text);cursor:pointer;border-radius:8px}.lobby-header .chat-icon-btn{padding:4px 6px;font-size:18px}.chat-icon-btn:hover{background:#ffffff0f}.chat-icon-btn .chat-unread-dot{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--chat-unread);border:2px solid var(--bg);box-shadow:0 0 6px #f579}.chat-icon-btn .chat-unread-dot[hidden]{display:none}.game-select{position:relative;display:inline-flex}.game-select[hidden]{display:none}.game-select-btn{line-height:1}.game-select-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:132px;padding:6px;background:var(--pop-bg);border:1.5px solid var(--pop-border);border-radius:14px;box-shadow:var(--pop-shadow);display:flex;flex-direction:column;gap:2px}.game-select-menu[hidden]{display:none}.game-select-item{appearance:none;background:transparent;border:none;border-radius:10px;padding:9px 12px;font-size:15px;font-weight:700;text-align:left;color:var(--text);cursor:pointer}.game-select-item:hover{background:var(--accent-soft)}.game-select-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.bottom-nav-dock{position:relative;z-index:250;flex:0 0 auto;padding:6px 14px var(--nav-dock-bottom);display:flex;justify-content:center;align-items:center;gap:10px;pointer-events:none}.bottom-nav-dock[hidden]{display:none}.bottom-nav{position:relative;pointer-events:auto;flex:1 1 auto;min-width:0;max-width:480px;display:flex;align-items:stretch;gap:4px;padding:7px;border-radius:999px;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1.5px solid var(--nav-border);box-shadow:var(--nav-shadow)}.bottom-nav[hidden]{display:none}.bottom-nav-games{position:relative;display:flex;flex:1;z-index:1}.bottom-nav-indicator{position:absolute;top:0;left:0;width:0;height:0;border-radius:999px;background:var(--accent-soft);opacity:0;pointer-events:none;z-index:0;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),height .3s ease,opacity .18s ease}.bottom-nav-item{appearance:none;background:transparent;border:none;cursor:pointer;color:var(--text);position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:18px;transition:color .22s ease .12s}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active .bn-icon{transform:translateY(-1px)}.bottom-nav-item .bn-icon{position:relative;display:inline-flex;transition:transform .15s ease}.bottom-nav-item .bn-icon svg{width:27px;height:27px;display:block}.bottom-nav-item .bn-icon.bn-flip svg{transform:rotate(180deg)}.bottom-nav-item .bn-label{font-size:11px;font-weight:700;letter-spacing:.2px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.bottom-nav{gap:4px}@media (max-width: 420px){.bottom-nav-item .bn-label{font-size:10px;letter-spacing:0}.bottom-nav-item .bn-icon svg{width:25px;height:25px}}.bn-unread{position:absolute;top:-4px;right:-7px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--nav-bg)}.bn-unread[hidden]{display:none}.bottom-nav-pause{pointer-events:auto;flex:0 0 auto;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--text);background:var(--nav-bg);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1.5px solid var(--nav-border);box-shadow:var(--nav-shadow);transition:opacity .15s ease}.bottom-nav-pause[hidden]{display:none}.bottom-nav-pause .bn-icon{display:inline-flex}.bottom-nav-pause .bn-icon svg{width:22px;height:22px;display:block}.bottom-nav-pause .bn-label{font-size:9px;font-weight:600;letter-spacing:.2px}.bottom-nav-pause.is-disabled{opacity:.4;cursor:default}.bottom-nav-menu{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:150px;padding:6px;border-radius:18px;background:var(--pop-bg);-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);border:1.5px solid var(--pop-border);box-shadow:var(--pop-shadow);display:flex;flex-direction:column;gap:2px}.bottom-nav-menu[hidden]{display:none}.bottom-nav-menu-item{appearance:none;background:transparent;border:none;border-radius:12px;padding:11px 14px;font-size:15px;font-weight:700;text-align:left;color:var(--text);cursor:pointer}.bottom-nav-menu-item:hover{background:var(--accent-soft)}.bottom-nav-menu-item.active{background:var(--accent-soft);color:var(--accent)}.opponent-challenge-card[data-flip-card],.player-mode-card[data-flip-card]{transition:transform .16s ease;transform-style:preserve-3d;will-change:transform}.player-mode-card[data-flip-card=practice]{touch-action:pan-y;user-select:none;-webkit-user-select:none}.cards-overlay{position:fixed;inset:0;z-index:150;background:var(--bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:calc(80px + max(2px,env(safe-area-inset-bottom) - 28px));overflow:hidden}.cards-overlay-head{display:flex;align-items:center;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex:0 0 auto}.cards-overlay-back{background:none;border:none;color:var(--text);font-size:14px;font-weight:600;padding:8px 4px;cursor:pointer}.cards-overlay-back:hover{color:var(--accent, var(--text))}.cards-overlay-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:stretch;justify-content:center;z-index:200;padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--nav-dock-h) + 12px)}.chat-overlay[hidden]{display:none}.chat-panel{background:var(--bg);width:100%;max-width:480px;display:flex;flex-direction:column;border-left:1px solid var(--border);border-right:1px solid var(--border)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.chat-title{font-weight:600;font-size:16px}.chat-close{background:none;border:none;color:var(--text-dim);font-size:28px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer}.chat-close:hover{background:#ffffff0f;color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}.chat-row{display:flex;width:100%}.chat-row.from-self{justify-content:flex-end}.chat-row.from-other{justify-content:flex-start}.chat-bubble{max-width:78%;padding:8px 12px 6px;border-radius:18px;color:#fff;font-size:15px;line-height:1.35;display:flex;flex-direction:column;gap:2px;word-wrap:break-word;overflow-wrap:anywhere}.chat-row.from-self .chat-bubble{background:var(--chat-self);border-bottom-right-radius:6px}.chat-row.from-other .chat-bubble{background:var(--chat-other);border-bottom-left-radius:6px}.chat-text{white-space:pre-wrap}.chat-time{font-size:10px;opacity:.6;align-self:flex-end}.chat-row.from-other .chat-time{align-self:flex-start}.chat-quick{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border)}.chat-quick-btn{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 16px;font-size:22px;cursor:pointer}.chat-quick-btn:active{transform:scale(.97)}.chat-composer{display:flex;gap:8px;padding:10px 12px 14px;border-top:1px solid var(--border);background:var(--panel)}.chat-input{flex:1;background:#ffffff0a;border:1px solid var(--border);border-radius:18px;padding:10px 14px;color:var(--text);font-size:15px;font-family:inherit}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-send{background:var(--chat-self);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer}.chat-send:active{transform:scale(.96)}.chat-send:disabled{opacity:.45;cursor:not-allowed}.link-btn{background:none;border:none;color:var(--accent);padding:0;font-size:12px;text-decoration:underline;cursor:pointer}.challenge-card,.incoming-card{background:var(--card);border:2px solid var(--card-border);border-radius:var(--card-radius);padding:20px;display:flex;flex-direction:column;gap:16px}.incoming-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--modal-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.incoming-overlay .incoming-card{width:100%;max-width:360px;box-shadow:0 4px 0 var(--card-edge),var(--pop-shadow)}.opponent-flipper{perspective:1200px;position:relative;border-radius:16px}.opponent-flip-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1)}.opponent-flip-inner.flipped{transform:rotateY(180deg)}.opponent-flip-inner .face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.opponent-flip-inner .face.front{position:relative}.opponent-flip-inner .face.back{position:absolute;inset:0;transform:rotateY(180deg);display:flex;flex-direction:column}.checkers-flag{font-size:18px;letter-spacing:-2px}.checkers-board-wrap{width:100%;aspect-ratio:1 / 1}.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;border-radius:4px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.checkers-piece{touch-action:none}.checkers-board.flipped,.checkers-board.flipped .checkers-piece{transform:rotate(180deg)}.checkers-sq{position:relative;display:flex;align-items:center;justify-content:center;cursor:default}.checkers-sq.light{background:#dae5ee}.checkers-sq.dark{background:#454f57;cursor:pointer}.checkers-sq.selected{box-shadow:inset 0 0 0 3px var(--accent)}.checkers-sq.in-path:after{content:"";position:absolute;inset:0;background:var(--accent-soft);pointer-events:none}.checkers-sq.dest:before{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#ff2d8d8c;pointer-events:none}.checkers-piece{width:84%;height:84%;background-size:contain;background-position:center bottom;background-repeat:no-repeat;pointer-events:none}.checkers-piece.white{background-image:url(/pieces/custom/checker-white.svg)}.checkers-piece.black{background-image:url(/pieces/custom/checker-black.svg)}.checkers-piece.white.king{background-image:url(/pieces/custom/checker-white-king.svg)}.checkers-piece.black.king{background-image:url(/pieces/custom/checker-black-king.svg)}[data-secret-card]{touch-action:pan-y;user-select:none;-webkit-user-select:none;position:relative;z-index:1}.badges-flipper{perspective:1200px;position:relative;border-radius:16px}.badges-flip-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1)}.badges-flip-inner.flipped{transform:rotateY(180deg)}.badges-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.badges-face.front{position:relative}.badges-face.back{position:absolute;inset:0;transform:rotateY(180deg);background:linear-gradient(135deg,#1d0f1a,#0f1c2a);border:1px solid var(--accent);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #ff2d8d59,inset 0 0 32px #ff2d8d2e}.hidden-button{background:var(--accent);color:var(--accent-fg);border:none;border-radius:999px;padding:12px 22px;display:inline-flex;align-items:center;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #ff2d8d8c;transition:transform .12s ease,box-shadow .12s ease}.hidden-button:hover{transform:scale(1.04);box-shadow:0 8px 24px #ff2d8db3}.hidden-button:active{transform:scale(.96)}.hidden-button-label{letter-spacing:.5px;text-transform:uppercase;font-size:12px}.rainbow-pulse{animation:rainbow-pulse 1.1s linear;will-change:box-shadow}@keyframes rainbow-pulse{0%{box-shadow:0 0 0 2px #ff005c,0 0 24px #ff005c8c}16%{box-shadow:0 0 0 2px #ff8c1a,0 0 24px #ff8c1a8c}33%{box-shadow:0 0 0 2px #ffd400,0 0 24px #ffd4008c}50%{box-shadow:0 0 0 2px #2ee08a,0 0 24px #2ee08a8c}66%{box-shadow:0 0 0 2px #1ea0ff,0 0 24px #1ea0ff8c}83%{box-shadow:0 0 0 2px #9b5cff,0 0 24px #9b5cff8c}to{box-shadow:0 0 0 2px #ff2d8d,0 0 24px #ff2d8d8c}}.wobble{animation:wobble .6s ease-in-out}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-14px)}30%{transform:translate(12px)}45%{transform:translate(-10px)}60%{transform:translate(8px)}75%{transform:translate(-6px)}to{transform:translate(0)}}.confetti-piece{position:fixed;width:8px;height:14px;border-radius:2px;pointer-events:none;z-index:500;animation:confetti-fly 1.6s cubic-bezier(.2,.6,.3,1) forwards;transform-origin:center}@keyframes confetti-fly{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.badges-card{background:var(--card);border:2px solid var(--card-border);box-shadow:0 3px 0 var(--card-edge),var(--card-shadow);border-radius:var(--card-radius);padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.badges-card h3{margin:0;font-size:14px;font-weight:600;color:var(--text-dim);display:flex;justify-content:flex-start;align-items:baseline;gap:8px}.badges-count{font-size:12px;font-weight:500;color:var(--text-dim);font-variant-numeric:tabular-nums}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);text-align:center;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,background .15s}.badge:active{transform:scale(.96)}.badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge.earned{background:var(--accent-soft);border-color:var(--accent)}.badge.locked{opacity:.45;filter:grayscale(1)}.badge-icon{font-size:22px;line-height:1}.badge-name{font-size:11px;font-weight:600;color:var(--text);letter-spacing:.1px}.badge.pick-current{border-color:var(--accent)}.badge.pick-featured{border-color:#ffffffd9}.badges-view-all{appearance:none;background:transparent;border:none;padding:0;margin-left:auto;font:inherit;font-size:12px;font-weight:600;color:var(--text-dim);cursor:pointer;border-bottom:1px dashed var(--text-dim);line-height:1.1}.featured-row{display:flex;gap:8px}.featured-slot{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent);font:inherit;color:inherit;cursor:pointer;transition:transform .15s,background .15s}.featured-slot:active{transform:scale(.96)}.featured-slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.featured-slot.empty{background:var(--input-bg);border:2px dashed var(--card-border)}.featured-slot-icon{font-size:26px;line-height:1}.featured-slot-name{font-size:11px;font-weight:600;color:var(--text);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.featured-slot-plus{font-size:24px;line-height:1;color:var(--text-dim)}.opp-featured-row{display:inline-flex;align-items:center;gap:4px}.opp-featured{width:40px;height:40px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.opp-featured.filled{background:var(--accent-soft);border:1px solid var(--accent)}.opp-featured.empty{background:#ffffff08;border:1px dashed var(--border);opacity:.4}.modal.badges-modal{align-items:stretch;text-align:left}.badges-modal>h2{text-align:center}.badges-modal-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.badges-modal-head h2{margin:0}.badges-modal-count{font-size:14px;font-weight:600;color:var(--text-dim);font-variant-numeric:tabular-nums}.badges-modal-body{overflow-y:auto;max-height:66vh;min-height:0;-webkit-overflow-scrolling:touch}.badge-cat{display:flex;flex-direction:column;gap:10px}.badge-cat:not(:last-child){border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:16px}.badge-cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.badge-cat-title{margin:0;font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.badge-cat-count{font-size:12px;font-weight:500;color:var(--text-dim);font-variant-numeric:tabular-nums}.badge-picker-empty{color:var(--text-dim);text-align:center;margin:16px 0}.badge-tooltip{position:absolute;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;max-width:260px;font-size:12px;box-shadow:0 8px 24px #00000073;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;z-index:320;pointer-events:auto}.badge-tooltip.visible{opacity:1;transform:translateY(0)}.badge-tooltip-name{font-size:13px;font-weight:700;color:var(--accent);margin-bottom:2px}.badge-tooltip-desc{color:var(--text);line-height:1.4}.badge-tooltip:after{content:"";position:absolute;left:var(--arrow-x, 50%);width:10px;height:10px;background:var(--panel);border:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.badge-tooltip.arrow-down:after{bottom:-6px;border-top:none;border-left:none}.badge-tooltip.arrow-up:after{top:-6px;border-bottom:none;border-right:none}.badge-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,24px);background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;max-width:360px;z-index:300;opacity:0;transition:transform .25s ease,opacity .25s ease;box-shadow:0 12px 32px #00000080;pointer-events:none}.badge-toast.visible{opacity:1;transform:translate(-50%)}.badge-toast-icon{font-size:32px;line-height:1}.badge-toast-body{display:flex;flex-direction:column;gap:2px}.badge-toast-title{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.badge-toast-name{font-size:16px;font-weight:700}.badge-toast-desc{font-size:12px;color:var(--text-dim)}.local-play-row{display:flex;gap:8px}.local-play-row .player-mode-card{flex:1;min-width:0}.player-mode-card{background:var(--card);border:2px solid var(--card-border);box-shadow:0 3px 0 var(--card-edge),var(--card-shadow);border-radius:var(--card-radius);padding:16px;display:flex;flex-direction:column;gap:10px}.player-mode-card h3{margin:0;font-size:16px}.card-row-right{display:flex;align-items:center;gap:8px}.mode-switch{background:none;border:none;color:var(--accent);font:inherit;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 6px;cursor:pointer;border-radius:6px;transition:background .15s}.mode-switch:hover{background:var(--accent-soft)}.mode-switch[hidden]{display:none}.mode-switch-icon{background:none;border:none;color:var(--accent);cursor:pointer;width:22px;height:22px;border-radius:50%;padding:0;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .35s cubic-bezier(.4,0,.2,1)}.mode-switch-icon:hover{background:var(--accent-soft)}.mode-switch-icon:active{transform:rotate(180deg)}.mode-switch-icon[hidden]{display:none}.player-mode-card .hint{margin:0;font-size:12px}.mode-face{display:flex;flex-direction:column;gap:10px;flex:1}.mode-face[hidden]{display:none}.mode-face>button{margin-top:auto}.local-play-row .practice-flipper{flex:1;min-width:0;position:relative;perspective:1200px}.practice-flip-inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.practice-flip-inner.flipped{transform:rotateY(180deg)}.practice-flip-inner .face{backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;box-sizing:border-box}.practice-flip-inner .face.front{position:relative}.practice-flip-inner .face.back{position:absolute;inset:0;transform:rotateY(180deg)}.player-mode-card.uno-face h3{color:var(--accent)}.local-play-disclaimer{text-align:center;margin:0}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.difficulty-picker button{background:var(--input-bg);border:2px solid var(--card-border);border-radius:12px;padding:9px 4px;color:var(--btn-neutral-text);font-family:Fredoka,Nunito,system-ui,sans-serif;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.difficulty-picker button.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.challenge-card h2,.incoming-card h2{margin:0;font-size:18px}.hint{color:var(--text-dim);font-size:13px;margin:0}.color-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-btn{background:var(--input-bg);border:2px solid var(--card-border);border-radius:14px;padding:12px 8px;color:var(--btn-neutral-text);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.color-btn.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--card-border)}.color-swatch.white{background:#fff}.color-swatch.black{background:#000}.color-swatch.random{background:linear-gradient(135deg,#fff 0% 50%,#000 50% 100%)}.primary{background:var(--accent);color:var(--accent-fg);border:none;border-radius:16px;padding:14px 18px;font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:600;font-size:16px;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 4px 0 var(--accent-press);transition:transform .05s ease,box-shadow .05s ease,filter .15s ease}.primary:hover{filter:brightness(1.03)}.primary:active{transform:translateY(4px);box-shadow:0 0 0 var(--accent-press)}.secondary{background:var(--btn-neutral);color:var(--btn-neutral-text);border:2px solid var(--btn-neutral-border);border-radius:16px;padding:13px 18px;font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:.3px;box-shadow:0 4px 0 var(--btn-neutral-edge);transition:transform .05s ease,box-shadow .05s ease,background .15s ease}.secondary:hover{background:color-mix(in srgb,var(--btn-neutral) 92%,var(--text))}.secondary:active{transform:translateY(4px);box-shadow:0 0 0 var(--btn-neutral-edge)}.secondary:disabled{box-shadow:none;opacity:.5;cursor:not-allowed}.row{display:flex;gap:8px}.row>*{flex:1}.hidden{display:none}.game{display:flex;flex-direction:column;flex:1;max-width:600px;width:100%;margin:0 auto;padding:8px;gap:8px}.game-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px}.link{background:none;border:none;color:var(--danger);font-weight:600;padding:8px 4px;line-height:1}.lobby-header .link{padding:6px 4px;font-size:13px}.game-status{color:var(--text-dim);font-size:13px;flex:1;text-align:center}.link-neutral{color:var(--text-dim)}.chess-header{position:relative;justify-content:center;min-height:44px;padding:4px 8px}.game-hud{display:flex;align-items:center;gap:10px}.mode-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.conn-dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:var(--text-dim);box-shadow:0 0 0 2px #ffffff0f;transition:background .2s ease,box-shadow .2s ease}.conn-dot.connected{background:#1ec773;box-shadow:0 0 9px #1ec773bf}.move-pill{font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:6px 18px;border-radius:999px;line-height:1}.move-pill[hidden]{display:none}.move-pill.yours{background:#1ec773;color:#06210f}.move-pill.theirs{background:#f1f1f1;color:#111}.move-pill.neutral{background:#ffffff29;color:var(--text)}.move-pill.side-white{background:#f1f1f1;color:#111}.move-pill.side-black{background:#2b2b2b;color:#f1f1f1;border:1px solid rgba(255,255,255,.25)}.uno-header{position:relative;justify-content:center;min-height:44px}.game-type-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.clock{background:var(--panel);border-radius:12px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;transition:opacity .2s ease}.clock.clock-dim{opacity:.4}.clock-label{color:var(--text-dim);font-size:13px}.clock-time{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}.board-wrap{position:relative}.pause-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:48px;font-weight:700;letter-spacing:4px;color:var(--accent);text-shadow:0 4px 24px rgba(0,0,0,.6);background:#00000040;z-index:5;pointer-events:none;user-select:none}.game.is-paused .cg-wrap{filter:blur(12px);transition:filter .2s;pointer-events:none}.game.is-paused .pause-overlay{display:flex}.captures{display:flex;align-items:center;gap:1px;min-height:22px;padding:0 4px;font-size:13px;color:var(--text-dim);font-variant-numeric:tabular-nums}.cg-wrap piece.pawn.white{background-image:url(/pieces/custom/wP.svg)}.cg-wrap piece.pawn.black{background-image:url(/pieces/custom/bP.svg)}.captured-piece{display:inline-block;width:22px;height:22px;background-size:110% 110%;background-position:center;background-repeat:no-repeat;margin-right:-7px}.captures-advantage{margin-left:10px;font-weight:600;color:var(--text)}.captured-piece.white.pawn{background-image:url(/pieces/custom/wP.svg)}.captured-piece.white.knight{background-image:url(/pieces/cburnett/wN.svg)}.captured-piece.white.bishop{background-image:url(/pieces/cburnett/wB.svg)}.captured-piece.white.rook{background-image:url(/pieces/cburnett/wR.svg)}.captured-piece.white.queen{background-image:url(/pieces/cburnett/wQ.svg)}.captured-piece.black.pawn{background-image:url(/pieces/custom/bP.svg)}.captured-piece.black.knight{background-image:url(/pieces/cburnett/bN.svg)}.captured-piece.black.bishop{background-image:url(/pieces/cburnett/bB.svg)}.captured-piece.black.rook{background-image:url(/pieces/cburnett/bR.svg)}.captured-piece.black.queen{background-image:url(/pieces/cburnett/bQ.svg)}.promotion-picker{position:absolute;display:grid;grid-template-rows:repeat(4,12.5%);height:50%;width:12.5%;background:#000000d9;z-index:10;border-radius:4px}.promotion-picker.from-top{top:0}.promotion-picker.from-bottom{bottom:0}.promotion-piece{background-color:var(--panel);background-size:88% 88%;background-position:center;background-repeat:no-repeat;border:none;cursor:pointer;transition:background-color .1s}.promotion-piece:hover{background-color:var(--accent)}.promotion-piece.white.queen{background-image:url(/pieces/cburnett/wQ.svg)}.promotion-piece.white.knight{background-image:url(/pieces/cburnett/wN.svg)}.promotion-piece.white.rook{background-image:url(/pieces/cburnett/wR.svg)}.promotion-piece.white.bishop{background-image:url(/pieces/cburnett/wB.svg)}.promotion-piece.black.queen{background-image:url(/pieces/cburnett/bQ.svg)}.promotion-piece.black.knight{background-image:url(/pieces/cburnett/bN.svg)}.promotion-piece.black.rook{background-image:url(/pieces/cburnett/bR.svg)}.promotion-piece.black.bishop{background-image:url(/pieces/cburnett/bB.svg)}.modal-overlay{position:fixed;inset:0;background:var(--modal-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:300}.modal-overlay--top{z-index:340}.modal{background:var(--card);border:2px solid var(--card-border);border-radius:24px;padding:24px;max-width:400px;width:100%;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;box-shadow:0 4px 0 var(--card-edge),var(--pop-shadow)}.modal h2{margin:0}.modal p{margin:0;color:var(--text-dim)}.modal .primary{width:100%}.install-banner{position:fixed;bottom:16px;left:16px;right:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:50;box-shadow:0 8px 24px #0006}.install-text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}.install-text strong{font-size:14px}.ios-share-icon{display:inline-block;width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2L8 6h3v9h2V6h3l-4-4zM5 19v-8h2v6h10v-6h2v8H5z'/></svg>") no-repeat center / contain;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2L8 6h3v9h2V6h3l-4-4zM5 19v-8h2v6h10v-6h2v8H5z'/></svg>") no-repeat center / contain;vertical-align:-2px}.install-close{background:none;border:none;color:var(--text-dim);font-size:24px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}[data-theme=midnight]{--bg: #0a0e1a;--panel: #131a2a;--accent: #6c8eef;--accent-soft: rgba(108, 142, 239, .14);--board-light: #b8c8e6;--board-dark: #4a5a82}.uno-game .board-wrap{flex:1;display:flex;min-height:0}.uno-board-wrap{flex:1;display:flex;min-height:0;width:100%}.uno-board{--uno-red: #d8313b;--uno-yellow: #f0a818;--uno-green: #1aa64b;--uno-blue: #1f7ae0;--uno-hand-w: 64px;--uno-pile-w: 98px;--uno-radius: 9px;flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.uno-hand-area{flex:0 0 auto;display:flex;justify-content:safe center;align-items:center;overflow-x:auto;overflow-y:hidden;height:calc(var(--uno-hand-w) * 3 / 2 + 48px);scrollbar-width:none;-webkit-overflow-scrolling:touch;transition:opacity .2s}.uno-hand-area::-webkit-scrollbar{display:none}.uno-hand-area:not(.active-turn){opacity:.5}.uno-hand{display:flex;align-items:center;padding:13px 18px;flex:0 0 auto}.uno-hand>.uno-card+.uno-card{margin-left:-28px}.uno-card{width:var(--uno-hand-w);aspect-ratio:2 / 3;flex:0 0 auto;user-select:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}.uno-card.draggable{cursor:grab;touch-action:none}.uno-card.playable{transform:translateY(-12px);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5)) drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 8px var(--accent))}.uno-float.lifted{transform:scale(1.06) rotate(2deg);filter:drop-shadow(0 14px 22px rgba(0,0,0,.6))}.uno-card-front{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}.uno-card-back-face{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1c1c28}.uno-back-mark{color:#ff2d8d;font-weight:800;font-style:italic;font-size:calc(var(--uno-hand-w) * .34);letter-spacing:-.5px}.uno-table{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:28px}.uno-pile{width:var(--uno-pile-w);aspect-ratio:2 / 3;flex:0 0 auto;padding:0;border:none;background:none;position:relative;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.uno-pile .uno-back-mark{font-size:calc(var(--uno-pile-w) * .3)}.uno-draw{cursor:pointer}.uno-draw:disabled{cursor:default;opacity:.7}.uno-draw-count{position:absolute;bottom:-9px;right:-9px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);z-index:2}.uno-discard-wrap{position:relative}.uno-active-color{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.85);z-index:2}.uno-active-color.red{background:var(--uno-red)}.uno-active-color.yellow{background:var(--uno-yellow)}.uno-active-color.green{background:var(--uno-green)}.uno-active-color.blue{background:var(--uno-blue)}.uno-float{will-change:transform,left,top}.uno-flip{perspective:900px}.uno-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.uno-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.uno-flip-face.front{transform:rotateY(180deg)}.uno-color-chooser{position:absolute;inset:0;background:#000000b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:30}.uno-chooser-title{color:#fff;font-weight:600;margin:0}.uno-chooser-row{display:flex;gap:16px}.uno-color-opt{width:56px;height:56px;border-radius:14px;border:3px solid rgba(255,255,255,.85);cursor:pointer;transition:transform .12s}.uno-color-opt:hover{transform:scale(1.08)}.uno-color-opt.red{background:var(--uno-red)}.uno-color-opt.yellow{background:var(--uno-yellow)}.uno-color-opt.green{background:var(--uno-green)}.uno-color-opt.blue{background:var(--uno-blue)}.uno-board.uno-4p{display:block;position:relative}.uno-4p .uno-seat,.uno-4p .uno-side{position:absolute;display:flex;align-items:center;justify-content:center}.uno-4p .seat-top{top:2px;left:50%;transform:translate(-50%);width:76%}.uno-4p .seat-bottom{bottom:4px;left:50%;transform:translate(-50%);width:96%}.uno-4p .seat-left{left:2px;top:38%;transform:translateY(-50%)}.uno-4p .seat-right{right:2px;top:38%;transform:translateY(-50%)}.uno-4p.uno-seats-3 .seat-topleft{left:9%;top:6%}.uno-4p.uno-seats-3 .seat-topright{right:9%;top:6%}.uno-4p.uno-seats-2 .seat-top{top:6px;width:86%}.uno-4p.uno-seats-2 .seat-top .uno-arc{height:104px}.uno-4p.uno-seats-2 .seat-top .uno-card{width:50px}.uno-4p .uno-arc{position:relative;width:100%}.uno-4p .seat-bottom .uno-arc{height:122px}.uno-4p .seat-top .uno-arc{height:92px}.uno-4p .uno-arc .uno-card{position:absolute;left:50%;top:0;margin:0}.uno-4p .seat-bottom .uno-card{width:58px}.uno-4p .seat-top .uno-card{width:44px}.uno-4p .uno-cluster{position:relative;width:52px;height:72px}.uno-4p .uno-cluster .uno-card{position:absolute;left:50%;top:50%;width:34px;margin:0}.uno-4p .uno-side-count{position:absolute;top:-6px;left:-8px;min-width:24px;height:24px;padding:0 5px;border-radius:12px;background:var(--uno-red);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 5px #00000080;z-index:3}.uno-4p .uno-discard-wrap{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%)}.uno-4p .uno-discard{position:relative;width:70px}.uno-4p .uno-discard .uno-card-front{position:absolute;inset:0}.uno-4p .uno-draw{position:absolute;left:9%;top:56%;width:58px}.uno-4p .uno-seat:not(.active-turn),.uno-4p .uno-side:not(.active-turn){opacity:.78;transition:opacity .2s}.uno-4p .uno-seat.active-turn,.uno-4p .uno-side.active-turn{opacity:1}.uno-call-btn{position:absolute;right:8%;top:56%;width:62px;height:62px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 36% 30%,#ff5b5b,#c01717);color:#fff;box-shadow:0 4px 12px #00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:25;animation:uno-call-pulse 1.1s ease-in-out infinite}.uno-call-btn span{font-weight:900;font-style:italic;font-size:17px;letter-spacing:-.5px;transform:rotate(-8deg)}.uno-call-btn[hidden]{display:none}@keyframes uno-call-pulse{0%,to{box-shadow:0 4px 12px #00000080,0 0 #ff5b5b99}50%{box-shadow:0 4px 12px #00000080,0 0 0 10px #ff5b5b00}}.uno-challenge-btn{position:absolute;left:50%;top:70%;transform:translate(-50%);padding:10px 18px;border-radius:20px;border:none;background:var(--accent);color:var(--accent-fg);font-weight:800;font-size:15px;box-shadow:0 4px 12px #00000080;cursor:pointer;z-index:25;animation:uno-call-pulse 1.1s ease-in-out infinite}.uno-challenge-btn[hidden]{display:none}.uno-centre{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:60}.uno-stamp img{width:46%;max-width:240px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.55));animation:uno-stamp-anim .65s ease forwards}@keyframes uno-stamp-anim{0%{opacity:0;transform:scale(1.9) rotate(-11deg)}35%{opacity:1;transform:scale(.92) rotate(-8deg)}55%{opacity:1;transform:scale(1) rotate(-8deg)}to{opacity:0;transform:scale(1) rotate(-8deg)}}.uno-announce-badge{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#3a3a44;border:6px solid #fff;box-shadow:0 10px 30px #00000080;animation:uno-announce-anim .9s ease forwards}.uno-announce-badge.red{background:var(--uno-red)}.uno-announce-badge.yellow{background:var(--uno-yellow)}.uno-announce-badge.green{background:var(--uno-green)}.uno-announce-badge.blue{background:var(--uno-blue)}.uno-announce-badge svg{width:64%;height:64%}.uno-announce-text{font-weight:900;font-style:italic;font-size:54px;letter-spacing:-1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.uno-announce-text.wild{font-size:30px;letter-spacing:1px}@keyframes uno-announce-anim{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.14)}30%{transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.uno-mode-options{display:flex;flex-direction:column;gap:10px;margin:8px 0 14px}.uno-mode-opt{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.uno-mode-opt:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.uno-mode-opt:disabled{opacity:.45;cursor:default}.uno-mode-name{font-weight:700;font-size:16px}.uno-mode-sub{font-size:12px;color:var(--text-dim)}.cards-screen{width:100%;max-width:480px;margin:0 auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:14px;min-height:100%}.cards-head{display:flex;align-items:center;justify-content:space-between}.cards-title{margin:0;font-size:22px}.cards-balance{display:inline-flex;align-items:center;gap:5px;color:#2ec5d3;font-size:17px}.cards-balance strong{color:#2ec5d3;font-weight:800;font-variant-numeric:tabular-nums}.cards-balance .diamond-icon{width:18px;height:18px}.cards-tabs{display:flex;gap:6px;padding:5px;border-radius:14px;background:#ffffff0d;border:1px solid var(--border)}.cards-tab{appearance:none;flex:1;border:none;cursor:pointer;padding:9px 8px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-dim);background:transparent;transition:background .15s ease,color .15s ease}.cards-tab.active{background:var(--accent);color:var(--accent-fg)}.cards-body{flex:1}.packs-view{display:flex;flex-direction:column;gap:16px;padding-top:4px}.free-banner{margin:0;text-align:center;font-size:14px;font-weight:700;color:#ffd24a;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.free-banner.none{color:var(--text-dim);font-weight:600}.free-banner .diamond-icon{width:15px;height:15px}.pack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pack-tile{appearance:none;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px}.pack-tile:disabled,.pack-tile.placeholder{cursor:default}.pack-art{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 30% 0%,#ffffff47,#fff0 55%),linear-gradient(160deg,var(--accent),#7a1850 80%);box-shadow:0 12px 26px #0000006b,inset 0 1px 1px #fff6,inset 0 0 0 2px #ffffff2e;transition:transform .18s ease}.pack-tile:not(:disabled):active .pack-art{transform:scale(.97)}.pack-art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.pack-art.has-art{background:#15101f}.pack-art-label{font-size:30px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.pack-art.coming-soon{background:linear-gradient(160deg,#4a4a4f,#2a2a2e);box-shadow:none;filter:grayscale(1);opacity:.4}.pack-art.coming-soon .pack-art-label{color:#fff9}.pack-art-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%);transform:translate(-120%);animation:packShine 3.6s ease-in-out infinite}@keyframes packShine{0%,65%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.pack-tile-name{font-size:15px;font-weight:800;color:var(--text)}.pack-soon{font-size:12px;color:var(--text-dim)}.pack-cost{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:800;color:#2ec5d3;padding:5px 13px;border-radius:999px;background:#2ec5d31f;border:1px solid rgba(46,197,211,.5)}.pack-cost .diamond-icon{width:15px;height:15px}.pack-cost.is-free{color:#ffd24a;background:#ffd24a1f;border-color:#ffd24a80;letter-spacing:1px}.pack-error{margin:0;color:#ff6b6b;font-size:14px;font-weight:600;text-align:center}.pack-error[hidden]{display:none}.tier-bronze{--tier: #cd7f32;--tier-glow: rgba(205, 127, 50, .55)}.tier-silver{--tier: #c8c8c8;--tier-glow: rgba(200, 200, 200, .55)}.tier-gold{--tier: #f5c518;--tier-glow: rgba(245, 197, 24, .6)}.tier-platinum{--tier: #b9f2ff;--tier-glow: rgba(185, 242, 255, .7)}@keyframes holoShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pack-reveal-overlay{position:fixed;inset:0;z-index:320;background:#000000d1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;user-select:none;-webkit-user-select:none}.reveal-stage{perspective:1100px;display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.reveal-hint{margin:0;color:#ffffffb3;font-size:15px;min-height:18px}.reveal-card{width:min(70vw,240px);aspect-ratio:2 / 3;transition:transform .3s ease,opacity .3s ease}.reveal-card.slide-in{transform:translate(-130%) rotate(-8deg);opacity:0}.reveal-card.slide-out{transform:translate(130%) rotate(8deg);opacity:0}.reveal-card.rare-pop{animation:rarePop .5s ease}@keyframes rarePop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.reveal-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.1,.2,1)}.reveal-card-inner.flipped{transform:rotateY(180deg)}.reveal-face{position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.reveal-back{background:repeating-linear-gradient(45deg,#ffffff0f 0 10px,#fff0 10px 20px),linear-gradient(160deg,#3a2150,#1a1030);border:2px solid rgba(255,255,255,.18);box-shadow:0 14px 34px #00000080}.reveal-back-mark{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;color:#fff;background:linear-gradient(160deg,var(--accent),#7a1850);box-shadow:inset 0 1px 2px #ffffff80}.reveal-back-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px}.pack-chooser{display:flex;flex-direction:column;gap:12px;align-items:stretch;max-width:320px}.pc-head{display:flex;flex-direction:column;align-items:center;gap:8px}.pc-art{width:96px;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;position:relative;background:#15101f;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #0000006b,inset 0 0 0 2px #ffffff24}.pc-art-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.pc-title{margin:0;font-size:19px;text-align:center}.pc-option{appearance:none;cursor:pointer;text-align:left;width:100%;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border);color:var(--text);transition:border-color .15s ease,background .15s ease,transform .1s ease}.pc-option:not(:disabled):active{transform:scale(.98)}.pc-option:not(:disabled):hover{border-color:var(--accent)}.pc-option:disabled{opacity:.45;cursor:default}.pc-option.premium{border-color:#f5c518;background:linear-gradient(160deg,#f5c5181f,#f5c51805)}.pc-opt-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-opt-name{font-size:15px;font-weight:800}.pc-opt-cost{display:inline-flex;align-items:center;gap:3px;font-weight:800;font-variant-numeric:tabular-nums}.pc-opt-cost .diamond-icon{width:14px;height:14px}.pc-opt-cost.is-free{color:#3fc56b}.pc-opt-desc{font-size:12px;color:var(--text-dim)}.pc-cancel{appearance:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--text-dim);font:inherit;font-weight:700}.reveal-front{transform:rotateY(180deg);background:linear-gradient(160deg,#2b2b30,#18181b);border:3px solid var(--tier);box-shadow:0 0 22px var(--tier-glow),0 14px 34px #00000080}.reveal-front.tier-platinum{background:linear-gradient(120deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb,#d4fc79,#ffd1ff);background-size:300% 300%;animation:holoShift 4s ease infinite}.reveal-emoji{font-size:84px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.reveal-name{font-size:22px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.reveal-tier{font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--tier)}.tier-platinum .reveal-tier,.tier-platinum.reveal-front .reveal-tier{color:#2a2030}.tier-platinum .reveal-name{color:#221a2c;text-shadow:none}.reveal-summary{display:flex;flex-direction:column;align-items:center;gap:18px}.reveal-summary h3{margin:0;color:#fff;font-size:20px}.reveal-summary-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mini-card{width:92px;aspect-ratio:2 / 3;border-radius:12px;border:2px solid var(--tier);box-shadow:0 0 14px var(--tier-glow);background:linear-gradient(160deg,#2b2b30,#18181b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.mini-card.tier-platinum{background:linear-gradient(120deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb,#d4fc79,#ffd1ff);background-size:300% 300%;animation:holoShift 4s ease infinite}.mini-emoji{font-size:38px;line-height:1}.mini-name{font-size:11px;font-weight:700;color:#fff;text-align:center;padding:0 4px}.tier-platinum .mini-name{color:#221a2c}.collection-view{display:flex;flex-direction:column;gap:22px;padding-bottom:12px}.tier-group{display:flex;flex-direction:column;gap:10px}.tier-header{margin:0;display:flex;align-items:center;justify-content:space-between;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:var(--tier);padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.tier-count{font-size:13px;color:var(--text-dim);letter-spacing:0}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 360px){.collection-grid{grid-template-columns:repeat(3,1fr)}}.coll-card{appearance:none;aspect-ratio:3 / 4;border-radius:12px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.coll-card.owned{cursor:pointer;border:2px solid var(--tier);background:linear-gradient(160deg,#2b2b30,#18181b);box-shadow:0 0 10px var(--tier-glow);transition:transform .12s ease}.coll-card.owned:hover{transform:translateY(-2px)}.coll-card.owned.tier-platinum{background:linear-gradient(120deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb,#d4fc79,#ffd1ff);background-size:300% 300%;animation:holoShift 4s ease infinite}.coll-emoji{font-size:30px;line-height:1}.coll-name{font-size:10px;font-weight:700;color:#fff;text-align:center;padding:0 3px}.tier-platinum .coll-name{color:#221a2c}.coll-card.silhouette{border:1px solid rgba(255,255,255,.06);background:var(--tier);opacity:.18}.card-zoom{width:min(74vw,280px);aspect-ratio:2 / 3;border-radius:20px;border:4px solid var(--tier);box-shadow:0 0 30px var(--tier-glow),0 20px 50px #0009;background:linear-gradient(160deg,#2b2b30,#18181b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.card-zoom.tier-platinum{background:linear-gradient(120deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb,#d4fc79,#ffd1ff);background-size:300% 300%;animation:holoShift 4s ease infinite}.card-zoom-emoji{font-size:110px;line-height:1;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}.card-zoom-name{font-size:26px;font-weight:800;color:#fff}.card-zoom-tier{font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--tier)}.tier-platinum .card-zoom-name{color:#221a2c}.tier-platinum .card-zoom-tier{color:#2a2030}.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.reveal-face.has-art{overflow:hidden}.card-zoom.has-art,.mini-card.has-art,.coll-card.has-art{position:relative;overflow:hidden}.card-caption{position:absolute;left:8px;right:8px;bottom:12px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:8px;background:#0000008c;backdrop-filter:blur(2px)}.coll-card .card-caption{left:4px;right:4px;bottom:6px;padding:4px;border-radius:6px}.card-cap-name{color:#fff;font-weight:800;font-size:13px;text-align:center;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.6)}.card-cap-tier{color:var(--tier);font-weight:800;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.reveal-card .card-cap-name{font-size:17px}.reveal-card .card-cap-tier{font-size:12px}.card-zoom .card-cap-name{font-size:20px}.card-zoom .card-cap-tier{font-size:13px}.coll-card .card-caption{padding:10px 3px 4px}.coll-card .card-cap-name{font-size:10px}.coll-switch-wrap{position:relative;align-self:flex-start}.coll-switch{appearance:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:8px 14px;border-radius:999px;font-size:15px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(255,45,141,.4)}.coll-caret{width:18px;height:18px}.coll-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:190px;z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 30px #00000080}.coll-menu[hidden]{display:none}.coll-menu-item{appearance:none;display:block;width:100%;text-align:left;cursor:pointer;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:600}.coll-menu-item:hover:not(:disabled){background:#ffffff0f}.coll-menu-item.active{background:var(--accent-soft);color:var(--accent)}.coll-menu-item:disabled{color:var(--text-dim);cursor:default;font-weight:500}.reward-modal .reward-lines{display:flex;flex-direction:column;gap:8px;width:100%}.reward-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:12px;background:#ffffff0d;font-size:15px}.reward-amt{display:inline-flex;align-items:center;gap:5px;font-weight:800;color:#2ec5d3}.reward-amt .diamond-icon{width:15px;height:15px}.reward-balance{display:inline-flex;align-items:center;gap:5px}.reward-balance .diamond-icon{width:14px;height:14px}.coll-card{position:relative}.coll-count{position:absolute;top:3px;right:3px;z-index:2;font-size:10px;font-weight:800;line-height:1;padding:2px 5px;border-radius:999px;color:#fff;background:#0000009e;border:1px solid rgba(255,255,255,.28)}.coll-card.dimmed{opacity:.35;cursor:default}.trade-start-btn{appearance:none;width:100%;margin-bottom:4px;padding:13px 14px;border-radius:14px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:15px;font-weight:700;cursor:pointer}.trade-start-btn:disabled{opacity:.45;cursor:default}.trade-screen{width:100%;max-width:480px;margin:0 auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:12px;min-height:100%}.trade-head{display:flex;align-items:baseline;gap:8px}.trade-title{margin:0;font-size:22px}.trade-sub{color:var(--text-dim);font-size:15px}.trade-party{background:linear-gradient(to bottom,#ffffff0d,#ffffff03 60%),var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.trade-party-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-dim);letter-spacing:.3px}.trade-lock{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#4ade80}.trade-lock[hidden]{display:none}.trade-cards{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:132px}.trade-swap{text-align:center;color:var(--text-dim);font-size:20px;line-height:1}.trade-slot.empty{width:88px;aspect-ratio:2 / 3;border:2px dashed rgba(255,255,255,.22);border-radius:12px}.trade-card{position:relative;width:88px;aspect-ratio:2 / 3;border-radius:12px;border:2px solid var(--tier);box-shadow:0 0 12px var(--tier-glow);background:linear-gradient(160deg,#2b2b30,#18181b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.trade-card.tier-platinum{background:linear-gradient(120deg,#ff9a9e,#fad0c4,#a1c4fd,#c2e9fb,#d4fc79,#ffd1ff);background-size:300% 300%;animation:holoShift 4s ease infinite}.trade-card-emoji{font-size:40px;line-height:1}.trade-card-name{font-size:11px;font-weight:700;color:#fff;text-align:center;padding:0 4px}.trade-card.tier-platinum .trade-card-name{color:#221a2c}.trade-card.locked{opacity:.92}.trade-remove{position:absolute;top:-9px;left:-9px;z-index:3;height:26px;min-width:26px;padding:0;border-radius:13px;border:2px solid var(--panel);background:var(--danger);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:min-width .12s ease}.trade-remove-icon{font-size:18px;font-weight:800;line-height:1}.trade-remove-text{display:none;font-size:11px;font-weight:800;padding:0 8px}.trade-remove.armed{min-width:78px}.trade-remove.armed .trade-remove-icon{display:none}.trade-remove.armed .trade-remove-text{display:inline}.trade-remove.disabled{background:#555;opacity:.5;cursor:default}.trade-actions{display:flex;flex-direction:column;gap:10px;margin-top:2px}.trade-actions .secondary,.trade-actions .primary{width:100%}.trade-actions .primary:disabled{opacity:.45;cursor:default}.trade-actions .primary.is-cancel{background:transparent;border:1px solid var(--accent);color:var(--accent)}.trade-picker-overlay{position:fixed;inset:0;z-index:300;background:#000000b8;display:flex;align-items:flex-end;justify-content:center}.trade-picker{width:100%;max-width:480px;max-height:78vh;margin:0 12px;margin-bottom:calc(96px + env(safe-area-inset-bottom));background:var(--panel);border-radius:18px;border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.trade-picker-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:700;border-bottom:1px solid var(--border)}.trade-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;overflow-y:auto}@media (max-width: 360px){.trade-picker-grid{grid-template-columns:repeat(3,1fr)}}.trade-add-confirm{display:flex;flex-direction:column;align-items:center;gap:16px}.trade-add-actions{display:flex;flex-direction:column;gap:10px;width:min(74vw,280px)}.trade-add-actions .primary,.trade-add-actions .secondary{width:100%}.trade-anim-overlay{position:fixed;inset:0;z-index:320;background:#000000db;display:flex;align-items:center;justify-content:center;overflow:hidden}.trade-confirmed-badge{position:absolute;top:22%;left:50%;transform:translate(-50%,-50%) scale(.4);font-size:34px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 12px rgba(255,45,141,.8);animation:confirmedPop .5s cubic-bezier(.34,1.56,.64,1) forwards;z-index:2}@keyframes confirmedPop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}60%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.trade-confirmed-badge.fade-out{transition:opacity .3s ease;opacity:0}.trade-anim-stage{position:absolute;inset:0}.trade-anim-card{position:absolute;left:50%;top:50%;width:92px;aspect-ratio:2 / 3;transform:translate(-50%,-50%)}.trade-anim-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.trade-anim-inner.flipped{transform:rotateY(180deg)}.trade-anim-card .reveal-emoji{font-size:40px}.trade-anim-card .reveal-name{font-size:11px}.trade-anim-card .reveal-back-mark{width:38px;height:38px;font-size:20px}.trade-popover{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom));transform:translate(-50%,8px);z-index:260;padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;color:var(--text);background:#18181bf7;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 28px #00000080;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.trade-popover.show{opacity:1;transform:translate(-50%)}.fpl-screen{width:100%;max-width:480px;margin:0 auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:14px;min-height:100%}.fpl-head{display:none;align-items:baseline;justify-content:space-between}.fpl-title{margin:0;font-size:24px;font-weight:800;letter-spacing:.5px}.fpl-title-sep{color:var(--accent)}.fpl-sub{color:var(--text-dim);font-size:13px}.fpl-tabs{display:flex;gap:6px;padding:5px;border-radius:14px;background:#ffffff0d;border:1px solid var(--border)}.fpl-tab{appearance:none;flex:1;border:none;cursor:pointer;padding:9px 8px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-dim);background:transparent;transition:background .15s ease,color .15s ease}.fpl-tab.active{background:var(--accent);color:var(--accent-fg)}.fpl-body{flex:1}.fpl-loading,.fpl-empty{color:var(--text-dim);text-align:center;padding:32px 12px}.fpl-empty .secondary{margin-top:12px}.fpl-empty-list{color:var(--text-dim);text-align:center;padding:16px;font-size:14px}.fpl-pick{display:flex;flex-direction:column;gap:12px}.fpl-deadline{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--border)}.fpl-gw-name{font-weight:700}.fpl-countdown{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.fpl-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fpl-slot{position:relative;border-radius:12px;border:1px solid var(--border);background:var(--panel);min-height:64px;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}.fpl-slot.empty{border-style:dashed;color:var(--text-dim)}.fpl-slot-pos{font-size:12px;font-weight:700;color:var(--text-dim)}.fpl-slot-name{font-size:13px;font-weight:700;line-height:1.1}.fpl-slot-team{font-size:11px;color:var(--text-dim)}.fpl-slot-actions{display:flex;gap:4px;margin-top:4px}.fpl-cap-btn,.fpl-remove{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);width:22px;height:22px;border-radius:6px;font-size:12px;font-weight:800;cursor:pointer;line-height:1}.fpl-cap-btn.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.fpl-remove{color:var(--danger);border-color:var(--danger)}.fpl-cap{font-size:10px;font-weight:900;border-radius:5px;padding:1px 4px}.fpl-slot .fpl-cap{position:absolute;top:4px;left:4px}.fpl-cap.c{background:var(--accent);color:var(--accent-fg)}.fpl-cap.v{background:#444;color:var(--text)}.fpl-squad-count{text-align:right;color:var(--text-dim);font-size:12px;margin-top:6px;font-variant-numeric:tabular-nums}.fpl-pick-msg{color:var(--accent);font-size:13px;min-height:16px;margin:0;text-align:center}.fpl-deadline.offseason .fpl-countdown{color:var(--text-dim);font-weight:600;font-size:12px}.fpl-format-toggle{display:flex;gap:6px;padding:4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border);margin-bottom:8px}.fpl-format-toggle.small{max-width:260px;margin:0 auto 10px}.fpl-fmt-tab{appearance:none;flex:1;border:none;cursor:pointer;padding:8px;border-radius:9px;font-size:13px;font-weight:700;color:var(--text-dim);background:transparent}.fpl-fmt-tab.active{background:var(--accent);color:var(--accent-fg)}.fpl-view-toggle{display:flex;gap:6px;padding:4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border)}.fpl-view-tab{appearance:none;flex:1;border:none;cursor:pointer;padding:8px;border-radius:9px;font-size:13px;font-weight:700;color:var(--text-dim);background:transparent}.fpl-view-tab.active{background:var(--accent);color:var(--accent-fg)}.fpl-shield{width:100%;height:100%;display:block}.fpl-badge{display:inline-flex;width:46px;height:46px;flex:0 0 auto}.fpl-shield.sm{width:30px;height:30px}.fpl-identity-top{display:flex;align-items:center;gap:12px}.fpl-identity-top.readonly .fpl-ro-name{font-size:18px;font-weight:800}.fpl-name-input{flex:1;min-width:0;appearance:none;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:16px;font-weight:700}.fpl-colors{display:flex;flex-direction:column;gap:6px;margin-top:10px}.fpl-color-row{display:flex;align-items:center;gap:8px}.fpl-color-label{width:72px;flex:0 0 auto;font-size:12px;color:var(--text-dim);font-weight:600}.fpl-swatches{display:flex;flex-wrap:wrap;gap:6px}.fpl-swatch{appearance:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--border);cursor:pointer;padding:0}.fpl-swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.fpl-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fpl-team-id{display:flex;align-items:center;gap:10px;min-width:0}.fpl-team-name{font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fpl-edit-link{appearance:none;border:none;background:transparent;color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;padding:2px 4px;flex:0 0 auto}.fpl-points-box{flex:0 0 auto;min-width:46px;text-align:center;padding:6px 12px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.fpl-gw-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 8px}.fpl-gw-title-text{font-size:14px;font-weight:700;color:var(--text-dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fpl-format-pills{display:flex;gap:3px;flex:0 0 auto;padding:3px;border-radius:9px;background:#ffffff0d;border:1px solid var(--border)}.fpl-fmt-pill{appearance:none;border:none;cursor:pointer;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:var(--text-dim);background:transparent;white-space:nowrap}.fpl-fmt-pill.active{background:var(--accent);color:var(--accent-fg)}.fpl-pitch-host{margin-bottom:4px}.fpl-pitch{position:relative;border-radius:14px;overflow:hidden;padding:10px 4px;min-height:470px;display:flex;flex-direction:column;justify-content:space-evenly;gap:6px;background:linear-gradient(175deg,#1d7a39,#14602c)}.fpl-pitch.tight-top{padding-top:3px}.fpl-pitch.blue{background:linear-gradient(175deg,#4a6796,#3a5277)}.fpl-pitch.f11 .fpl-pcard{width:68px;gap:3px}.fpl-pitch.f11 .fpl-kit,.fpl-pitch.f11 .fpl-kit img{width:40px;height:40px}.fpl-pitch.f11 .fpl-pcard-name{font-size:9px;padding:2px 4px}.fpl-pitch.f11 .fpl-pcard-pts{font-size:10px}.fpl-pitch.f11 .fpl-cap,.fpl-pitch.f11 .fpl-remove-dot{width:15px;height:15px;font-size:10px}.fpl-pitch.f11 .fpl-row.def,.fpl-pitch.f11 .fpl-row.mid{max-width:100%;gap:2px}.fpl-pitch.f11 .fpl-row.fwd{max-width:70%}.fpl-pitch-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.22}.fpl-pitch-dim{position:absolute;inset:0;background:#0006}.fpl-pitch>.fpl-row{position:relative;z-index:1}.fpl-formation-badge{position:absolute;top:6px;left:8px;z-index:2;font-size:12px;font-weight:800;color:#fff;background:#00000073;padding:2px 8px;border-radius:8px;font-variant-numeric:tabular-nums}.fpl-row{display:flex;justify-content:space-evenly;align-items:flex-start;gap:4px;width:100%}.fpl-row.gk{max-width:42%;margin:0 auto}.fpl-row.mid,.fpl-row.fwd{max-width:72%;margin:0 auto}.fpl-row-empty{color:#fff9;font-size:12px;font-weight:600;padding:12px 0}.fpl-pcard{width:106px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.fpl-pcard.swapping{outline:2px dashed #fff;outline-offset:3px;border-radius:10px}.fpl-kit{position:relative;width:62px;height:62px;display:flex;align-items:center;justify-content:center}.fpl-kit img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.fpl-kit.no-kit{border:2px dashed rgba(255,255,255,.6);border-radius:50%}.fpl-kit.lg,.fpl-kit.lg img{width:72px;height:72px}.fpl-pcard-plate{width:100%;display:flex;flex-direction:column;align-items:stretch}.fpl-pcard-name{font-size:13px;font-weight:700;color:#fff;background:#241c2e;border-radius:6px 6px 0 0;padding:3px 6px;text-align:center;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fpl-pcard-pts{width:100%;text-align:center;font-size:13px;font-weight:800;color:#1a1a1a;background:#fff;border-radius:0 0 6px 6px;padding:2px 6px;font-variant-numeric:tabular-nums}.fpl-kit .fpl-cap{position:absolute;bottom:-2px;left:-2px;z-index:2;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;font-size:11px}.fpl-remove-dot{position:absolute;top:-4px;right:-4px;z-index:2;appearance:none;width:20px;height:20px;border-radius:50%;border:none;background:var(--danger);color:#fff;font-size:14px;font-weight:800;line-height:1;cursor:pointer}.fpl-remove-dot.sm{width:18px;height:18px;font-size:12px;top:50%;right:6px;transform:translateY(-50%)}.fpl-pcard.empty{cursor:pointer}.fpl-pcard.empty .fpl-kit{border:2px dashed rgba(255,255,255,.55);border-radius:50%}.fpl-pcard-name.dim{background:#0006;color:#ffffffd9;font-weight:600;border-radius:6px}.fpl-bench-row{margin-top:10px;padding:8px;border-radius:12px;background:#ffffff0a;border:1px solid var(--border)}.fpl-bench-title{display:block;font-size:11px;font-weight:800;color:var(--text-dim);letter-spacing:.5px;margin-bottom:6px}.fpl-bench-cards{display:flex;justify-content:space-evenly;gap:4px}.fpl-bench-cards .fpl-pcard{width:76px;gap:3px}.fpl-bench-cards .fpl-kit,.fpl-bench-cards .fpl-kit img{width:42px;height:42px}.fpl-bench-cards .fpl-pcard-name,.fpl-bench-cards .fpl-pcard-pts{font-size:11px}.fpl-bench-below{display:flex;justify-content:flex-start;margin-top:8px}.fpl-sub{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px 32px 6px 10px;cursor:pointer}.fpl-sub.swapping{outline:2px dashed var(--accent);outline-offset:2px}.fpl-sub-label{font-size:10px;font-weight:800;color:var(--text-dim);letter-spacing:.5px}.fpl-sub-name{font-size:13px;font-weight:700;color:var(--text)}.fpl-sub-pts{font-size:12px;font-weight:800;color:var(--accent)}.fpl-sub-empty{color:var(--text-dim);font-size:12px;font-style:italic}.fpl-modal{display:flex;flex-direction:column;gap:14px}.fpl-pm-head{display:flex;align-items:center;gap:12px}.fpl-pm-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fpl-pm-name{font-size:16px;font-weight:800}.fpl-pm-meta{font-size:13px;color:var(--text-dim)}.fpl-pm-season{text-align:center;line-height:1.1}.fpl-pm-season strong{font-size:18px;font-variant-numeric:tabular-nums}.fpl-pm-season small{display:block;font-size:10px;color:var(--text-dim)}.fpl-pm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fpl-pm-actions .primary,.fpl-pm-actions .secondary{width:100%}.fpl-pm-actions .secondary:disabled{opacity:.4;cursor:default}.fpl-player.club-full{opacity:.45}.fpl-filters{display:flex;gap:6px}.fpl-search,.fpl-filter{appearance:none;padding:9px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px}.fpl-search{flex:1;min-width:0}.fpl-filter{flex:0 0 auto}.fpl-player-list{display:flex;flex-direction:column;gap:6px;margin-top:12px;max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.fpl-player{appearance:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.fpl-player.picked{border-color:var(--accent);background:var(--accent-soft)}.fpl-player-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fpl-player-name{font-weight:700;font-size:14px}.fpl-player-meta{font-size:12px;color:var(--text-dim)}.fpl-player-pts{text-align:right;line-height:1.1}.fpl-player-pts strong{font-size:15px;font-variant-numeric:tabular-nums}.fpl-player-pts small{display:block;font-size:10px;color:var(--text-dim)}.fpl-player-add{appearance:none;flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:800;line-height:1;cursor:pointer}.fpl-player.picked .fpl-player-add{border-color:var(--danger);color:var(--danger);background:transparent}.fpl-player.club-full .fpl-player-add{border-color:var(--border);color:var(--text-dim);background:transparent}.fpl-avail{font-size:10px;font-weight:800;border-radius:5px;padding:1px 4px;vertical-align:middle}.fpl-avail.doubt{background:#6b5300;color:#ffd23f}.fpl-avail.out{background:#5a1f1f;color:#ff7a7a}.fpl-save-bar{position:sticky;bottom:0;padding-top:6px}.fpl-save-bar .primary{width:100%}.fpl-live{display:flex;flex-direction:column;gap:12px}.fpl-gw-switch{display:flex;align-items:center;justify-content:center;gap:16px}.fpl-gw-switch button{appearance:none;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);width:34px;height:34px;border-radius:9px;font-size:18px;line-height:1}.fpl-gw-label{font-weight:700;min-width:120px;text-align:center}.fpl-score-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--border)}.fpl-mgr{display:flex;flex-direction:column;align-items:center;gap:4px}.fpl-mgr-name{font-size:13px;color:var(--text-dim);font-weight:600}.fpl-mgr-score{font-size:34px;font-weight:900;font-variant-numeric:tabular-nums}.fpl-mgr.you .fpl-mgr-score{color:var(--accent)}.fpl-vs{color:var(--text-dim);font-weight:700;font-size:13px}.fpl-final{color:#06d6a0;font-weight:800;font-size:12px}.fpl-livedot-badge{color:#f57;font-weight:800;font-size:12px}.fpl-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fpl-bd-col{display:flex;flex-direction:column;gap:4px}.fpl-bd-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:9px;background:var(--panel);border:1px solid var(--border);font-size:13px}.fpl-bd-row.didnt-play{opacity:.5}.fpl-bd-name{display:flex;align-items:center;gap:5px;min-width:0}.fpl-bd-pts{font-weight:800;font-variant-numeric:tabular-nums}.fpl-livedot{width:7px;height:7px;border-radius:50%;background:#f57;display:inline-block;animation:fpl-pulse 1.2s ease-in-out infinite}@keyframes fpl-pulse{0%,to{opacity:1}50%{opacity:.3}}.fpl-season{display:flex;flex-direction:column;gap:14px}.fpl-ladder{border:1px solid var(--border);border-radius:12px;overflow:hidden}.fpl-ladder-row{display:grid;grid-template-columns:1fr 28px 28px 28px 40px 40px;align-items:center;padding:10px 12px;font-size:14px;font-variant-numeric:tabular-nums;text-align:center}.fpl-ladder-row>span:first-child{text-align:left}.fpl-ladder-row.head{background:#ffffff0d;color:var(--text-dim);font-size:12px;font-weight:700}.fpl-ladder-row:not(.head):nth-child(odd){background:var(--panel)}.fpl-ladder-name{font-weight:700}.fpl-hist-title{margin:0;font-size:15px}.fpl-history{display:flex;flex-direction:column;gap:6px}.fpl-hist-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:9px;background:var(--panel);border:1px solid var(--border);font-size:14px}.fpl-hist-score{font-weight:800;font-variant-numeric:tabular-nums}.fpl-hist-note{color:var(--text-dim)}.cinnamini{--cm-px: 8px;--pixel-clip: polygon( 0 var(--cm-px), var(--cm-px) var(--cm-px), var(--cm-px) 0, calc(100% - var(--cm-px)) 0, calc(100% - var(--cm-px)) var(--cm-px), 100% var(--cm-px), 100% calc(100% - var(--cm-px)), calc(100% - var(--cm-px)) calc(100% - var(--cm-px)), calc(100% - var(--cm-px)) 100%, var(--cm-px) 100%, var(--cm-px) calc(100% - var(--cm-px)), 0 calc(100% - var(--cm-px)) );font-family:Pixelify Sans,ui-monospace,SF Mono,monospace;max-width:460px;margin:0 auto;padding:16px 16px 132px}.cm-hatch{display:flex;flex-direction:column;align-items:center;gap:14px}.cm-title{margin:6px 0 0;font-size:24px;font-weight:700}.cm-egg{width:168px;height:168px;image-rendering:pixelated}.cm-hatch-hint{color:var(--text-dim);margin:0;font-size:16px}.cm-egg-options{display:flex;gap:10px;width:100%;justify-content:center}.cm-egg-option{flex:1 1 0;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;background:var(--panel);border:2px solid var(--border);clip-path:var(--pixel-clip);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.cm-egg-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.cm-mini{width:72px;height:72px;image-rendering:pixelated}.cm-opt-name{font-weight:600;font-size:16px}.cm-opt-blurb{color:var(--text-dim);font-size:13px}.cm-name-field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-dim);width:100%;max-width:220px}.cm-name-field input{font:inherit;background:#ffffff0d;border:2px solid var(--border);clip-path:var(--pixel-clip);padding:10px 12px;color:var(--text);font-size:18px;text-align:center}.cm-name-field input:focus{outline:none;border-color:var(--accent)}.cm-hatch-btn{font:inherit;background:var(--accent);color:var(--accent-fg);border:none;clip-path:var(--pixel-clip);padding:12px 40px;font-weight:700;font-size:18px;cursor:pointer}.cm-hatch-btn:active{transform:scale(.96)}.cm-text-btn{font:inherit;background:none;border:none;color:var(--accent);font-size:16px;font-weight:600;cursor:pointer;padding:6px 4px;justify-self:start}.cm-pet{display:flex;flex-direction:column;gap:14px}.cm-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.cm-daycare-btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:var(--panel);border:2px solid var(--border);color:var(--text);cursor:pointer;clip-path:var(--pixel-clip)}.cm-daycare-btn:active{transform:scale(.94)}.cm-daycare-ic{width:22px;height:22px;color:var(--accent);display:block}.cm-daycare-ic svg{width:100%;height:100%;display:block}.cm-id{display:flex;flex-direction:column;align-items:center}.cm-name{font-size:22px;font-weight:700}.cm-age{color:var(--text-dim);font-size:14px}.cm-daynight{font-size:13px;font-weight:700;padding:6px 12px;clip-path:var(--pixel-clip);background:var(--accent-soft);color:var(--accent);justify-self:end}.cm-stage{position:relative;aspect-ratio:1 / 1;width:100%;max-width:300px;margin:0 auto;clip-path:var(--pixel-clip);overflow:hidden;cursor:pointer;background:linear-gradient(#bfe3ff,#eaf7ff);transition:background .6s}.cinnamini.is-night .cm-stage{background:linear-gradient(#10162e,#243056)}.cm-sky{position:absolute;inset:0}.cm-celestial{position:absolute;top:16px;right:20px;width:30px;height:30px;background:#ffe27a;box-shadow:0 0 18px #ffe27a8c;transition:background .6s;image-rendering:pixelated;clip-path:polygon(33% 0,67% 0,67% 16%,84% 16%,84% 33%,100% 33%,100% 67%,84% 67%,84% 84%,67% 84%,67% 100%,33% 100%,33% 84%,16% 84%,16% 67%,0 67%,0 33%,16% 33%,16% 16%,33% 16%)}.cm-celestial.moon{background:#e8ecff;box-shadow:0 0 16px #c9d4ff8c}.cm-floor{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(#7ec96a,#69b657);transition:background .6s}.cinnamini.is-night .cm-floor{background:linear-gradient(#2c3d5a,#22304a)}.cm-canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.cm-mood{text-align:center;margin:0;color:var(--text-dim);min-height:1.2em;font-size:17px}.cm-stats{display:flex;flex-direction:column;gap:8px}.cm-stat{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px}.cm-stat-label{font-size:15px;color:var(--text-dim)}.cm-bar{height:14px;background:#ffffff14;overflow:hidden;padding:2px;border:2px solid var(--border)}.cm-fill{display:block;height:100%;background:var(--cm-c);transition:background-color .2s}.cm-fill.low{background:var(--danger)}.cm-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cm-action{font:inherit;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:var(--panel);border:2px solid var(--border);clip-path:var(--pixel-clip);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s,background .15s}.cm-action:active{transform:scale(.94)}.cm-action:disabled{opacity:.4;cursor:default}.cm-action-ic{width:24px;height:24px;color:var(--accent)}.cm-action-ic svg{width:100%;height:100%;display:block}.cm-daycare{display:flex;flex-direction:column;gap:14px}.cm-dc-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.cm-dc-head .cm-title{text-align:center;margin:0}.cm-dc-count{text-align:right;color:var(--text-dim);font-size:15px}.cm-dc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cm-dc-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;background:var(--panel);border:2px solid var(--border);clip-path:var(--pixel-clip);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.cm-dc-card.active{border-color:var(--accent);background:var(--accent-soft)}.cm-dc-card:active{transform:scale(.96)}.cm-dc-status{color:var(--text-dim);font-size:13px}.cm-dc-tag{position:absolute;top:5px;right:5px;font-size:11px;font-weight:700;color:var(--accent-fg);background:var(--accent);padding:1px 6px;clip-path:var(--pixel-clip)}.cm-dc-add{justify-content:center;color:var(--text-dim);border-style:dashed}.cm-dc-plus{font-size:30px;line-height:.9;color:var(--accent)}.cm-dex{display:flex;flex-direction:column;gap:14px}.cm-dex-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.cm-dex-head .cm-title{grid-column:2;text-align:center;margin:0}.cm-dex-head .cm-text-btn{justify-self:start}.cm-dex-head .cm-text-btn.ghost{visibility:hidden}.cm-dex-count{color:var(--text-dim);font-size:13px;font-weight:600}.cm-egg-pill{justify-self:end;display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft, rgba(255,255,255,.08));color:var(--accent);border-radius:999px;padding:4px 10px;font-weight:800;font-size:13px;cursor:pointer}.cm-egg-pill svg{width:14px;height:14px;display:block}.cm-dex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cm-dex-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:12px;background:var(--panel);border:1px solid var(--border);border-bottom:3px solid var(--rr, var(--border));cursor:pointer}.cm-dex-tile.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cm-dex-tile.locked{opacity:.85;cursor:default}.cm-dex-tile .cm-mini{width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated}.cm-dex-name{font-size:12px;font-weight:700;color:var(--text)}.cm-dex-tile.locked .cm-dex-name{color:var(--text-dim);letter-spacing:1px}.cm-dex-rar{font-size:10px;font-weight:700}.cm-dex-stars{font-size:11px;color:#ffd23f;letter-spacing:1px;line-height:1}.cm-dex-tag{position:absolute;top:4px;right:4px;font-size:8px;font-weight:800;color:var(--accent-fg);background:var(--accent);padding:1px 4px;border-radius:5px;z-index:1}.cm-stars{color:#ffd23f;font-size:13px;letter-spacing:1px}.cm-dex-tile.shake{animation:cm-shake .32s ease}@keyframes cm-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cm-hatch{display:flex;flex-direction:column;gap:14px;align-items:center}.cm-hatch .cm-dex-head{width:100%}.cm-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px}.cm-reveal .cm-canvas{width:200px;height:200px;image-rendering:pixelated}.cm-reveal-flag{font-size:13px;font-weight:900;letter-spacing:2px;color:var(--accent-fg);background:var(--accent);padding:3px 10px;border-radius:8px}.cm-reveal-rar{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.cm-reveal-sub{color:var(--text-dim);font-size:13px;margin:0;text-align:center}.cm-reveal.is-new .cm-canvas,.cm-reveal.leveled .cm-canvas{animation:cm-pop .4s ease}@keyframes cm-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cm-reveal-actions{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.cm-reveal-actions .cm-hatch-btn{width:100%}.fantasy-hub{width:100%;max-width:480px;margin:0 auto}.fantasy-switch{display:flex;gap:6px;padding:5px;margin:12px 12px 0;border-radius:14px;background:#ffffff0d;border:1px solid var(--border)}.fantasy-tab{appearance:none;flex:1;border:none;cursor:pointer;padding:10px 8px;border-radius:10px;font-size:14px;font-weight:700;color:var(--text-dim);background:transparent;transition:background .15s ease,color .15s ease}.fantasy-tab.active{background:var(--accent);color:var(--accent-fg)}.fantasy-body{display:block}.wc{width:100%;max-width:480px;margin:0 auto;padding:14px 14px 120px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.wc-team-id .fpl-badge{width:46px;height:46px}.wc-loading{color:var(--text-dim);text-align:center;padding:40px 12px}.wc-budget{display:flex;flex-direction:column;gap:6px}.wc-budget-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-dim)}.wc-budget-row strong{color:var(--text);font-variant-numeric:tabular-nums}.wc-budget-row .over strong{color:var(--danger)}.wc-budget-bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.wc-budget-bar span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.wc-budget-bar span.over{background:var(--danger)}.wc-budget-row.sub{font-size:12px}.wc-up{color:#2ec28a;font-weight:700}.wc-gw-info{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-dim);margin:8px 0 4px}.wc-gw-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.wc-gw-head h3{margin:0;font-size:16px}.wc-gw-state{font-size:12px;color:var(--text-dim);font-weight:700}.wc-gw-state.live{color:#ff4d4f}.wc-h2h{display:flex;align-items:stretch;gap:8px;margin-bottom:16px}.wc-h2h-card{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 12px;text-align:center}.wc-h2h-card.lead{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.wc-h2h-name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-h2h-score{font-size:30px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}.wc-h2h-live{font-size:11px;color:#ff4d4f;font-weight:700;margin-left:4px;vertical-align:middle}.wc-h2h-sub{font-size:11px;color:var(--text-dim)}.wc-h2h-v{align-self:center;color:var(--text-dim);font-weight:700}.wc-pick.sub{opacity:.72}.wc-played{flex:none;font-size:10px;color:#2ec28a}.wc-played.out{color:var(--text-dim)}.wc-live-pts{color:var(--text);min-width:2.2em;text-align:right}.wc-ladder{display:flex;flex-direction:column;gap:6px}.wc-ladder-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.wc-ladder-row.you{border-color:var(--accent)}.wc-ladder-rank{width:1.6em;color:var(--text-dim);font-weight:700}.wc-ladder-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-ladder-pts{font-weight:800;font-variant-numeric:tabular-nums}.wc-gw-nav{display:flex;align-items:center;gap:8px;margin:2px 0 12px}.wc-gw-arrow{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:22px;font-weight:800;line-height:1}.wc-gw-arrow:disabled{opacity:.35;cursor:default}.wc-gw-title{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.wc-gw-title h3{margin:0;font-size:18px;line-height:1.1}.wc-gw-round{font-size:11px;color:var(--text-dim);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-gw-cutoff{margin:-8px 0 12px;font-size:12px;color:var(--text-dim);text-align:center}.wc-fixtures{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.wc-fx-day{margin:8px 0 2px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.wc-fx{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:13px}.wc-fx-team{flex:1 1 0;display:flex;align-items:center;gap:6px;min-width:0;font-weight:700}.wc-fx-team.home{justify-content:flex-end}.wc-fx-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-fx-flag{flex:none;width:20px;height:20px;border-radius:50%;background-size:cover;background-position:center;border:1px solid var(--border)}.wc-fx-tbd{color:var(--text-dim);font-weight:700;border:1px dashed var(--border);border-radius:8px;padding:1px 8px;font-size:11px}.wc-fx-score{flex:none;min-width:3em;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.wc-fx-score.live{color:#ff4d4f}.wc-fx-time{flex:none;min-width:3em;text-align:center;color:var(--text-dim);font-weight:700;font-variant-numeric:tabular-nums}.wc-fx-chip{flex:none;font-size:10px;font-weight:800;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:1px 5px}.wc-fx-chip.live{color:#fff;background:#ff4d4f;border-color:#ff4d4f}.wc-season-strip{margin-top:4px;padding:10px 12px;text-align:center;font-size:13px;color:var(--text-dim);background:var(--panel);border:1px solid var(--border);border-radius:10px}.wc-season-strip strong{color:var(--text);font-variant-numeric:tabular-nums}.wc-lock-banner{margin:8px 0;padding:10px 12px;font-size:13px;font-weight:600;color:var(--text);background:var(--accent-soft, rgba(255, 200, 0, .08));border:1px solid var(--accent);border-radius:10px}.wc-transfer-bar{margin:8px 0 4px;padding:8px 12px;font-size:13px;color:var(--text-dim);background:var(--panel);border:1px solid var(--border);border-radius:10px;text-align:center}.wc-transfer-bar strong{color:var(--text)}.wc-transfer-bar .wc-hit{color:#ff4d4f}.wc-transfer-panel{display:flex;gap:8px;margin:8px 0 4px}.wc-tp-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 8px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.wc-tp-num{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--text)}.wc-tp-num.hit{color:#ff4d4f}.wc-tp-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:var(--text-dim)}.wc-tp-sub{font-size:11px;color:var(--text-dim)}.wc-out-tray{margin:10px 0 2px}.wc-out-tray h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.wc-pick.out{border-style:dashed}.wc-pick.out .wc-pick-name{color:var(--text-dim)}.wc-restore{flex:none;appearance:none;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:700;font-size:12px;border-radius:8px;padding:4px 10px;cursor:pointer}.wc-restore:disabled{opacity:.4;cursor:default}.wc-cancel-row{text-align:center;margin:2px 0 0}.wc-cancel-link{appearance:none;background:none;border:none;padding:6px 8px;cursor:pointer;color:var(--text-dim);text-decoration:underline;text-underline-offset:2px;font-size:13px;font-weight:600}.wc-cancel-link:disabled{opacity:.4;cursor:default}.wc-pm-gw{margin:0 0 4px;font-size:13px;color:var(--text-dim)}.wc-pm-gw strong{color:var(--text)}.wc-pm-lines{width:100%;margin:0 0 4px;display:flex;flex-direction:column;gap:2px}.wc-pm-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-dim);padding:3px 2px;border-bottom:1px solid var(--border)}.wc-pm-line span:last-child{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.wc-pm-line span.neg{color:#ff4d4f}.wc-pm-line span.pos{color:#2ec28a}.wc-pm-line.total{border-bottom:none;color:var(--text);font-weight:800}.fpl-pcard.swap-src .wc-flag,.fpl-pcard.swap-ok .wc-flag{border-radius:50%}.fpl-pcard.swap-src .wc-flag{box-shadow:0 0 0 3px #f5d017}.fpl-pcard.swap-ok .wc-flag{box-shadow:0 0 0 3px var(--accent)}.fpl-pcard.swap-dim{opacity:.35}.wc-pick.swap-src{border-color:#f5d017;box-shadow:0 0 0 1px #f5d017 inset}.wc-pick.swap-ok{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.wc-pick.swap-dim{opacity:.4}.wc-swap-cancel{appearance:none;flex:none;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12px;font-weight:700;border-radius:999px;padding:6px 12px;cursor:pointer}.wc-fab-save{position:fixed;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:200;width:44px;height:44px;border-radius:14px;appearance:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);color:var(--text-dim);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.wc-fab-save svg{width:22px;height:22px;display:block}.wc-fab-save:disabled{cursor:default}.wc-fab-save.dirty{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 4px 14px #ff2d8d66}.wc-saved-check{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2ec28a;color:#fff;font-size:28px;font-weight:800}.wc-saved-modal h2{margin:0}.wc-squad{display:flex;flex-direction:column;gap:12px}.wc-group h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.wc-empty{margin:0;color:var(--text-dim);font-size:13px}.wc-pick,.wc-pool-row{display:flex;align-items:center;gap:8px;padding:7px 10px;margin-bottom:6px;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:14px}.wc-pick.tappable{cursor:pointer;-webkit-tap-highlight-color:transparent}.wc-pick.tappable:active{background:var(--accent-soft);border-color:var(--accent)}.wc-pick-name,.wc-pool-name{flex:1 1 auto;min-width:0;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-pick-id{display:flex;align-items:center;flex:1 1 auto;min-width:0}.wc-pick-id .wc-pick-name{flex:0 1 auto}.wc-pick-country,.wc-pool-country{flex:0 1 auto;min-width:0;max-width:6.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);font-size:12px}.wc-pos-tag,.wc-pick-cost,.wc-pool-cost,.wc-add{flex:none}.wc-pick-cost,.wc-pool-cost{color:#2ec5d3;font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}.wc-pos-tag{font-size:10px;font-weight:800;padding:2px 5px;border-radius:5px;color:#16181d}.wc-pos-tag.pos-GK{background:#f5c518}.wc-pos-tag.pos-DEF{background:#5ca8e6}.wc-pos-tag.pos-MID{background:#15a34a;color:#fff}.wc-pos-tag.pos-FWD{background:#e01b22;color:#fff}.wc-cv{display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;width:16px;height:16px;margin-left:6px;border-radius:50%;font-size:9px;font-weight:800;line-height:1;color:#000}.wc-cv.c{background:var(--accent);color:#000}.wc-cv.v{background:#b9bdc6;color:#000}.wc-mini{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);width:26px;height:26px;border-radius:7px;font-weight:800;font-size:13px;cursor:pointer;flex:none}.wc-mini.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.wc-mini.rm{color:var(--danger)}.wc-controls{display:flex;gap:10px;margin:16px 0 18px}.wc-auto,.wc-save{appearance:none;flex:1;border:none;cursor:pointer;padding:12px;border-radius:12px;font-size:15px;font-weight:700}.wc-auto{background:var(--panel);border:1px solid var(--border);color:var(--text)}.wc-save{background:var(--accent);color:var(--accent-fg)}.wc-save:disabled{opacity:.45;cursor:default}.wc-status{margin:0;text-align:center;font-size:13px;color:var(--text-dim);min-height:1.1em}.wc-pool{display:flex;flex-direction:column;gap:8px}.wc-pool-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wc-pills{display:flex;gap:4px}.wc-pill{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;cursor:pointer}.wc-pill.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.wc-country,.wc-search{font:inherit;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--text);font-size:13px}.wc-country,.wc-search{flex:1;min-width:120px}.wc-pool-list{display:flex;flex-direction:column}.wc-add{appearance:none;border:none;background:var(--accent);color:var(--accent-fg);width:28px;height:28px;border-radius:8px;font-size:18px;font-weight:800;cursor:pointer;flex:none}.wc-add:disabled{background:var(--panel);color:var(--text-dim);border:1px solid var(--border);cursor:default}.wc-add.off{background:transparent;border:2px solid var(--border);border-radius:50%;color:var(--text-dim)}.wc-pool-row.blocked{opacity:.8}.wc-pool-cost.bad,.wc-pool-country.bad{color:#ff4d4f;font-weight:700}.wc-pos-tag.bad{background:#ff4d4f;color:#fff}.wc-pool-modal{max-width:440px;max-height:min(80dvh,640px);padding:16px;align-items:stretch;text-align:left;gap:10px;overflow:hidden}.wc-pm-head{display:flex;align-items:center;gap:8px}.wc-pm-head h2{margin:0;font-size:18px;flex:none}.wc-pm-count{flex:1;font-size:12px;color:var(--text-dim);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.wc-pm-close{flex:none;appearance:none;background:var(--panel);border:1px solid var(--border);color:var(--text);width:32px;height:32px;border-radius:10px;font-size:18px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0 2px}.wc-pool-modal .wc-pool{flex:1;min-height:0}.wc-pool-modal .wc-pool-list{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.wc-add-row{appearance:none;width:100%;margin:10px 0 0;padding:11px;border-radius:12px;cursor:pointer;background:var(--panel);border:1px dashed var(--border);color:var(--text-dim);font-size:14px;font-weight:700}.wc-add-row:active{border-color:var(--accent);color:var(--accent)}.sw-row{display:flex;gap:8px;margin:0 0 12px;width:100%;box-sizing:border-box}.sw-cell{flex:1;position:relative}.sw-btn{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 14px;border-radius:12px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--border)}.sw-btn .sw-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-caret{width:18px;height:18px;flex:none;color:var(--text-dim)}.sw-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 30px #00000080}.sw-menu[hidden]{display:none}.sw-item{appearance:none;display:block;width:100%;text-align:left;cursor:pointer;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600}.sw-item:hover{background:#ffffff0f}.sw-item.active{background:var(--accent-soft);color:var(--accent)}.league-ladder{display:flex;flex-direction:column;gap:8px}.league-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.league-rank{width:18px;color:var(--text-dim);font-weight:800;font-variant-numeric:tabular-nums}.league-id{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.league-name{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-pts{font-weight:800;font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}.league-pts small{color:var(--text-dim);font-weight:600;font-size:11px;margin-left:3px}.wc-pitch-host .fpl-pitch.wc{background:linear-gradient(160deg,#0e2a14,#0a3d1a);gap:14px;padding:14px 4px}.wc-flag{position:relative;width:44px;height:44px;display:block;margin:0 auto;border-radius:50%;background-color:#ffffff1a;box-shadow:0 2px 6px #00000073,inset 0 0 0 2px #fff9;background-repeat:no-repeat;background-position:center}.wc-flag.photo{background-size:cover}.wc-flag.ph{display:flex;align-items:center;justify-content:center}.wc-initials{font-size:16px;font-weight:800;color:inherit;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.18)}.wc-natflag{position:absolute;right:-3px;bottom:-3px;z-index:2;width:17px;height:17px;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:165% auto;box-shadow:inset 0 0 0 1px #ffffffb3,0 1px 2px #00000080}.wc-flag img{display:none}.wc-pitch-host .wc-flag .fpl-cap{position:absolute;bottom:-5px;left:-5px;z-index:2;width:19px;height:19px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1}.wc-pitch-host .wc-flag .fpl-remove-dot{position:absolute;top:-8px;right:-8px;z-index:3;width:22px;height:22px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.wc-cross{display:block;width:10px;height:10px}.wc-pcard-cv{display:flex;gap:3px;justify-content:center;margin-top:2px}.wc-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.wc-team-id{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;appearance:none;background:none;border:none;padding:0;font:inherit;text-align:left}.wc-team-id.tappable{cursor:pointer;-webkit-tap-highlight-color:transparent}.wc-team-id.tappable:active .wc-team-name{color:var(--accent)}.wc-team-id.dashed .wc-team-name{text-decoration:underline dashed;text-decoration-color:var(--text-dim);text-decoration-thickness:1px;text-underline-offset:3px}.wc-team-name{font-size:18px;font-weight:800;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-team-name.long{font-size:14px}.wc-hits-chip{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;max-width:104px;padding:6px 10px;border-radius:12px;background:#6e7583cc}.wc-hits-num{font-size:27px;font-weight:800;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums}.wc-hits-sub{font-size:9px;font-weight:700;color:#ffffffd9;text-align:center;line-height:1.2}.wc-budget-line{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--text-dim)}.wc-budget-line strong{color:var(--text);font-variant-numeric:tabular-nums}.wc-budget-line.over strong{color:#ff4d4f}.wc-mode-toggle{display:flex;gap:4px}.wc-mode-pill{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text-dim);padding:6px 12px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.wc-mode-pill.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.wc-pick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;margin-bottom:10px}.wc-flag.sm{width:24px;height:24px;flex:none;box-shadow:inset 0 0 0 1px #ffffff80;margin:0}.wc-flag.sm .wc-initials{font-size:10px;letter-spacing:0}.wc-flag.lg{width:76px;height:76px;margin:0 auto 10px}.wc-flag.lg .wc-initials{font-size:28px}.wc-flag.lg .wc-natflag{width:26px;height:26px;right:0;bottom:0}.wc-body{display:block}.wc-player-modal h2{margin:0;font-size:18px;text-align:center}.wc-pm-meta{margin:4px 0 14px;color:var(--text-dim);font-size:13px;text-align:center}.wc-pm-actions{display:flex;flex-direction:column;gap:8px;width:100%}.wc-pm-actions button:disabled{opacity:.4;cursor:default}#app:has(.mono-game){height:100%}.game.mono-game{min-height:0;overflow:hidden}.mono-game .board-wrap.mono-board-wrap{padding:0;display:flex;flex:1;min-height:0}.mono-screen-wrap{width:100%;height:100%;display:flex;flex:1;min-height:0}.mono{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;gap:6px;overflow:hidden}.mono-setup{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center;overflow-y:auto}.mono-setup-title{margin:0;font-size:20px}.mono-presence{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:14px}.mono-presence .presence-dot{width:10px;height:10px;border-radius:50%;background:#666}.mono-presence .presence-dot.mono-on{background:#36d36b;box-shadow:0 0 8px #36d36b88}.mono-token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:420px}.mono-token-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;border:2px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s,transform .1s}.mono-token-pick:active{transform:scale(.96)}.mono-token-pick.selected{border-color:var(--accent);background:var(--accent-soft)}.mono-token-pick:disabled{opacity:.35;cursor:default}.mono-token-art{font-size:30px;line-height:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;border-radius:10px}.mono-token-name{font-size:11px;color:var(--text-dim)}.mono-setup-peer{font-size:13px;color:var(--text-dim);min-height:18px}.mono-start-btn{min-width:200px}.mono-start-btn:disabled{opacity:.4;cursor:default}.mono-setup-hint{margin:0;font-size:12px;color:var(--text-dim);max-width:320px}.mono-board-viewport{position:relative;width:100%;aspect-ratio:1 / 1;max-width:54vh;margin:0 auto;flex:none;overflow:hidden;border-radius:8px;background:#d7ead4}.mono-board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);transform-origin:0 0;transition:transform .35s cubic-bezier(.4,0,.2,1);background:#cfe6cb}@font-face{font-family:Kabel Book;src:url(/fonts/kabel-book.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kabel Light;src:url(/fonts/kabel-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--mono-tile-font: "Kabel Book", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--mono-tile-font-price: "Kabel Book", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}.mono-sq{position:relative;border:.5px solid #2c3a2c;background:#eafbe6;overflow:clip;overflow-clip-margin:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:var(--mono-tile-font);font-size:4.2px;line-height:1.05;color:#1c2a1c;text-align:center;container-type:inline-size}.mono-corner{background:#d6ecd0}.mono-sq-bar{display:block;width:100%;height:18%;flex:none}.mono-left{transform:rotate(90deg)}.mono-top{transform:rotate(180deg)}.mono-right{transform:rotate(270deg)}.mono-sq-name{display:block;position:relative;z-index:1;width:100%;font-weight:400;line-height:1.2;font-size:min(10cqw,6px);word-break:normal;overflow-wrap:break-word;hyphens:none;text-transform:uppercase;padding:2px 1px 0;letter-spacing:0}.mono-kind-go{justify-content:center;gap:2px}.mono-go-label{font-weight:400;color:#111;line-height:1;font-size:min(40cqw,26px)}.mono-go-arrow{font-weight:900;color:var(--accent);line-height:.8;font-size:min(40cqw,26px)}.mono-sq-price{margin-top:auto;padding-bottom:2px;font-family:var(--mono-tile-font-price);font-size:6px;font-weight:400;color:#2a4a2a;opacity:.9;position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:.5px}.mono-money{display:inline-block;width:1em;height:1em;vertical-align:-.14em;margin-right:-.04em;background:currentColor;-webkit-mask:url(/pieces/monopoly/money.svg) center / contain no-repeat;mask:url(/pieces/monopoly/money.svg) center / contain no-repeat;flex:none}.mono-sq-price-sym{width:1.05em;height:1.05em;vertical-align:-.16em}.mono-sq-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;z-index:0;pointer-events:none}.mono-corner .mono-sq-icon{font-size:22px}.mono-sq-art{position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:60% auto}.mono-corner-art{position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover}.mono-go-label,.mono-go-arrow{position:relative;z-index:1}.mono-is-mortgaged{filter:grayscale(.7) brightness(.85)}.mono-sq-owner{position:absolute;right:0;bottom:0;width:25%;height:25%;z-index:0;clip-path:polygon(100% 0,100% 100%,0 100%);background:transparent}.mono-sq-owner.mono-own-0{background:var(--accent)}.mono-sq-owner.mono-own-1{background:#3aa0ff}.mono-sq-owner.mono-mortgaged{opacity:.5}.mono-sq-build{position:absolute;top:0;left:0;right:0;height:18%;display:flex;align-items:flex-end;justify-content:center;gap:1.5px;z-index:2;overflow:visible}.mono-build-icon{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55));transform:translateY(-25%)}.mono-build-house{aspect-ratio:570.59 / 501.18;background:#2e9e3f;-webkit-mask:url(/pieces/monopoly/house.svg) center / contain no-repeat;mask:url(/pieces/monopoly/house.svg) center / contain no-repeat}.mono-build-hotel{aspect-ratio:666.67 / 654.45;background:#d23631;-webkit-mask:url(/pieces/monopoly/hotel.svg) center / contain no-repeat;mask:url(/pieces/monopoly/hotel.svg) center / contain no-repeat}.mono-sq-build .mono-build-house{height:22cqw}.mono-sq-build .mono-build-hotel{height:28.7cqw}.mono-deed-dev{display:inline-flex;align-items:center;gap:1px;vertical-align:-.12em;margin-left:3px}.mono-deed-dev .mono-build-icon{display:inline-block;filter:none}.mono-deed-dev .mono-build-house{height:1em}.mono-deed-dev .mono-build-hotel{height:1.25em}.mono-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;pointer-events:none;container-type:inline-size}.mono-logo{width:86%;aspect-ratio:207.18 / 36.89;background:url(/pieces/monopoly/logo.svg) center / contain no-repeat;transform:rotate(-45deg);opacity:.95;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));font-size:0;color:transparent;white-space:nowrap}.mono-pile{position:absolute;width:24%;aspect-ratio:5 / 3;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(44,58,44,.5);border-radius:6%;background:#ffffff47;pointer-events:none;overflow:hidden}.mono-pile-chest{left:28%;top:28%;transform:translate(-50%,-50%) rotate(-45deg);border-color:#3aa0ffa6}.mono-pile-chance{right:28%;bottom:28%;transform:translate(50%,50%) rotate(-45deg);border-color:#f7941db3}.mono-pile-label{font-family:var(--mono-tile-font);text-transform:uppercase;text-align:center;font-size:min(7cqw,8px);letter-spacing:.4px;line-height:1.1;font-weight:800;color:#1c2a1c80}.mono-pile-chest .mono-pile-label{color:#286ec8b3}.mono-pile-chance .mono-pile-label{color:#c4500fb8}.mono-pile-art{position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover}.mono-card-chance{border-top:6px solid #f7941d}.mono-card-chest{border-top:6px solid #3aa0ff}.mono-card-head{font-weight:800;font-size:10px;letter-spacing:1px}.mono-card-text{font-size:11px;line-height:1.25}.mono-token-layer{position:absolute;inset:0;pointer-events:none}.mono-piece{position:absolute;width:9%;height:9%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));pointer-events:none;z-index:3}.mono-piece-0{z-index:4}.mono-piece-1{z-index:3}.mono-piece-jail{opacity:.85}.mono-piece-hidden{display:none}.mono-piece:has(.mono-token-img){filter:none}.mono-piece .mono-token-img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.55)) drop-shadow(0 0 2px rgba(255,255,255,.35))}.mono-marker{position:absolute;width:10%;aspect-ratio:1;translate:-50% -50%;transform:rotate(var(--marker-angle, 0deg));background:#fff;border:3px solid var(--mk, #fff);border-radius:50%;box-shadow:0 2px 6px #00000073;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:5}.mono-marker-0{--mk: var(--accent)}.mono-marker-1{--mk: #3aa0ff}.mono-marker-active{z-index:7}.mono-marker-jail{opacity:.85}.mono-marker-hidden{display:none}.mono-marker:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%,104%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid var(--mk);filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.25))}.mono-marker-piece{width:80%;height:80%;display:flex;align-items:center;justify-content:center;transform:rotate(calc(-1 * var(--marker-angle, 0deg)))}.mono-marker-piece .mono-token-img{width:100%;height:100%;object-fit:contain}.mono-token-img{width:100%;height:100%;object-fit:contain;display:block}.mono-token-art .mono-token-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.mono-pcard-tok .mono-token-img{padding:2px}.mono-token-img-inline{width:1.35em;height:1.35em;display:inline-block;object-fit:contain;vertical-align:-.32em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.mono-panel{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0;padding:0 6px 6px}.mono-players{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:none}.mono-action-row{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:6px;min-height:0}.mono-action-col{min-width:0;overflow-y:auto;overflow-x:hidden;background:var(--panel);border-radius:10px 10px 14px 14px;padding:8px;font-size:12px;display:flex;flex-direction:column;gap:6px}.mono-action-dice{align-items:center;text-align:center}.mono-action-side{padding:8px 8px 18px}.mono-panel-head{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);margin-top:2px}.mono-deeds-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.mono-deeds-grid .mono-deed{width:100%;min-width:0}.mono-held-cards{display:flex;flex-direction:column;gap:4px}.mono-held-card{background:var(--bg)}.mono-deeds-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.mono-trade-link{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font-size:10px;letter-spacing:.4px;text-transform:uppercase;text-decoration:underline dashed;text-underline-offset:3px}.mono-trade-link:hover{color:#ff66a8}.mono-pill{font-weight:800;font-size:13px;padding:5px 10px;border-radius:999px}.mono-pill.yours{background:#1f7a3f;color:#fff}.mono-pill.theirs{background:#333;color:#ddd}.mono-pill.neutral{background:#444;color:#ccc}.mono-dice{display:flex;gap:14px;justify-content:center}.mono-die{width:46px;height:46px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.mono-die-cube{--die-size: 46px;--die-half: 23px;position:relative;width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;transform:perspective(800px) rotateX(var(--die-rx, 0deg)) rotateY(var(--die-ry, 0deg))}.mono-die-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.mono-die-face .mono-die{width:100%;height:100%;filter:none}.mono-die-face-1{transform:rotateY(0) translateZ(var(--die-half))}.mono-die-face-6{transform:rotateY(180deg) translateZ(var(--die-half))}.mono-die-face-2{transform:rotateY(90deg) translateZ(var(--die-half))}.mono-die-face-5{transform:rotateY(-90deg) translateZ(var(--die-half))}.mono-die-face-3{transform:rotateX(-90deg) translateZ(var(--die-half))}.mono-die-face-4{transform:rotateX(90deg) translateZ(var(--die-half))}.mono-actions{display:flex;flex-direction:column;gap:8px;width:100%;align-items:stretch}.mono-actions .primary,.mono-actions .secondary{width:100%}.mono-row{display:flex;gap:6px}.mono-row>*{flex:1}.mono .danger{width:100%;background:var(--danger);color:#fff;border:none;border-radius:8px;padding:9px;font-weight:600;cursor:pointer}.mono-wait{color:var(--text-dim);font-style:italic}.mono-buy,.mono-jail,.mono-debt,.mono-auction,.mono-trade-prompt{font-size:12px}.mono-bid-input{width:70px;flex:none;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:6px}.mono-auction .mono-row{margin-top:6px}.mono-card-slot{border:1px dashed var(--border);border-radius:8px;padding:14px 8px;color:var(--text-dim);text-align:center;font-size:11px}.mono-card-mini{background:#fff;color:#111;border-radius:8px;padding:8px;text-align:center}.mono-card-mini.mono-card-chance{border-top:5px solid #f7941d}.mono-card-mini.mono-card-chest{border-top:5px solid #3aa0ff}.mono-deeds{display:flex;flex-direction:column;gap:4px}.mono-deed{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-align:left}.mono-deed.selected{border-color:var(--accent)}.mono-deed-bar{width:12px;height:12px;border-radius:3px;flex:none}.mono-deed-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-deed-m{color:var(--danger);font-weight:700}.mono-deed-empty{color:var(--text-dim);font-size:11px}.mono-deed-manage{border-top:1px solid var(--border);padding-top:6px;margin-top:4px}.mono-deed-manage-title{font-weight:600;font-size:11px;margin-bottom:4px}.mono-deed-actions{flex-wrap:wrap}.mono-deed-actions button{font-size:10px;padding:5px 4px}.mono-pcard{position:relative;border:1px solid var(--border);border-radius:8px;padding:6px 8px 6px 12px;background:var(--panel)}.mono-pcard.active{border-color:var(--pc, var(--accent))}.mono-pcard.is-you{box-shadow:inset 0 0 0 1px var(--accent-soft)}.mono-pcard.mono-pc-0{--pc: var(--accent)}.mono-pcard.mono-pc-1{--pc: #3aa0ff}.mono-pcard-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc, transparent);border-radius:8px 0 0 8px}.mono-pcard-tok{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;box-shadow:0 1px 3px #00000073;z-index:2;border:2px solid var(--pc, #fff);box-sizing:border-box}.mono-pcard-name{font-weight:700;font-size:12px;padding-right:24px;overflow-wrap:break-word}.mono-pcard-money{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.mono-pcard-cash{font-size:16px;font-weight:800;color:#2fbf5f}.mono-pcard-net{font-size:10px;color:var(--text-dim)}.mono-pcard-row{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-dim{color:var(--text-dim)}.mono-bank{font-size:11px;color:var(--text-dim);margin-top:auto;display:inline-flex;align-items:center;gap:4px}.mono-bank-icon{display:inline-block;vertical-align:middle;filter:drop-shadow(0 .5px 1px rgba(0,0,0,.45))}.mono-bank-house{width:14px;height:12px;background:#2e9e3f;-webkit-mask:url(/pieces/monopoly/house.svg) center / contain no-repeat;mask:url(/pieces/monopoly/house.svg) center / contain no-repeat}.mono-bank-hotel{width:16px;height:14px;background:#d23631;-webkit-mask:url(/pieces/monopoly/hotel.svg) center / contain no-repeat;mask:url(/pieces/monopoly/hotel.svg) center / contain no-repeat}.mono-bank-sep{color:var(--text-dim)}.mono-trade-modal{max-width:460px}.mono-trade-cols{display:flex;gap:28px;text-align:left;justify-content:space-between}.mono-trade-cols>div{flex:1 1 0;min-width:0}.mono-trade-prop{display:flex;align-items:center;gap:8px;width:100%;font-size:12px;text-align:left;color:var(--text);padding:8px 10px;margin:4px 0;background:var(--bg);cursor:pointer;border:1.5px solid var(--border);border-radius:8px;transition:border-color .12s ease,background .12s ease}.mono-trade-prop:hover{border-color:#ffffff4d}.mono-trade-prop.selected{border-color:var(--accent);background:var(--accent-soft)}.mono-trade-cash{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px}.mono-trade-cash .mono-cash-input{width:80px;min-width:0;flex:none}.mono-trade-summary{font-size:11px;color:var(--text-dim);margin:4px 0}.mono-trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mono-trade-actions>.primary,.mono-trade-actions>.secondary{width:100%}.mono-cash-input{font-size:16px;font-weight:700;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);box-sizing:border-box}.mono-cash-input:focus{outline:2px solid var(--accent);outline-offset:1px}.mono-deed-modal{max-width:360px;padding:14px}.mono-deed-card{background:#fbf8ee;color:#111;border-radius:6px;overflow:hidden;border:1px solid #6c5c3c;box-shadow:0 4px 14px #00000073;font-family:var(--mono-tile-font),"Times New Roman",Georgia,serif;position:relative;min-height:360px;display:flex;flex-direction:column}.mono-deed-card-title-bar{padding:10px 8px 8px;text-align:center;color:#111;border-bottom:1px solid rgba(0,0,0,.25)}.mono-deed-card-title-kicker{font-size:9px;font-weight:400;letter-spacing:2px;opacity:.85;margin-bottom:2px}.mono-deed-card-title-name{font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.mono-deed-card-title-plain{padding:16px 12px 12px;text-align:center;color:#111;border-bottom:1px solid rgba(0,0,0,.25);background:#fbf8ee;display:flex;flex-direction:column;align-items:center}.mono-deed-card-icon{font-size:84px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.mono-deed-card-title-plain .mono-deed-card-title-name{font-size:18px}.mono-deed-card-util{font-size:12px;line-height:1.4;text-align:center;display:flex;flex-direction:column;gap:14px;padding:6px;flex:1 1 auto;justify-content:center}.mono-deed-util-line{margin:0}.mono-deed-util-line strong{font-family:system-ui,-apple-system,Helvetica Neue,sans-serif;font-weight:800}.mono-deed-card-body{padding:10px 14px 12px;flex:1 1 auto;display:flex;flex-direction:column}.mono-deed-card-rents{display:flex;flex-direction:column;gap:0;font-size:12px}.mono-deed-rent-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px;margin:0 -6px}.mono-deed-rent-row:nth-child(odd){background:#3c1e000f}.mono-deed-rent-label{display:inline-flex;align-items:center}.mono-deed-house-row{display:inline-flex;align-items:center;gap:2px}.mono-deed-house-icon,.mono-deed-hotel-icon{position:relative;display:inline-block}.mono-deed-house-icon{width:22px;height:19px}.mono-deed-hotel-icon{width:30px;height:25px}.mono-deed-house-glyph,.mono-deed-hotel-glyph{position:absolute;inset:0;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}.mono-deed-house-glyph{background:#2e9e3f;-webkit-mask:url(/pieces/monopoly/house.svg) center / contain no-repeat;mask:url(/pieces/monopoly/house.svg) center / contain no-repeat}.mono-deed-hotel-glyph{background:#d23631;-webkit-mask:url(/pieces/monopoly/hotel.svg) center / contain no-repeat;mask:url(/pieces/monopoly/hotel.svg) center / contain no-repeat}.mono-deed-house-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:800;line-height:1;padding-top:4px;text-shadow:0 1px 1px rgba(0,0,0,.35)}.mono-deed-rent-amt,.mono-deed-foot-row>span:last-child{font-family:system-ui,-apple-system,Helvetica Neue,sans-serif;font-weight:800}.mono-deed-card-foot{margin-top:10px;padding-top:8px;border-top:1px solid #6c5c3c;display:flex;flex-direction:column;gap:0;font-size:11px}.mono-deed-foot-row{display:flex;justify-content:space-between;gap:8px;padding:3px 6px;margin:0 -6px}.mono-deed-foot-row:nth-child(odd){background:#3c1e000f}.mono-deed-card-note{margin-top:10px;font-size:9.5px;color:#4a3a1f;line-height:1.3}.mono-deed-card.is-mortgaged{background:#f8d3d3;border-color:#8a2222}.mono-deed-card.is-mortgaged .mono-deed-card-rents,.mono-deed-card.is-mortgaged .mono-deed-card-foot,.mono-deed-card.is-mortgaged .mono-deed-card-note{opacity:.4}.mono-deed-card-mortgage-stamp{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%) rotate(-12deg);color:#a02222;font-weight:900;letter-spacing:3px;font-size:24px;border:3px solid #a02222;border-radius:6px;padding:4px 12px;pointer-events:none;z-index:2;background:#fff0f0d9;text-align:center;line-height:1}.mono-deed-actions-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.mono-deed-actions-grid .secondary{padding:8px 6px;font-size:12px;border:1px solid rgba(255,255,255,.9)}.mono-deed-actions-grid .secondary:disabled{border-color:#ffffff2e;color:#ffffff6b;background:#ffffff0a;cursor:default}.mono-deed-act-sign{font-weight:700;margin-left:4px}.mono-deed-act-sign.mono-pos{color:#2fbf5f}.mono-deed-act-sign.mono-neg{color:#d23631}.mono-deed-actions-grid .secondary:disabled .mono-deed-act-sign{color:inherit;opacity:.6}.mono-deed-close{grid-column:1 / -1}.mono-held-card-modal{max-width:320px;padding:14px;display:flex;flex-direction:column;gap:10px}.mono-held-card-modal .mono-card-mini{border-radius:8px;padding:14px 12px}.mono-card-modal{max-width:320px;padding:16px;display:flex;flex-direction:column;gap:12px}.mono-card-modal .mono-card-mini{border-radius:8px;padding:16px 14px}.mono-card-modal .mono-card-head{font-size:11px}.mono-card-modal .mono-card-text{font-size:13px;line-height:1.35}.mono-card-ok{width:100%}.mono-card-wait{text-align:center;font-size:12px}.mono-setup-modal{max-width:460px;gap:12px}.mono-setup-title-sm{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.mono-setup-modal .mono-token-grid{max-width:none}.mono-setup-modal .mono-start-btn{width:100%}.mono-practice-hint{text-transform:none;letter-spacing:0}.mono-practice-side{display:flex;flex-direction:column;gap:10px}.mono-practice-side+.mono-practice-side{border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.mono-setup-modal.mono-practice-setup{max-height:66vh;overflow:hidden}.mono-practice-setup>h2,.mono-practice-setup>.primary,.mono-practice-setup>.secondary{flex:none}.mono-practice-body{overflow-y:auto;min-height:0;flex:0 1 auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px}.mono-setup-cancel{width:100%}.mono-action-dice{overflow-x:hidden}.mono-actions{width:100%}.mono-actions .mono-row{flex-direction:column}.mono-actions .mono-row>*{width:100%;box-sizing:border-box}.mono-bid-input{width:100%;box-sizing:border-box}.mono-action-col{padding-bottom:10px}.mono-setup-modal{max-height:88vh;overflow-y:auto}.mono-dice-pick{display:flex;gap:10px;justify-content:center}.mono-dice-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:12px;border:2px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.mono-dice-opt.selected{border-color:var(--accent);background:var(--accent-soft)}.mono-dice-opt:disabled{opacity:.45;cursor:default}.mono-dice-opt .mono-die{width:38px;height:38px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.mono-dice-name{font-size:11px;color:var(--text-dim)}.mono-color-pick{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;justify-items:center;padding:4px 2px}.mono-color-swatch{width:100%;aspect-ratio:1;max-width:36px;border-radius:50%;border:2px solid rgba(255,255,255,.18);cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.mono-color-swatch:hover{transform:scale(1.06)}.mono-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffffd9,0 2px 6px #0006}.badges-view-all{margin-left:auto}.badges-modal-body .badges-grid{grid-template-columns:repeat(4,1fr)}.opp-featured-row{gap:3px}.opp-featured{width:16px;height:16px;border-radius:5px;font-size:10px}.badges-modal-body .badges-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.opp-featured.empty{border:1px dotted rgba(255,255,255,.4);background:transparent}.badges-modal{max-width:min(92vw,540px);max-height:calc(100dvh - 48px)}#app:has(.mdeal-game){height:100%}.game.mdeal-game{min-height:0;overflow:hidden}.mdeal-game .board-wrap.mdeal-board-wrap{padding:0;display:flex;flex:1;min-height:0}.mdeal-screen-wrap{flex:1;display:flex;min-height:0;width:100%}.mdeal-board{--md-card-w: 58px;--md-title-font: "Kabel Book", "Futura", "Century Gothic", system-ui, sans-serif;--md-body-font: "Helvetica Neue", Helvetica, Arial, sans-serif;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;gap:4px;padding:6px;box-sizing:border-box;background:var(--bg);color:var(--text);overflow:hidden;font-size:13px;user-select:none}.mdeal-side{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:var(--panel);border:2px solid transparent;transition:border-color .2s,box-shadow .2s;overflow:hidden}.mdeal-side.active{border-color:var(--accent);box-shadow:0 0 14px var(--accent-soft)}.mdeal-top{transform:none}.mdeal-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.mdeal-name{font-weight:800;font-size:14px}.mdeal-name.turn{color:var(--accent)}.mdeal-setdots{display:flex;gap:5px}.mdeal-setdot{width:13px;height:13px;border-radius:50%;background:#3a3a3a;box-shadow:inset 0 0 0 1px #555}.mdeal-setdot.on{box-shadow:0 0 0 2px #2ecf5e,0 0 6px #2ecf5e99}.mdeal-props{position:relative;flex:1 1 0;min-height:0;min-width:0;background:#ffffff06;border-radius:10px;padding:3px 6px 6px;box-shadow:inset 0 0 0 1px #ffffff0d;overflow:hidden}.mdeal-cols{height:100%;display:flex;gap:7px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:0 2px 4px}.mdeal-cols::-webkit-scrollbar{height:5px}.mdeal-cols::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.mdeal-empty{color:var(--text-dim);font-size:12px;font-style:italic;margin:auto;padding:0 8px}.mdeal-col{--md-card-w: 51px;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border-radius:8px}.mdeal-col.complete{box-shadow:inset 0 0 0 2px var(--gc),0 0 8px -2px var(--gc)}.mdeal-col.targetable{outline:2px dashed var(--accent);outline-offset:1px;cursor:pointer}.mdeal-col-cap{width:var(--md-card-w);box-sizing:border-box;font-family:var(--md-title-font);font-size:8px;font-weight:800;letter-spacing:.3px;line-height:1.1;display:flex;justify-content:center;align-items:center;padding:1px 5px;border-radius:3px}.mdeal-loose-head{background:#444;color:#fff;font-size:8px;text-transform:uppercase}.mdeal-col-stack{display:flex;flex-direction:column;align-items:center}.mdeal-col-card{isolation:isolate;box-shadow:0 -3px 5px -2px #0000008c,0 1px 2px #0006}.mdeal-col-card.targetable{outline:2px solid var(--accent);outline-offset:-1px;cursor:pointer}.mdeal-col-builds{width:var(--md-card-w);display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start;margin-top:5px}.mdeal-house{width:13px;height:12px;background-color:#1f9b41;-webkit-mask:url(/pieces/monopoly/house.svg) center / contain no-repeat;mask:url(/pieces/monopoly/house.svg) center / contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.mdeal-house.hotel{width:13px;height:13px;background-color:#cf3b34;-webkit-mask-image:url(/pieces/monopoly/hotel.svg);mask-image:url(/pieces/monopoly/hotel.svg)}.mdeal-tray{flex:0 0 auto;display:flex;gap:8px;align-items:stretch}.mdeal-tray-gap{flex:1 1 auto;min-width:8px}.mdeal-trigger{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:82px;padding:7px 16px;border-radius:12px;background:#2c2c33;box-shadow:inset 0 0 0 1px #ffffff0d;font-family:var(--md-title-font);line-height:1}.mdeal-trigger.tappable{cursor:pointer}.mdeal-trigger.tappable:active{transform:scale(.97)}.mdeal-trigger.alert{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 11px -2px var(--accent)}.mdeal-trigger-label{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff}.mdeal-trigger-sub{font-size:11px;font-weight:700;color:var(--text-dim);margin-top:3px;text-transform:none;letter-spacing:0}.mdeal-bank-trigger{background:#20382a}.mdeal-bank-trigger .mdeal-bank-amt{color:#4ad07a;font-weight:800}.mdeal-jsn-trigger{min-width:96px;background:#3f2026}.mdeal-jsn-trigger .mdeal-trigger-label{line-height:.95;text-align:center}.mdeal-jsn-trigger.alert{box-shadow:inset 0 0 0 1.5px #e23b6d,0 0 12px -1px #e23b6d}.mdeal-bankmodal-cols{display:flex;gap:16px;overflow-x:auto;padding:8px 4px;justify-content:safe center;align-items:flex-start;flex:1 1 auto;min-height:0}.mdeal-bankmodal-col{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.mdeal-bankmodal-stack{display:flex;flex-direction:column;align-items:center}.mdeal-bankmodal-stack .mdeal-modal-card{--md-card-w: 84px}.mdeal-bankmodal-collabel{font-weight:800;font-size:14px;color:var(--text-dim)}.mdeal-handmodal-overlay{position:fixed;top:0;left:0;right:0;bottom:calc(78px + env(safe-area-inset-bottom));z-index:390;display:flex;align-items:flex-end;justify-content:center;background:#0009;padding:14px 14px 8px}.mdeal-handmodal{background:var(--panel);border-radius:16px;padding:14px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:10px;max-height:78vh;box-shadow:0 -6px 28px #0000008c}.mdeal-handmodal-title{font-weight:800;text-align:center;font-size:14px}.mdeal-handmodal-hint{font-size:12px;color:var(--text-dim);text-align:center}.mdeal-handmodal-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-content:flex-start;overflow-y:auto;padding:4px;flex:1 1 auto;scrollbar-width:thin}.mdeal-modal-card{--md-card-w: 96px;cursor:default}.mdeal-modal-card.playable{cursor:pointer}.mdeal-modal-card.playable:active{transform:scale(.96)}.mdeal-modal-card.discardable{box-shadow:0 0 0 2px #e23b6d8c,0 2px 4px #00000080}.mdeal-modal-card.discardable:active{box-shadow:0 0 0 3px #e23b6d,0 2px 6px #0009}.mdeal-setmodal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;justify-items:center;align-content:start;padding:6px 4px;overflow-y:auto;min-height:0;flex:1 1 auto;scrollbar-width:thin}.mdeal-setmodal-grid .mdeal-modal-card{--md-card-w: 104px}.mdeal-setmodal-slot{width:104px;aspect-ratio:2 / 3;border-radius:calc(104px * .07);border:2px dashed rgba(255,255,255,.22);background:#ffffff05}.mdeal-setmodal-builds{display:flex;gap:8px;justify-content:center;padding:2px 0}.mdeal-setmodal-builds .mdeal-house{width:24px;height:22px}.mdeal-paymodal-body{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1 1 auto;min-height:0;padding:2px;scrollbar-width:thin}.mdeal-paymodal-section{display:flex;flex-direction:column;gap:5px}.mdeal-paymodal-seclabel{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim)}.mdeal-paymodal-cards{display:flex;flex-wrap:wrap;gap:7px}.mdeal-pay-card{--md-card-w: 70px;cursor:pointer;transition:transform .1s,box-shadow .1s}.mdeal-pay-card.picked{outline:3px solid #2aa84a;outline-offset:1px;transform:translateY(-5px);box-shadow:0 7px 15px #00000080}.mdeal-paymodal-actions{display:flex;gap:8px}.mdeal-paymodal-actions .mdeal-btn{flex:1 1 auto}.mdeal-pay-bar.ok{color:#4ad07a}.mdeal-card{width:var(--md-card-w);aspect-ratio:2 / 3;flex:0 0 auto;border-radius:calc(var(--md-card-w, 58px) * .07);position:relative;overflow:hidden;box-shadow:0 2px 4px #00000080;background:#f4f1e8;color:#111;container-type:inline-size}.md-m{display:inline-block;width:.95em;height:.7em;vertical-align:-.04em;margin-right:.05em;background-color:currentColor;-webkit-mask:url(/pieces/monopoly/money.svg) center / contain no-repeat;mask:url(/pieces/monopoly/money.svg) center / contain no-repeat}.mdeal-back{background:#163a2b url(/cards/mdeal/card-back.png) center / cover no-repeat;box-shadow:0 2px 4px #00000080}.mdeal-pc-frame{position:absolute;inset:3cqw;border:1.6cqw solid #111;border-radius:2cqw;background:#f4f1e8;display:flex;flex-direction:column;overflow:hidden}.mdeal-pc-band{height:27%;background:var(--gc);color:var(--gcfg);border-bottom:1.6cqw solid #111;display:flex;align-items:center;justify-content:center;position:relative;padding:1cqw 7cqw 1cqw 2cqw}.mdeal-pc-title{font-family:var(--md-title-font);font-weight:700;text-transform:uppercase;font-size:9cqw;line-height:.9;text-align:center}.mdeal-pc-symbol{position:absolute;right:2cqw;bottom:2cqw;width:17cqw;height:17cqw;object-fit:contain}.mdeal-pc-money{position:absolute;top:calc(27% - 9.5cqw);left:4cqw;width:19cqw;height:19cqw;border-radius:50%;background:#fff;border:1.6cqw solid #111;display:flex;align-items:center;justify-content:center;font-family:var(--md-title-font);font-weight:800;font-size:10cqw;line-height:1;color:#111;z-index:2}.mdeal-pc-money .md-m,.mdeal-mc-circle .md-m{vertical-align:-.12em}.mdeal-pc-body{flex:1;display:flex;padding:15cqw 3cqw 3cqw;gap:2cqw;min-height:0;font-family:var(--md-body-font);color:#111}.mdeal-pc-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5cqw}.mdeal-pc-coltitle{font-size:6.5cqw;font-weight:700;text-transform:uppercase;text-align:center;line-height:1;color:#222}.mdeal-pc-ownrow{display:flex;align-items:center;gap:1.5cqw;height:14cqw}.mdeal-pc-ownbox{width:11cqw;height:13cqw;border:1.2cqw solid #111;border-radius:1.5cqw;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:8cqw;color:#111}.mdeal-pc-complete{font-size:4.6cqw;font-weight:800;color:#222}.mdeal-pc-rentrow{font-weight:800;font-size:11cqw;height:14cqw;display:flex;align-items:center}.mdeal-pc-rentcol .mdeal-pc-coltitle,.mdeal-pc-rentrow{font-family:var(--md-body-font)}.mdeal-wild-body,.mdeal-rent-body{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2cqw;padding:13cqw 4cqw 4cqw}.mdeal-wild-colours,.mdeal-rent-colours{font-family:var(--md-title-font);font-weight:700;text-transform:uppercase;font-size:9.5cqw;line-height:1.02}.mdeal-wild-note,.mdeal-rent-note{font-size:6.5cqw;color:#444;line-height:1.08}.mdeal-rent-band .mdeal-pc-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.kind-money{background:var(--mc)}.mdeal-mc{position:absolute;inset:3cqw;border:1.6cqw solid #111;border-radius:2cqw;background:var(--mc);display:flex;align-items:center;justify-content:center;overflow:hidden}.mdeal-mc-circle{position:absolute;top:5cqw;left:5cqw;width:21cqw;height:21cqw;border-radius:50%;background:#fff;border:1.6cqw solid #111;display:flex;align-items:center;justify-content:center;font-family:var(--md-title-font);font-weight:800;font-size:11cqw;color:#111}.mdeal-mc-big{font-family:var(--md-title-font);font-weight:800;font-size:42cqw;color:#111}.mdeal-mc-brand{position:absolute;bottom:7cqw;font-family:var(--md-title-font);font-size:7cqw;font-weight:800;letter-spacing:.5cqw;color:#00000080}.kind-action{background:var(--ac)}.kind-action .mdeal-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.mdeal-ac{position:absolute;inset:0;display:flex;flex-direction:column;padding:4cqw;color:#111}.mdeal-ac-top{display:flex;align-items:center;justify-content:space-between;gap:2cqw}.mdeal-ac-money{position:static;width:20cqw;height:20cqw}.mdeal-ac-banner{font-family:var(--md-title-font);font-weight:700;text-transform:uppercase;font-size:13cqw;letter-spacing:.5cqw;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.mdeal-ac-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;min-height:0}.mdeal-ac-icon{font-size:28cqw;line-height:1}.mdeal-ac-name{font-family:var(--md-title-font);font-weight:700;text-transform:uppercase;font-size:12cqw;text-align:center;line-height:.92;color:#111}.mdeal-ac-blurb{font-family:var(--md-body-font);font-size:7cqw;text-align:center;line-height:1.1;color:#111;padding:1cqw 0}.mdeal-centre{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:4px 0}.mdeal-centre-inner{display:flex;align-items:center;gap:18px;max-width:100%}.mdeal-piles{display:flex;gap:10px;align-items:flex-start;flex:0 0 auto}.mdeal-pile{--md-card-w: 76px;position:relative;width:76px;display:flex;flex-direction:column;align-items:center}.mdeal-pile.tappable{cursor:pointer}.mdeal-pile.tappable:active{transform:scale(.97)}.mdeal-pile-count{position:absolute;bottom:-2px;right:-4px;background:#000a;color:#fff;font-size:10px;font-weight:700;border-radius:8px;padding:0 5px}.mdeal-discard-empty{width:76px;aspect-ratio:2/3;border-radius:7px;border:2px dashed #555;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:10px}.mdeal-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:130px;max-width:200px}.mdeal-prompt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:30px;text-align:left;width:100%}.mdeal-prompt-line{font-size:12px;font-weight:700;width:100%}.mdeal-prompt-line.dim{color:var(--text-dim);font-weight:500}.mdeal-prompt-line.win{color:var(--accent);font-size:15px}.mdeal-plays{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.mdeal-plays-label{text-transform:uppercase;letter-spacing:.5px}.mdeal-play-dot{width:9px;height:9px;border-radius:50%;background:#444}.mdeal-play-dot.on{background:var(--accent)}.mdeal-pay-bar{width:100%;font-size:12px;font-weight:700;color:#4ad07a}.mdeal-log{font-size:10px;color:var(--text-dim);text-align:center;min-height:12px}.mdeal-btn{border:none;border-radius:999px;padding:7px 16px;font-weight:800;font-size:12px;cursor:pointer;background:var(--accent);color:var(--accent-fg)}.mdeal-btn:disabled{opacity:.4;cursor:default}.mdeal-btn.mdeal-jsn{background:#e23b6d;color:#fff}.mdeal-btn.mdeal-cancel,.mdeal-btn.mdeal-end{background:#3a3a44;color:#fff}.mdeal-btn.mdeal-end.ready{background:var(--accent);color:#fff;box-shadow:0 0 11px -2px var(--accent)}.mdeal-btn.mdeal-pay{background:#2aa84a;color:#fff}.mdeal-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:calc(78px + env(safe-area-inset-bottom));z-index:400;display:flex;align-items:flex-end;justify-content:center;background:#00000080;padding:16px 16px 8px}.mdeal-sheet{background:var(--panel);border-radius:16px;padding:14px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;box-shadow:0 -4px 24px #00000080;max-height:100%;overflow-y:auto}.mdeal-sheet-card{--md-card-w: 132px;align-self:center;margin:2px 0 4px;box-shadow:0 6px 18px #0000008c}.mdeal-sheet-title{font-weight:800;text-align:center;margin-bottom:2px}.mdeal-sheet-btn{border:1px solid var(--border);background:#2a2a30;color:var(--text);border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}.mdeal-sheet-btn:hover{border-color:var(--accent)}.mdeal-sheet-btn:active{transform:scale(.98)}.mdeal-sheet-btn.cancel{background:transparent;color:var(--text-dim)}.mdeal-float{pointer-events:none;will-change:transform,left,top}.mdeal-float .mdeal-card{width:100%;height:100%;box-shadow:0 6px 16px #0009}.mdeal-setup-blurb{font-size:13px;color:var(--text-dim);margin:0}.mdeal-demo-btn{width:100%}.mdeal-demo-overlay{position:fixed;inset:0;z-index:360;background:var(--bg);display:flex;flex-direction:column}.mdeal-demo-top{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;flex:0 0 auto}.mdeal-demo-badge{background:var(--accent);color:var(--accent-fg);font-weight:900;font-size:11px;letter-spacing:1px;padding:2px 10px;border-radius:999px}.mdeal-demo-close{background:#2a2a30;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.mdeal-demo-board{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}.mdeal-demo-narration{flex:0 0 auto;background:var(--panel);border-top:2px solid var(--accent);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.mdeal-demo-caption{font-size:15px;line-height:1.35;min-height:56px}.mdeal-demo-controls{display:flex;align-items:center;justify-content:space-between}.mdeal-demo-counter{font-size:12px;color:var(--text-dim)}.mdeal-demo-next{min-width:120px}