:root{--color-canvas: #FBF4E6;--color-surface: #FFFDF8;--color-recessed: #F3E7D3;--color-ink: #4A3B2E;--color-ink-secondary: #6B5C4D;--color-ink-muted: #A29584;--color-ink-pale: #C9B8A4;--color-strawberry: #F0899E;--color-strawberry-light: #FBD9E1;--color-strawberry-shadow: #CC6A80;--color-strawberry-border: #F0C9D2;--color-strawberry-ink: #D96A85;--color-strawberry-deep: #B84A66;--color-mint: #7FC0A8;--color-felt: #3F6B55;--color-felt-dark: #315644;--color-table-light: #9CD4BA;--color-wood-edge: #EACFA8;--color-gold: #E8B84B;--color-training-gold: #FFE5A4;--color-fold: #E9738A;--color-fold-shadow: #C5566E;--color-check: #6FA3D8;--color-check-shadow: #5484B8;--color-call: #6FBF8F;--color-call-shadow: #549C72;--color-raise: #F2B24C;--color-raise-shadow: #D19335;--color-raise-text: #5B431A;--color-error: #E07A56;--color-error-light: #FDEDE7;--color-error-dark: #B5502F;--color-success: #6FBF8F;--color-success-light: #EAF5EE;--color-success-dark: #4E8E6E;--color-card-red: #D64560;--color-card-black: #3D3A36;--color-card-orange: #E8935A;--color-card-green: #4E8E6E;--color-canvas-top: #FDF8EC;--color-canvas-bottom: #F6E9D2;--color-table-center: #B4E0CB;--color-table-edge: #8CC8AC;--color-gold-ink: #B8770E;--color-gold-label: #B8942E;--color-gold-number: #C9821F;--color-gold-soft: #C9A23F;--color-line: #EDE0CC;--color-muted-surface: #F0EBE2;--color-pink-panel: #FBEFF2;--color-blue-panel: #EBF3FB;--color-gold-panel: #FDF3E0;--color-cream-panel: #FFFBEA;--color-blue-ink: #4E7FB5;--color-disabled: #E9DCC6;--color-disabled-ink: #8A7A6A;--color-optional-reveal-border: #D9C9AE;--color-role-strength-strongest-background: #FCE9A8;--color-role-strength-strongest-ink: #8A6A1E;--color-range-navy: #3D5A80;--color-range-red: #D97066;--color-range-sky: #85C2DE;--color-range-purple: #A98BC8;--color-range-pink: #F2AFC1;--color-avatar-me: #F6C5CF;--color-avatar-blue: #BFD9F2;--color-avatar-green: #C9E7D6;--color-avatar-yellow: #F6E3B4;--color-avatar-purple: #E3D0F0;--color-avatar-orange: #F2CDB4;--gradient-splash: radial-gradient(circle at 50% 30%, #FFFDF8 0%, #FBF4E6 62%, #F6E9D2 100%);--gradient-home: radial-gradient(circle at 50% 22%, #FFFDF8 0%, #FBF4E6 60%, #F6E9D2 100%);--gradient-onboarding-intro: radial-gradient(circle at 50% 18%, #FBD9E1 0%, #FBF4E6 35%, #FBF4E6 100%);--gradient-onboarding-complete: radial-gradient(circle at 50% 20%, #FFF4C9 0%, #FBF4E6 36%, #FBF4E6 100%);--gradient-battle: linear-gradient(180deg, #FDF8EC 0%, #FBF4E6 100%);--gradient-result: radial-gradient(circle at 50% 18%, #FFF3D6 0%, #FBF4E6 55%, #F6E9D2 100%);--gradient-table: radial-gradient(ellipse at 50% 40%, #B4E0CB 0%, #9CD4BA 58%, #8CC8AC 100%);--gradient-learn-continue: linear-gradient(135deg, #7FC0A8 0%, #68AF95 100%);--gradient-card-back: repeating-linear-gradient(45deg, #F6BCC9 0 7px, #F9D2DB 7px 14px);--gradient-card-back-startup: repeating-linear-gradient(45deg, #F0899E 0 8px, #F7BCC9 8px 16px);--scrim: rgba(74, 59, 46, .45);--radius-logo-tile: 8px;--radius-card: 9px;--radius-part: 14px;--radius-action-button: 14px;--radius-bubble: 16px;--radius-panel: 20px;--radius-button: 20px;--radius-large: 22px;--radius-pill: 999px;--depth: 4px;--shadow-soft: 0 2px 8px rgba(74, 59, 46, .08);--shadow-elevated: 0 3px 10px rgba(74, 59, 46, .12);--shadow-logo: 0 2px 5px rgba(74, 59, 46, .15);--shadow-bubble: 0 3px 10px rgba(74, 59, 46, .14);--shadow-frame: 0 14px 40px rgba(74, 59, 46, .18);--character-shadow-splash: 0 10px 16px rgba(74, 59, 46, .18);--character-shadow-tutorial: 0 8px 14px rgba(74, 59, 46, .16);--character-shadow-home: 0 12px 18px rgba(74, 59, 46, .18);--character-shadow-battle-coach: 0 3px 6px rgba(74, 59, 46, .2);--character-shadow-hand-end-rival: 0 4px 8px rgba(74, 59, 46, .18);--character-shadow-session-result: 0 6px 12px rgba(74, 59, 46, .16);--font-text: "Zen Maru Gothic", system-ui, sans-serif;--font-num: "M PLUS Rounded 1c", system-ui, sans-serif;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--hit-area-minimum: 44px;--cta-face-height: 56px;--action-face-height: 56px;--secondary-face-height: 52px;--tab-bar-height: 48px;--reference-width: 393px;--reference-height: 852px;--motion-instant: 0s;--motion-quick: .15s;--motion-base: .25s;--motion-enter: .45s;--motion-exit: .35s;--motion-stagger: .06s;--motion-action-pop-hold: .6s;--motion-action-pop-fade: .3s}.yp-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.yp-no-scrollbar::-webkit-scrollbar{width:0;height:0}html,body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-text);line-break:strict;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}[data-yp-canvas]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.yp-selectable,[data-yp-canvas] input,[data-yp-canvas] textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:400;font-display:swap;src:local("ZenMaruGothic-Regular"),url(/fonts/ZenMaruGothic-Regular.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:local("ZenMaruGothic-Medium"),url(/fonts/ZenMaruGothic-Medium.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:700;font-display:swap;src:local("ZenMaruGothic-Bold"),url(/fonts/ZenMaruGothic-Bold.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:900;font-display:swap;src:local("ZenMaruGothic-Black"),url(/fonts/ZenMaruGothic-Black.woff2) format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:500;font-display:swap;src:local("RoundedMplus1c-Medium"),url(/fonts/MPLUSRounded1c-Medium.woff2) format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:700;font-display:swap;src:local("RoundedMplus1c-Bold"),url(/fonts/MPLUSRounded1c-Bold.woff2) format("woff2")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:800;font-display:swap;src:local("RoundedMplus1c-ExtraBold"),url(/fonts/MPLUSRounded1c-ExtraBold.woff2) format("woff2")}.yuru-button{cursor:pointer;box-shadow:var(--face-shadow, none)}.yuru-button:active:not(:disabled){transform:translateY(var(--depth, 4px));box-shadow:none}.yuru-button-flat:active:not(:disabled){transform:none}.yuru-button:disabled{cursor:default}@keyframes yp-fadeup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.yp-sheet-fadeup{animation:yp-fadeup .28s ease-out}@media (prefers-reduced-motion: reduce){.yp-sheet-fadeup{animation:none}}@keyframes yp-breath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.012)}}.yp-character-breath{animation:yp-breath 1.9s ease-in-out infinite}.friend-screen{position:absolute;inset:0;overflow-y:auto;padding-top:max(48px,env(safe-area-inset-top));background:var(--color-canvas);color:var(--color-ink)}.friend-screen,.friend-screen *{box-sizing:border-box}.friend-screen button,.friend-screen input{font-family:inherit}.friend-screen button{cursor:pointer;min-height:var(--friend-target);min-width:var(--friend-target);color:inherit}.friend-screen button:disabled{cursor:default}.friend-screen button:focus-visible,.friend-screen input:focus-visible{outline:3px solid var(--color-check);outline-offset:3px}.friend-nav{display:flex;align-items:center;gap:8px;padding:9px 11px 0}.friend-nav h1{font-size:1.0625rem;font-weight:900;margin:0}.friend-close{display:grid;place-items:center;flex:none;border:0;background:none;padding:0;width:var(--friend-target)}.friend-close span{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--color-line);background:var(--color-surface);color:var(--color-ink-secondary);display:grid;place-items:center;font-size:.8125rem;font-weight:900}.friend-pad{padding:10px 22px max(26px,env(safe-area-inset-bottom))}.friend-card{width:100%;display:flex;align-items:center;gap:14px;background:var(--color-surface);border:1.5px solid var(--color-line);border-radius:20px;padding:16px 18px;margin:0 0 12px;box-shadow:0 2px 6px #4a3b2e14;text-align:left}.friend-icon{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:1.625rem;background:var(--color-pink-panel)}.friend-card strong{display:block;font-size:1.125rem;font-weight:900}.friend-card small{display:block;font-size:.71875rem;font-weight:700;color:var(--color-ink-secondary);margin-top:2px}.friend-chevron{margin-left:auto;color:#c9b8a4;font-weight:900}.friend-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:18px 0 8px;font-size:.875rem;font-weight:900}.friend-list-head small{font-size:.6875rem;font-weight:700;color:var(--color-ink-secondary)}.friend-room{width:100%;text-align:left;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--color-surface);border:1.5px solid var(--color-line);border-radius:16px;padding:11px 14px;margin:0 0 8px}.friend-room strong{display:block;font-size:.875rem;font-weight:900;overflow-wrap:anywhere;overflow:hidden}.friend-room small{display:block;font-size:.65625rem;font-weight:700;color:var(--color-ink-secondary);margin-top:2px}.friend-count{font:800 .8125rem var(--font-num);color:#3f6b55;background:#eaf5ee;border-radius:999px;padding:5px 10px;white-space:nowrap}.friend-empty,.friend-error,.friend-bubble{background:var(--color-surface);border:1.5px dashed #D9CBB4;border-radius:16px;padding:18px 14px;text-align:center;font-size:.75rem;font-weight:700;color:var(--color-ink-secondary);line-height:1.6}.friend-error{background:#fbeff2;border:1.5px solid var(--color-strawberry-border);color:var(--color-strawberry-ink);margin:0 0 14px;padding:10px 14px}.friend-bubble{border:1.5px solid var(--color-line);padding:10px 14px;font-size:.78125rem;margin:14px 0 18px;color:var(--color-ink)}.friend-sheet-backdrop{position:absolute;inset:0;z-index:30;background:var(--scrim);display:flex;align-items:flex-end}.friend-sheet{width:100%;max-height:100%;overflow-y:auto;padding:9px 20px max(22px,env(safe-area-inset-bottom));background:var(--color-canvas);border-radius:28px 28px 0 0}.friend-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}.friend-screen h2{font-size:1.1875rem;font-weight:900;text-align:center;margin:0;overflow-wrap:anywhere}.friend-lead{font-size:.71875rem;font-weight:700;color:var(--color-ink-secondary);text-align:center;margin:0 0 14px;line-height:1.6}.friend-sub{font-size:.75rem;font-weight:900;color:var(--color-ink-secondary);margin:8px 0 6px}.friend-option{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;min-height:max(76px,var(--friend-target));margin:0 0 10px;padding:11px 13px;border:2px solid var(--color-line);border-radius:18px;background:var(--color-surface);text-align:left}.friend-option[aria-pressed=true]{border-color:#7fc0a8;background:#eaf5ee}.friend-option .friend-icon{width:42px;height:42px;border-radius:14px;background:#ebf3fb;font-size:1.3125rem}.friend-option strong,.friend-option small{display:block;font-size:.875rem;font-weight:900}.friend-option small{margin-top:2px;color:var(--color-ink-secondary);font-size:.625rem;font-weight:700;line-height:1.45}.friend-check{width:22px;height:22px;display:grid;place-items:center;border:2px solid #C9B8A4;border-radius:50%;color:transparent;font-size:.6875rem;font-weight:900}.friend-option[aria-pressed=true] .friend-check{border-color:#7fc0a8;background:#7fc0a8;color:#fff}.friend-hero{text-align:center;padding:26px 0 8px}.friend-hero>div{display:flex;justify-content:center;margin:0 auto 12px}.friend-code{font:800 1.875rem var(--font-num);letter-spacing:.18em;color:var(--color-strawberry-ink);text-align:center;overflow-wrap:anywhere}.friend-ticket{background:var(--color-surface);border:2px dashed var(--color-strawberry);border-radius:18px;padding:12px 16px 14px;text-align:center;margin:0 0 10px}.friend-field{display:block;width:100%;min-height:64px;background:var(--color-surface);border:2px solid var(--color-line);border-radius:16px;padding:12px;font-size:1.75rem;font-weight:800;letter-spacing:.15em;text-align:center;color:var(--color-strawberry-ink);margin:20px 0 10px}.friend-actions{display:flex;flex-direction:column;gap:12px}.friend-terminal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 22px 30px;text-align:center;overflow-y:auto}.friend-terminal-symbol{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--color-pink-panel);border:3px solid var(--color-strawberry-light);color:var(--color-strawberry-deep);font-size:2.75rem;font-weight:900;line-height:1;margin:0 0 18px;box-shadow:0 4px 10px #4a3b2e1f}.friend-terminal-symbol-host{position:relative;background:var(--color-gold-panel);border-color:#ebcf8e;color:#9b6b12;font-size:2.125rem}.friend-terminal-symbol-host span{position:absolute;right:-5px;bottom:-4px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--color-strawberry);border:2px solid var(--color-surface);color:#fff;font-size:1.125rem}.friend-terminal h2{max-width:330px;font-size:1.3125rem;line-height:1.55;margin:0 0 8px}.friend-terminal-lead{max-width:330px;font-size:.875rem;font-weight:800;line-height:1.7;color:var(--color-ink-secondary);margin:0 0 18px}.friend-terminal-note{box-sizing:border-box;width:100%;max-width:350px;background:var(--color-surface);border:1.5px solid var(--color-line);border-radius:18px;padding:14px 16px;color:var(--color-ink);font-size:.75rem;font-weight:800;line-height:1.7;margin:0 0 18px;box-shadow:0 2px 6px #4a3b2e14}.friend-terminal>.yuru-button{width:100%;max-width:350px;margin-top:8px}.friend-result{position:absolute;inset:0;box-sizing:border-box;padding:28px 22px;overflow-y:auto}.friend-result-head{text-align:center;margin:0 0 16px}.friend-result-avatar{width:72px;height:72px;border:4px solid #fff;border-radius:50%;box-shadow:0 3px 10px #4a3b2e2e;margin:0 auto 10px;overflow:hidden;background:var(--color-surface)}.friend-result-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.35);transform-origin:50% 26%}.friend-result-head h2{font-size:1.3125rem;margin:0 0 4px}.friend-result-head p{font-size:.9375rem;font-weight:900;color:var(--color-strawberry-deep);margin:0}.friend-result-head p.friend-result-provisional{font-size:.8125rem;line-height:1.5;color:#9b6b12}.friend-result-head p.friend-result-aborted{color:var(--color-ink-secondary)}.friend-result-list{list-style:none;padding:0;margin:0 0 14px}.friend-result-row{display:flex;align-items:center;gap:11px;background:var(--color-surface);border:1.5px solid var(--color-line);border-radius:16px;padding:10px 13px;margin:0 0 8px;min-height:58px}.friend-result-row.first{border-color:#ebcf8e;background:#fff8e8;box-shadow:0 2px 5px #9b6b121f}.friend-result-place{width:36px;flex:none;color:var(--color-ink-secondary);font:900 .9375rem var(--font-num);text-align:center}.friend-result-row.first .friend-result-place{color:#9b6b12}.friend-result-copy{min-width:0;text-align:left}.friend-result-copy strong{display:block;font-size:.9375rem;font-weight:900;overflow-wrap:anywhere}.friend-result-copy small{display:block;color:var(--color-ink-secondary);font-size:.625rem;font-weight:700;margin-top:2px;line-height:1.4}.friend-result-share{margin:0 0 12px}.friend-result-actions{display:flex;flex-direction:column;gap:8px}.friend-result-actions>.yuru-button{width:100%}.friend-result-rematch-status{font-size:.75rem;font-weight:800;color:var(--color-ink-secondary);text-align:center;margin:0}.friend-waiting h2{margin:14px 0 8px;text-wrap:balance}.friend-waiting .friend-ticket label{font-size:.65625rem;font-weight:900;color:var(--color-ink-secondary)}.friend-waiting input.friend-code{display:block;width:100%;border:0;padding:2px 0 0;background:transparent;user-select:text;font-family:var(--font-num);font-variant-numeric:tabular-nums}.friend-waiting-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.friend-waiting-badge{display:table;margin:0 auto 10px;padding:6px 11px;border-radius:999px;font-size:.6875rem;font-weight:900;background:#fdf3e0;border:1.5px solid #EBCF8E;color:#9b6b12;text-align:center}.friend-waiting-badge.public{background:#eaf5ee;border-color:#bfe0ce;color:#3f6b55}.friend-waiting-count{text-align:right;font:800 1.375rem var(--font-num);font-variant-numeric:tabular-nums;margin-bottom:8px}.friend-waiting-count small{font-size:.8125rem;color:var(--color-ink-secondary)}.friend-waiting-seats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}.friend-waiting-seats li{display:flex;flex-direction:column;align-items:center;gap:4px;width:56px;text-align:center}.friend-waiting-avatar{width:48px;height:48px;border-radius:50%;border:3px solid var(--color-surface);background:var(--color-pink-panel);display:grid;place-items:center;font-size:1.125rem;font-weight:900;box-shadow:0 2px 5px #4a3b2e26}.friend-waiting-avatar.vacant,.friend-waiting-avatar.pending{background:var(--color-recessed);border:2px dashed #C9B8A4;color:var(--color-ink-secondary);box-shadow:none}.friend-waiting-name{font-size:.625rem;font-weight:700;max-width:100%;overflow-wrap:anywhere}.friend-waiting-seats small,.friend-waiting-seats em{font-size:.5625rem;font-weight:900;color:var(--color-ink-secondary);font-style:normal}.friend-waiting-hint{margin-top:12px;text-wrap:pretty}.friend-waiting-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.friend-waiting [data-testid=friend_waiting_add_cpu]{margin:0 0 14px}.friend-cpu-sheet h2{font-size:1.0625rem;font-weight:900;margin:0}.friend-cpu-sheet .friend-lead{margin:4px 0 12px}.friend-cpu-option{grid-template-columns:44px minmax(0,1fr) auto;min-height:max(64px,var(--friend-target));margin:0 0 8px}.friend-cpu-option:disabled{opacity:.5}.friend-cpu-level{white-space:nowrap}.friend-cpu-state{font-size:.6875rem;font-weight:900;color:var(--color-strawberry-ink);background:#fbeff2;border-radius:999px;padding:5px 10px;white-space:nowrap}.friend-cpu-option[aria-pressed=true] .friend-cpu-state{color:#3f6b55;background:#fff}.yp-recommended-pulse{position:relative;flex:1;min-width:0;border-radius:var(--radius-action-button);animation:yp-recommended-pulse .9s ease-in-out infinite alternate}@keyframes yp-recommended-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--color-ink) 85%,transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb,var(--color-ink) 0%,transparent)}}.yp-recommended-pulse-static,.yp-recommended-pulse-static.yp-recommended-pulse{animation:none;box-shadow:0 0 0 8px color-mix(in srgb,var(--color-ink) 72%,transparent)}@media (prefers-reduced-motion: reduce){.yp-recommended-pulse{animation:none;box-shadow:0 0 0 8px color-mix(in srgb,var(--color-ink) 72%,transparent)}}.friend-battle{box-sizing:border-box;height:100%;overflow:auto;padding:549px 14px 20px;display:flex;flex-direction:column;gap:12px;color:var(--color-ink);font-family:var(--font-text);font-variant-numeric:tabular-nums}.friend-battle h2,.friend-battle-dialog h2{text-wrap:balance}.friend-battle p,.friend-battle-dialog p{text-wrap:pretty;margin:0}.friend-battle button{min-height:var(--friend-target);min-width:var(--friend-target)}.fb-hero{position:relative}.fb-hero-stamp{position:absolute;left:0;bottom:8px;z-index:1;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:4px;padding-bottom:0}.fb-hero-stamp>.fb-reaction{position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50% 0;width:max-content}.fb-hero [data-testid="friendBattle.heroCards"]{margin-right:32px}.fb-hero-meta{font-size:.8125rem;color:var(--color-ink-secondary);text-align:center;min-width:70px;max-width:90px}.fb-commentary{display:flex;align-items:flex-start;gap:8px;font-size:.84375rem}.friend-battle p.fb-commentary-hint{margin:4px 0 0;color:var(--color-ink-secondary);font-size:.8125rem}@keyframes fb-urgent-pulse{0%,to{opacity:1}50%{opacity:.35}}.fb-urgent-pulse{animation:fb-urgent-pulse 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.fb-urgent-pulse{animation:none}}@media (max-width: 360px){.friend-battle .fb-practice-body{-webkit-line-clamp:1!important}}@media (max-width: 360px){.fb-hold-actions{height:auto!important;min-height:60px;align-items:stretch!important}.fb-hold-actions>div:first-child{display:flex;flex:1 1 0;min-width:0}.fb-hold-actions .fb-hold-board{box-sizing:border-box!important;height:auto!important;min-height:var(--friend-target);padding:6px 8px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.fb-hold-actions>button{flex:0 1 45%;max-width:45%;min-width:0!important;padding:0 8px!important;white-space:normal;overflow-wrap:anywhere}}.fb-actions button{min-height:max(56px,var(--friend-target))!important}@media (max-width: 360px){.friend-battle .fb-hero{gap:0!important}.friend-battle .fb-hero .fb-hero-meta{min-width:52px;max-width:60px;overflow-wrap:anywhere}}.fb-recovery,.fb-error{background:var(--color-surface);padding:10px 12px;border:2px solid var(--color-line);border-radius:14px;font-size:.8125rem;line-height:1.35}.fb-recovery{align-self:stretch}.fb-reaction{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;max-width:100%;min-height:34px;box-sizing:border-box;padding:7px 10px;border-radius:16px;background:var(--color-surface);font-size:.8125rem;overflow-wrap:anywhere}.friend-battle-dialog{box-sizing:border-box;width:min(400px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:2px solid var(--color-line);border-radius:22px;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-text)}.friend-battle-modal-root{position:absolute;z-index:2;pointer-events:none;overflow:clip}.friend-battle-backdrop{position:absolute;inset:0;background:#4a3b2e59;pointer-events:auto}.friend-battle-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:calc(100% - 32px);pointer-events:auto}.friend-battle-dialog>button{width:100%;margin-top:12px}.friend-battle-dialog button{min-height:44px;min-width:44px}.friend-battle-dialog [data-testid="battle.betSheet"]{position:relative!important;height:auto!important;padding:0!important;box-shadow:none!important}.fb-rebuy-countdown{margin-top:10px;text-align:center;font-family:var(--font-num);font-size:12px;font-weight:800;color:var(--color-ink-secondary)}.fb-stamps,.fb-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fb-stamps button{display:flex;flex-direction:column}.fb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.friend-spectator{position:relative;box-sizing:border-box;height:100%;min-height:100%;overflow:auto;color:var(--color-ink);font-family:var(--font-text);font-variant-numeric:tabular-nums}.friend-spectator h2,.friend-spectator p,.friend-spectator-dialog h2,.friend-spectator-dialog p{margin:0;text-wrap:pretty}.friend-spectator button{min-width:var(--spectator-target);min-height:var(--spectator-target)}.fs-nav{z-index:1}.fs-mode,.fs-count{box-sizing:border-box;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:var(--radius-pill);background:#fffdf8f0;color:var(--color-felt-dark);font-size:.8125rem;font-weight:900;white-space:nowrap}.fs-seats{overflow:visible}.fs-seat{color:var(--color-ink);font-size:.6875rem}.fs-avatar{position:relative;display:block;min-height:48px}.fs-name{max-width:100%;box-sizing:border-box;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis}.fs-stack{font-weight:900}.fs-seat-status{max-width:100%;text-align:center}.fs-hole-cards{display:flex;justify-content:center;gap:2px}.fs-seat-reaction{position:absolute;z-index:2;top:-28px;right:-4px;max-width:104px}.fs-commentary{z-index:1;font-size:.84375rem}.fs-table{z-index:0;color:var(--color-felt-dark)}.fs-pot,.fs-action-copy,.fs-settled,.fs-closed{box-sizing:border-box;max-width:100%;text-align:center}.fs-action-copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-board{display:flex;justify-content:center;gap:6px;min-height:70px}.fs-settled,.fs-closed{font-weight:900;padding:5px 12px;border-radius:var(--radius-pill);background:#fffdf8f0}.fs-footer{z-index:1}.fs-controls{z-index:1;position:relative;left:auto;right:auto;top:auto;width:auto;height:auto;min-height:108px;flex:0 0 auto;box-sizing:border-box;padding:6px 10px;border:1.5px solid var(--color-line);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-soft)}.fs-control-main{min-height:var(--spectator-target);display:flex;align-items:center;gap:10px}.fs-observer-face{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--color-blue-panel);font-size:23px}.fs-observation-bar{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:2px 0;font-size:.8125rem}.fs-observation-bar strong{font-size:.875rem;font-weight:900}.fs-observation-bar span{color:var(--color-ink-secondary);overflow-wrap:anywhere}.fs-control-main>button{width:auto;flex:0 0 auto;border-radius:999px;padding:9px 12px;font-size:.6875rem;white-space:nowrap}.fs-actions{z-index:2;position:relative;left:auto;right:auto;top:auto;width:auto;height:60px;min-height:60px;flex:0 0 60px}.fs-actions>button{min-height:var(--spectator-target)}.fs-observer-reactions{position:static;z-index:auto;box-sizing:border-box;display:flex;align-items:flex-start;gap:5px;min-height:34px;flex:0 0 34px;pointer-events:none}.fs-observer-reactions:empty{display:none}.fs-reaction{box-sizing:border-box;min-width:68px;max-width:110px;min-height:34px;height:34px;display:flex;align-items:center;gap:3px;padding:0 5px;border-radius:var(--radius-bubble);background:var(--color-surface);color:var(--color-ink);font-size:.6875rem;font-weight:900;box-shadow:var(--shadow-bubble);overflow-wrap:anywhere}.fs-errors{position:absolute;z-index:4;left:14px;right:17px;top:840px;display:flex;flex-direction:column;gap:6px}.fs-error,.fs-pending{box-sizing:border-box;padding:8px 12px;border-radius:var(--radius-part);background:var(--color-error-light);color:var(--color-error-dark);font-size:.8125rem;font-weight:800;text-align:center}.fs-pending{background:var(--color-surface);color:var(--color-ink-secondary)}.fs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fs-invalid{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.friend-spectator-modal-root{position:absolute;z-index:4;pointer-events:none;overflow:clip}.friend-spectator-backdrop{position:absolute;inset:0;background:var(--scrim);pointer-events:auto}.friend-spectator-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(365px,calc(100% - 24px));max-height:calc(100% - 32px);overflow:auto;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));border:2px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-text);pointer-events:auto}.friend-spectator-dialog h2{margin-bottom:8px}.friend-spectator-dialog p{margin-bottom:12px}.friend-spectator-dialog>button{width:100%;margin-top:12px}.friend-spectator-dialog button{min-width:44px;min-height:44px}.fs-stamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fs-stamps button{min-height:82px;flex-direction:column}.fs-handover{background:var(--color-surface);padding:10px 12px;border:2px solid var(--color-line);border-radius:14px;font-size:.8125rem;line-height:1.35;align-self:stretch;margin:0}.yp-startup-playing .yp-startup-logo{animation:yp-startup-logo var(--yp-startup-motion-duration) ease-out both}.yp-startup-playing .yp-startup-tagline{animation:yp-startup-tagline var(--yp-startup-motion-duration) ease-out both}.yp-startup-playing .yp-startup-normal-mimi{animation:yp-startup-mimi var(--yp-startup-motion-duration) ease-out both}.yp-startup-playing .yp-startup-wave-layer{animation:yp-startup-wave-layer var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-wave-a{animation:yp-startup-wave-a var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-wave-b{animation:yp-startup-wave-b var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-card-layer{animation:yp-startup-card-layer var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-card-one{animation:yp-startup-card-one var(--yp-startup-motion-duration) ease-out both}.yp-startup-playing .yp-startup-card-two{animation:yp-startup-card-two var(--yp-startup-motion-duration) ease-out both}.yp-startup-playing .yp-startup-card-one .yp-startup-card-back{animation:yp-startup-card-one-back var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-card-one .yp-startup-card-front{animation:yp-startup-card-one-front var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-card-two .yp-startup-card-back{animation:yp-startup-card-two-back var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-card-two .yp-startup-card-front{animation:yp-startup-card-two-front var(--yp-startup-motion-duration) linear both}.yp-startup-playing .yp-startup-trailing{animation:yp-startup-trailing var(--yp-startup-motion-duration) ease-out both}.yp-startup-playing .yp-startup-auto-advance{animation:yp-startup-auto-advance var(--yp-startup-duration) linear both}.yp-startup-playing .yp-startup-logo,.yp-startup-playing .yp-startup-tagline,.yp-startup-playing .yp-startup-normal-mimi,.yp-startup-playing .yp-startup-wave-layer,.yp-startup-playing .yp-startup-wave-frame,.yp-startup-playing .yp-startup-card-layer,.yp-startup-playing .yp-startup-card,.yp-startup-playing .yp-startup-card-face,.yp-startup-playing .yp-startup-trailing,.yp-startup-playing .yp-startup-auto-advance{animation-iteration-count:1}.yp-startup-card{position:absolute;top:388px;width:88px;height:123px;opacity:0;transform-origin:center center}.yp-startup-card-one{left:calc(50% - 90px)}.yp-startup-card-two{left:calc(50% + 2px)}.yp-startup-card-face{position:absolute;inset:0;border-radius:12px;box-sizing:border-box;overflow:hidden;opacity:0}.yp-startup-card-front{padding:8px;background:#fffdf8;border:2px solid #EDE0CC;box-shadow:0 7px 14px #4a3b2e38;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.yp-startup-card-back{border:3px solid #FFFDF8;background:repeating-linear-gradient(45deg,#f0899e 0 8px,#f7bcc9 8px 16px);box-shadow:0 7px 14px #4a3b2e38;opacity:1}@keyframes yp-startup-card-layer{0%,81.24%{opacity:1}81.25%,to{opacity:0}}@keyframes yp-startup-card-one{0%,6.24%{opacity:0;transform:translate3d(320px,-420px,0) rotate(32deg) scale(.98) scaleX(1)}6.25%{opacity:1;transform:translate3d(320px,-420px,0) rotate(32deg) scale(.98) scaleX(1)}20.84%,29.16%{opacity:1;transform:translateZ(0) rotate(-8deg) scale(1) scaleX(1)}34.37%{opacity:1;transform:translateZ(0) rotate(-8deg) scale(1) scaleX(.06)}39.58%,70.82%{opacity:1;transform:translateZ(0) rotate(-8deg) scale(1) scaleX(1)}81.25%,to{opacity:0;transform:translateZ(0) rotate(-8deg) scale(.9) scaleX(1)}}@keyframes yp-startup-card-two{0%,11.24%{opacity:0;transform:translate3d(320px,-420px,0) rotate(52deg) scale(.98) scaleX(1)}11.25%{opacity:1;transform:translate3d(320px,-420px,0) rotate(52deg) scale(.98) scaleX(1)}25.84%,34.16%{opacity:1;transform:translateZ(0) rotate(12deg) scale(1) scaleX(1)}39.37%{opacity:1;transform:translateZ(0) rotate(12deg) scale(1) scaleX(.06)}44.58%,70.82%{opacity:1;transform:translateZ(0) rotate(12deg) scale(1) scaleX(1)}81.25%,to{opacity:0;transform:translateZ(0) rotate(12deg) scale(.9) scaleX(1)}}@keyframes yp-startup-card-one-back{0%,34.36%{opacity:1}34.37%,to{opacity:0}}@keyframes yp-startup-card-one-front{0%,34.36%{opacity:0}34.37%,to{opacity:1}}@keyframes yp-startup-card-two-back{0%,39.36%{opacity:1}39.37%,to{opacity:0}}@keyframes yp-startup-card-two-front{0%,39.36%{opacity:0}39.37%,to{opacity:1}}@keyframes yp-startup-mimi{0%,41.66%{opacity:0;transform:translate3d(0,32px,0) scale(.82,1.18)}58.33%,62.49%{opacity:1;transform:translateZ(0) scale(1)}62.5%,99.99%{opacity:0;transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes yp-startup-wave-layer{0%,62.49%{opacity:0}62.5%,99.99%{opacity:1}to{opacity:0}}@keyframes yp-startup-wave-a{0%,62.49%{opacity:0;transform:translate3d(-10px,8px,0) rotate(-4deg)}62.5%,66.66%{opacity:1;transform:translate3d(-12px,-3px,0) rotate(-4deg)}70.83%,75%{opacity:0;transform:translateZ(0) rotate(0)}79.17%,83.33%{opacity:1;transform:translate3d(-12px,-3px,0) rotate(-4deg)}87.5%,91.67%{opacity:0;transform:translateZ(0) rotate(0)}to{opacity:0;transform:translateZ(0) rotate(0)}}@keyframes yp-startup-wave-b{0%,66.66%{opacity:0;transform:translate3d(10px,8px,0) rotate(4deg)}70.83%,75%{opacity:1;transform:translate3d(12px,-3px,0) rotate(4deg)}79.17%,83.33%{opacity:0;transform:translateZ(0) rotate(0)}87.5%,91.67%{opacity:1;transform:translate3d(12px,-3px,0) rotate(4deg)}95.83%,to{opacity:0;transform:translateZ(0) rotate(0)}}@keyframes yp-startup-logo{0%,49.99%{opacity:0;transform:scale(.8)}66.66%,to{opacity:1;transform:scale(1)}}@keyframes yp-startup-tagline{0%,49.99%{opacity:0;transform:translate3d(0,7px,0)}62.5%,to{opacity:1;transform:translateZ(0)}}@keyframes yp-startup-trailing{0%,58.32%{opacity:0;transform:translate3d(0,10px,0)}70.83%,to{opacity:1;transform:translateZ(0)}}@keyframes yp-startup-reduced-fade{0%{opacity:0}to{opacity:1}}@keyframes yp-startup-auto-advance{0%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.yp-startup-root.yp-startup-playing{animation:yp-startup-reduced-fade var(--yp-startup-reduced-motion-duration) ease-out both}.yp-startup-auto-advance{animation-duration:var(--yp-startup-reduced-duration)!important}.yp-startup-root.yp-startup-playing .yp-startup-logo,.yp-startup-root.yp-startup-playing .yp-startup-tagline,.yp-startup-root.yp-startup-playing .yp-startup-normal-mimi,.yp-startup-root.yp-startup-playing .yp-startup-trailing{animation:none!important;opacity:1!important;transform:none!important}.yp-startup-card-layer,.yp-startup-wave-layer,.yp-startup-wave-frame{animation:none!important;opacity:0!important;transform:none!important}}