.ph-button{transition:background .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out,transform .12s cubic-bezier(.34,1.56,.64,1),opacity .12s ease-out}.ph-button.button--auto{width:auto}.ph-button.button--full{width:100%}.ph-button:focus-visible{outline:2px solid rgba(0,0,0,.5);outline-offset:2px}.ph-input-wrap{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.ph-input-label{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase}.ph-input--code{letter-spacing:.18em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:var(--font-xl);font-weight:800;text-align:center}.ph-player-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-sm);min-height:44px;position:relative;transition:border-color .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;box-shadow:0 1px 3px #00000012}.ph-player-card-name{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-player-card-meta{font-size:var(--font-xs);color:var(--text-muted);flex-shrink:0;font-weight:600}.ph-player-card-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-yellow);flex-shrink:0;animation:glowPulse 1.4s ease-in-out infinite}.ph-player-card--ready .ph-player-card-meta{color:var(--state-success);font-weight:700}.ph-player-card--highlight{border-color:var(--color-black);background:var(--bg-elevated);box-shadow:0 2px 6px #0000001f}.ph-player-card--turn{border-color:var(--accent-yellow);background:rgba(245,166,35,.08)}.ph-player-card--active{border-color:var(--accent-yellow)}.ph-avatar{display:inline-block;border-radius:50%;overflow:hidden;flex-shrink:0;padding:0;border:none;background:none;cursor:default;-webkit-user-select:none;user-select:none;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s ease}.ph-avatar img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.15);pointer-events:none}button.ph-avatar{cursor:pointer}button.ph-avatar:hover{outline-color:var(--border-strong, #555)}.ph-avatar--selected{outline-color:var(--color-black, #111)}.account-screen{display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-5);position:relative}.account-screen:before{content:"";position:absolute;top:0;left:36px;bottom:0;width:2px;background:rgba(232,51,42,.25);pointer-events:none}.account-back{align-self:flex-start}.account-title{font-size:var(--font-xl);font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.03em;text-transform:uppercase}.account-section{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-strong)}.account-section:last-child{border-bottom:none;padding-bottom:0}.account-section-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin:0}.account-name-row{display:flex;align-items:flex-end;gap:var(--space-3)}.account-name-row .ph-input-wrap{flex:1}.account-success{font-size:var(--font-sm);font-weight:700;color:var(--accent-green);margin:0;padding:var(--space-2) var(--space-3);background:rgba(40,167,69,.08);border-radius:var(--radius-sm);border:1.5px solid rgba(40,167,69,.25)}.account-muted{font-size:var(--font-sm);color:var(--text-muted);margin:0;line-height:1.5;font-style:italic}.account-checkbox--loading{opacity:.6;pointer-events:none}.account-tabs{display:flex;border:2px solid var(--color-black);border-radius:var(--radius-sm);overflow:hidden}.account-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--font-sm);font-weight:700;letter-spacing:.04em;background:var(--bg-surface);color:var(--text-muted);border:none;cursor:pointer;min-height:40px;transition:background var(--timing-fast),color var(--timing-fast)}.account-tab:first-child{border-right:2px solid var(--color-black)}.account-tab--active{background:var(--color-black);color:var(--text-inverse)}.account-tab:not(.account-tab--active):hover{background:var(--bg-surface-2);color:var(--text-secondary)}.account-link-panel{display:flex;flex-direction:column;gap:var(--space-3)}.account-otp-actions{display:flex;flex-direction:column;gap:var(--space-2)}.account-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);justify-items:center}.account-linked-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:rgba(40,167,69,.08);border:1.5px solid rgba(40,167,69,.3);border-radius:var(--radius-sm)}.account-linked-check{font-size:var(--font-base);font-weight:900;color:var(--accent-green);line-height:1}.account-linked-text{font-size:var(--font-sm);font-weight:700;color:var(--text-secondary)}.leaderboard-screen{display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);gap:var(--space-4);position:relative;max-height:calc(100dvh - var(--space-6));overflow-y:auto;-webkit-overflow-scrolling:touch}.leaderboard-screen:before{content:"";position:absolute;top:0;left:36px;bottom:0;width:2px;background:rgba(232,51,42,.25);pointer-events:none}.leaderboard-back{align-self:flex-start}.leaderboard-title{font-size:var(--font-xl);font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.03em;text-transform:uppercase}.leaderboard-loading{font-size:var(--font-sm);color:var(--text-muted);font-style:italic;margin:0;padding:var(--space-4) 0;text-align:center}.leaderboard-empty{font-size:var(--font-sm);color:var(--text-muted);font-style:italic;margin:0;padding:var(--space-4) 0;text-align:center;line-height:1.55}.leaderboard-toast{font-size:var(--font-sm);font-weight:700;color:var(--accent-green);margin:0;padding:var(--space-2) var(--space-3);background:rgba(40,167,69,.08);border-radius:var(--radius-sm);border:1.5px solid rgba(40,167,69,.25);animation:leaderboard-toast-in var(--timing-fast) ease-out}@keyframes leaderboard-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.leaderboard-table{display:flex;flex-direction:column;border:2px solid var(--color-black);border-radius:var(--radius-sm);overflow:hidden}.leaderboard-row{display:grid;grid-template-columns:1fr 48px 52px 28px;align-items:center;min-height:44px;border-bottom:1px solid var(--border-soft);position:relative;transition:background var(--timing-fast)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row--header{background:var(--bg-surface-2);min-height:36px;border-bottom:2px solid var(--color-black)}.leaderboard-row--header:hover,.leaderboard-row--self{background:var(--bg-surface-2)}.leaderboard-row:not(.leaderboard-row--header):hover{background:var(--bg-surface-2)}.leaderboard-cell{padding:var(--space-2) var(--space-2);font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.leaderboard-cell:first-child{padding-left:var(--space-3)}.leaderboard-row--header .leaderboard-cell{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--timing-fast);display:flex;align-items:center;gap:3px}.leaderboard-row--header .leaderboard-cell:hover{color:var(--text-primary)}.leaderboard-cell--no-sort{cursor:default!important}.leaderboard-sort-indicator{font-size:9px;line-height:1;color:var(--text-primary);flex-shrink:0}.leaderboard-row--self .leaderboard-cell--name{font-weight:700;color:var(--text-primary)}.leaderboard-name--anonymous{color:var(--text-muted);font-weight:400}.leaderboard-anon-note{font-size:var(--font-xs);color:var(--text-muted);font-weight:400;margin-left:4px}.leaderboard-cell--numeric{text-align:right;padding-right:var(--space-2);font-variant-numeric:tabular-nums;color:var(--text-secondary)}@media (max-width: 480px){.leaderboard-cell{padding:var(--space-1) var(--space-2);font-size:13px}.leaderboard-row{min-height:40px}.leaderboard-row--header .leaderboard-cell{font-size:10px;letter-spacing:.08em}}.leaderboard-menu-wrap{position:relative;display:flex;align-items:center;justify-content:center}.leaderboard-menu-btn{width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color var(--timing-fast),background var(--timing-fast);line-height:1;padding:0}.leaderboard-menu-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.leaderboard-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:100;background:var(--bg-surface);border:2px solid var(--color-black);border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--color-black);min-width:180px;overflow:hidden;animation:leaderboard-dropdown-in var(--timing-fast) ease-out}@keyframes leaderboard-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-dropdown-item{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:600;color:var(--accent-red);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--timing-fast);min-height:44px;line-height:1}.leaderboard-dropdown-item:hover{background:rgba(232,51,42,.06)}.leaderboard-dropdown-cancel{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-sm);font-weight:600;color:var(--text-muted);background:transparent;border:none;border-top:1px solid var(--border-soft);cursor:pointer;text-align:left;transition:background var(--timing-fast);min-height:44px;line-height:1}.leaderboard-dropdown-cancel:hover{background:var(--bg-surface-2);color:var(--text-secondary)}.leaderboard-name-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:0}.leaderboard-name-wrap>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@keyframes floatCard{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-6px) rotate(-12deg)}}@keyframes floatCard2{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes floatCard3{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-5px) rotate(10deg)}}@keyframes titleWiggle{0%,to{transform:rotate(-1deg) skew(-.5deg)}50%{transform:rotate(1deg) skew(.5deg)}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.lobby-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-base);background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(0,0,0,.04) 31px,rgba(0,0,0,.04) 32px),radial-gradient(circle at 90% 10%,rgba(245,166,35,.06) 0%,transparent 40%);overflow-y:auto}.lobby-panel{width:100%;max-width:390px;background:var(--bg-surface);border:3px solid var(--color-black);border-radius:4px;overflow:hidden;box-shadow:5px 5px 0 var(--color-black);position:relative}.lobby-home{display:flex;flex-direction:column;padding:var(--space-5) var(--space-5) var(--space-6);gap:0}.lobby-home:before{content:"";position:absolute;top:0;left:36px;bottom:0;width:2px;background:rgba(232,51,42,.3);pointer-events:none}.lobby-home-top{display:flex;justify-content:center;padding:var(--space-4) 0 var(--space-3)}.lobby-card-deco{position:relative;width:150px;height:100px}.lobby-deco-card{position:absolute;width:66px;height:92px;border-radius:6px;background:#FFFFFF;border:2px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:6px 7px}.lobby-deco-card--1{left:0;top:8px;transform:rotate(-12deg);transform-origin:bottom center;z-index:1;animation:floatCard 3.2s ease-in-out infinite}.lobby-deco-card--2{left:42px;top:0;transform:rotate(-2deg);transform-origin:bottom center;z-index:2;animation:floatCard2 2.8s ease-in-out .4s infinite}.lobby-deco-card--3{right:0;top:10px;transform:rotate(10deg);transform-origin:bottom center;z-index:3;animation:floatCard3 3.6s ease-in-out .2s infinite}.lobby-deco-rank{font-size:15px;font-weight:900;color:var(--color-black);line-height:1}.lobby-deco-suit{font-size:22px;align-self:center;line-height:1}.lobby-deco-card--2 .lobby-deco-rank,.lobby-deco-card--2 .lobby-deco-suit{color:#cc2020}.lobby-deco-card--3 .lobby-deco-suit{font-size:18px;opacity:.85}.lobby-home-copy{padding:var(--space-2) 0 var(--space-5)}.lobby-kicker{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin:0 0 var(--space-1);padding-left:2px}.lobby-title{font-size:clamp(38px,11vw,56px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:var(--color-black);margin:0 0 var(--space-3);text-transform:uppercase;display:block;animation:titleWiggle 8s ease-in-out infinite;transform-origin:left center}.lobby-subtitle{font-size:var(--font-sm);color:var(--text-muted);margin:0;line-height:1.55;font-style:italic;max-width:240px}.lobby-suit-divider{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-5)}.lobby-suit-divider:before,.lobby-suit-divider:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(to right,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 5px,transparent 5px,transparent 10px)}.lobby-suit-pips{display:flex;gap:5px;font-size:11px;color:var(--text-muted);letter-spacing:.08em;-webkit-user-select:none;user-select:none}.lobby-home-actions{display:flex;flex-direction:column;gap:var(--space-3)}.lobby-form{display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-4);position:relative}.lobby-form:before{content:"";position:absolute;top:0;left:36px;bottom:0;width:2px;background:rgba(232,51,42,.25);pointer-events:none}.lobby-back-btn{background:none;border:none;color:var(--text-muted);font-size:var(--font-sm);font-weight:700;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:5px;transition:color .12s ease-out;align-self:flex-start;min-height:32px;letter-spacing:.02em}.lobby-back-btn:hover{color:var(--text-primary)}.lobby-back-btn .back-arrow{display:inline-block;animation:arrowBounce 1.6s ease-in-out infinite}.lobby-form-title{font-size:var(--font-xl);font-weight:900;color:var(--text-primary);margin:0;letter-spacing:-.03em;text-transform:uppercase}.lobby-fields{display:flex;flex-direction:column;gap:var(--space-4)}.lobby-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-surface-2);border:2px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .15s ease-out,background .15s ease-out}.lobby-checkbox:hover{border-color:var(--color-black);background:var(--bg-elevated)}.lobby-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.lobby-checkbox-track{position:relative;width:40px;height:24px;background:var(--bg-elevated);border-radius:var(--radius-pill);border:2px solid var(--border-strong);flex-shrink:0;transition:background .15s ease-out,border-color .15s ease-out}.lobby-checkbox-track:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--color-mid-gray);top:2px;left:2px;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s ease-out}.lobby-checkbox input:checked~.lobby-checkbox-track{background:rgba(40,167,69,.15);border-color:var(--accent-green)}.lobby-checkbox input:checked~.lobby-checkbox-track:after{background:var(--accent-green);transform:translate(16px)}.lobby-checkbox-label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);flex:1}.lobby-error{font-size:var(--font-sm);font-weight:600;color:var(--accent-red);margin:0;padding:var(--space-2) var(--space-3);background:rgba(232,51,42,.06);border-radius:var(--radius-sm);border:1.5px solid rgba(232,51,42,.2)}.lobby-offline{font-size:var(--font-sm);color:var(--text-muted);background:var(--bg-surface-2);border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center;margin:0}.lobby-panel-header{padding:var(--space-4) var(--space-5) var(--space-4);border-bottom:2px solid var(--border-soft);display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-surface-2)}.lobby-title-row{display:flex;align-items:center;justify-content:space-between}.lobby-game-title{font-size:var(--font-xl);font-weight:900;color:var(--text-primary);letter-spacing:-.03em;margin:0;text-transform:uppercase}.lobby-connection-dot{width:10px;height:10px;border-radius:50%;background:var(--color-light-gray);border:2px solid var(--border-strong);transition:background .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out}.lobby-connection-dot[data-connected=true]{background:var(--accent-green);border-color:var(--accent-green);box-shadow:0 0 0 3px #28a74533}.lobby-code-block{background:var(--bg-elevated);border:2px dashed rgba(0,0,0,.25);border-radius:4px;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);cursor:default;-webkit-user-select:all;user-select:all}.lobby-code-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.lobby-code-value{font-size:var(--font-2xl);font-weight:900;letter-spacing:.22em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;color:var(--text-primary);line-height:1}.lobby-code-hint{font-size:10px;color:var(--text-muted);letter-spacing:.04em;font-weight:500}.lobby-code-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.lobby-code-copy{height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color var(--timing-fast),border-color var(--timing-fast),background var(--timing-fast);line-height:1;flex-shrink:0}.lobby-code-copy:hover{color:var(--text-primary);border-color:var(--color-black);background:var(--bg-surface-2)}.lobby-players{padding:var(--space-4) var(--space-5);border-bottom:2px solid var(--border-soft)}.lobby-players-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--font-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em}.lobby-ready-count{color:var(--text-muted);font-weight:700}.lobby-players-list{display:flex;flex-direction:column;gap:var(--space-2)}.lobby-actions{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.lobby-wait-msg{text-align:center;font-size:var(--font-sm);font-weight:600;color:var(--text-muted);padding:var(--space-3);font-style:italic}.lobby-bot-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.lobby-bot-label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary)}.lobby-bot-stepper{display:flex;align-items:center;gap:var(--space-3)}.lobby-bot-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s,border-color .15s}.lobby-bot-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.lobby-bot-btn:disabled{opacity:.35;cursor:default}.lobby-bot-count{font-size:var(--font-base);font-weight:700;min-width:20px;text-align:center}.lobby-account-btn{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color var(--timing-fast),border-color var(--timing-fast),background var(--timing-fast);line-height:1}.lobby-account-btn:hover{color:var(--text-primary);border-color:var(--color-black);background:var(--bg-surface-2)}.lobby-account-icon{font-size:14px;line-height:1}.lobby-account-text{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lobby-active-games{margin-top:1.5rem;width:100%;display:flex;flex-direction:column;gap:.5rem}.lobby-active-games-label{font-size:var(--font-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .25rem}.lobby-active-game-card{display:flex;flex-direction:column;gap:4px;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%}.lobby-active-game-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;width:100%}.lobby-active-game-players{font-size:var(--font-xs);color:var(--text-muted);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-active-game-card:hover:not(:disabled){border-color:var(--text-primary);background:var(--bg)}.lobby-active-game-card:disabled{opacity:.5;cursor:default}.lobby-active-game-code{font-size:var(--font-base);font-weight:700;letter-spacing:.05em;font-family:Courier New,monospace}.lobby-active-game-status{font-size:var(--font-sm);color:var(--text-secondary)}.lobby-active-game-status.your-turn{color:var(--text-primary);font-weight:700}.lobby-active-game-time{font-size:var(--font-sm);color:var(--text-secondary)}.ph-card{position:relative;border-radius:var(--card-radius);border:1px solid var(--card-border);background:var(--card-face);color:var(--color-black);box-shadow:var(--card-shadow);will-change:transform;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease-out,opacity .12s ease-out;user-select:none;-webkit-user-select:none;flex-shrink:0;overflow:hidden}.ph-card--xxs{width:26px;height:37px}.ph-card--xs{width:38px;height:54px}.ph-card--sm{width:48px;height:68px}.ph-card--md{width:58px;height:82px}.ph-card--lg{width:72px;height:102px}.ph-card--clickable{cursor:pointer}.ph-card--clickable:hover:not(.ph-card--disabled){transform:translateY(-3px);box-shadow:var(--card-shadow-raised)}.ph-card--selected{transform:translateY(-12px) scale(1.06);box-shadow:0 8px 20px #00000059,0 0 0 2px var(--color-black),0 0 0 4px #ffffffd9;z-index:10;border-color:var(--color-black)}.ph-card--selected:hover{transform:translateY(-14px) scale(1.07)}.ph-card--disabled{opacity:.4;cursor:not-allowed}.ph-card--face{background:var(--card-face)}.ph-card--red .card-index-suit,.ph-card--red .card-center-suit{color:#cc2020}.ph-card--back{background:var(--card-back);border-color:#ffffff14}.card-back-inner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:calc(var(--card-radius) - 3px);border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center;justify-content:center}.card-back-pattern{position:absolute;top:0;right:0;bottom:0;left:0}.card-back-center{position:relative;z-index:1}.card-back-icon{font-size:18px;opacity:.6;filter:grayscale(1)}.ph-card--xs .card-back-icon{font-size:11px}.ph-card--sm .card-back-icon{font-size:14px}.ph-card--lg .card-back-icon{font-size:24px}.card-index{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}.card-index--tl{top:4px;left:5px}.card-index--br{bottom:4px;right:5px;transform:rotate(180deg)}.card-index-rank{font-size:13px;font-weight:700;line-height:1;letter-spacing:-.02em}.card-index-suit{font-size:10px;line-height:1.1}.card-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.card-center-suit{font-size:22px;line-height:1}.ph-card--xxs .card-back-icon{font-size:8px}.ph-card--xxs .card-index-rank{font-size:7px}.ph-card--xxs .card-index-suit{font-size:5px}.ph-card--xxs .card-center-suit{font-size:10px}.ph-card--xxs .card-index--tl{top:2px;left:2px}.ph-card--xxs .card-index--br{bottom:2px;right:2px}.ph-card--xs .card-index-rank{font-size:9px}.ph-card--xs .card-index-suit{font-size:7px}.ph-card--xs .card-center-suit{font-size:13px}.ph-card--xs .card-index--tl{top:2px;left:3px}.ph-card--xs .card-index--br{bottom:2px;right:3px}.ph-card--sm .card-index-rank{font-size:11px}.ph-card--sm .card-index-suit{font-size:8px}.ph-card--sm .card-center-suit{font-size:17px}.ph-card--sm .card-index--tl{top:3px;left:4px}.ph-card--sm .card-index--br{bottom:3px;right:4px}.ph-card--lg .card-index-rank{font-size:16px}.ph-card--lg .card-index-suit{font-size:12px}.ph-card--lg .card-center-suit{font-size:28px}.ph-card--lg .card-index--tl{top:5px;left:6px}.ph-card--lg .card-index--br{bottom:5px;right:6px}.ph-pile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.ph-pile--clickable{cursor:pointer}.ph-pile--clickable:active{opacity:.75}.ph-pile-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.ph-pile-slot{position:relative;width:58px;height:82px;display:flex;align-items:center;justify-content:center}.ph-pile-empty{width:58px;height:82px;border-radius:var(--card-radius);border:1.5px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.ph-pile-count{font-size:var(--font-xs);font-weight:700;color:var(--text-muted);letter-spacing:.05em}.ph-pile-top-card{cursor:default}.ph-pile-deck-stack{position:relative;width:58px;height:82px}.ph-pile-deck-card{position:absolute;width:58px;height:82px;border-radius:var(--card-radius);background:var(--card-back);border:1px solid rgba(255,255,255,.08);box-shadow:var(--card-shadow)}.ph-pile-deck-card--3{top:-4px;left:4px;opacity:.5}.ph-pile-deck-card--2{top:-2px;left:2px;opacity:.75}.ph-pile-deck-card--top{position:absolute;top:0;left:0}.game-screen{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base);position:relative}.game-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 35%,rgba(245,166,35,.04) 0%,transparent 65%),radial-gradient(ellipse 40% 30% at 20% 80%,rgba(232,51,42,.03) 0%,transparent 60%);pointer-events:none;z-index:0}.game-screen>*{position:relative;z-index:1}.gs-pile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.gs-pile-overlay-card{background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-width:200px;max-width:280px;width:100%;box-shadow:0 12px 40px #0000004d}.gs-pile-overlay-title{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-3);text-align:center}.gs-pile-overlay-list{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.gs-pile-overlay-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.gs-pile-overlay-row:nth-child(odd){background:var(--bg-base)}.gs-pile-overlay-rank{font-size:var(--font-base);font-weight:700;color:var(--text-primary)}.gs-pile-overlay-count{font-size:var(--font-sm);font-weight:600;color:var(--text-muted)}.gs-pile-overlay-dismiss{width:100%;min-height:44px;background:var(--color-black);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:700;cursor:pointer;letter-spacing:.05em}.gs-turn-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-bottom:2px solid var(--border-soft);min-height:38px;flex-shrink:0;transition:background .2s ease-out,border-color .2s ease-out}.gs-turn-banner--you{background:#F5A623;border-bottom-color:#d4891a}.gs-constraint-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-white);background:var(--accent-red, #FF3B3B);padding:2px 7px;border-radius:var(--radius-pill);flex-shrink:0}.gs-turn-label{font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.gs-turn-banner--you .gs-turn-label{font-size:var(--font-base);font-weight:800;letter-spacing:.14em;color:#0a0a0a}.gs-turn-dot{width:9px;height:9px;border-radius:50%;background:#0A0A0A;animation:glowPulse 1.4s ease-in-out infinite;flex-shrink:0}.gs-opponents-row{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-2);flex-shrink:0;flex-wrap:wrap}.gs-opponent{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.gs-opponent-cards{display:flex;position:relative;height:54px;min-width:60px}.gs-opponent-card{position:absolute;cursor:default}.gs-opponent-label{display:flex;align-items:center;gap:6px;padding:2px 0}.gs-opponent-avatar{flex-shrink:0}.gs-opponent-label--active .gs-opponent-avatar{outline:2px solid var(--accent-yellow, #f5a623);outline-offset:1px;border-radius:50%}.gs-self-id{display:flex;align-items:center;gap:var(--space-2)}.gs-self-name{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.gs-active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-yellow);flex-shrink:0;animation:glowPulse 1.4s ease-in-out infinite}.gs-opponent-name{font-size:11px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:64px}.gs-opponent-count{font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0}.gs-opponent-label--active .gs-opponent-name{color:var(--accent-yellow)}.gs-opponents-row--compact{flex-wrap:nowrap;gap:8px;padding:var(--space-2) var(--space-2) var(--space-1)}.gs-opponents-row--compact .gs-opponent-cards{height:40px}.gs-opponents-row--compact .gs-opp-table{gap:2px}.gs-opponents-row--compact .gs-opponent-name{max-width:40px}.gs-opp-table{display:flex;gap:4px;justify-content:center;margin-top:var(--space-1)}.gs-opp-table-slot{position:relative;width:38px;height:62px}.gs-opp-table-slot--xxs{width:26px;height:42px}.gs-opp-table-slot--xxs .gs-opp-table-visible{bottom:5px!important}.gs-opp-table-slot>.ph-card{position:absolute;bottom:0;left:0}.gs-opp-table-visible{position:absolute!important;bottom:8px!important;left:0;box-shadow:0 -1px 4px #00000026,var(--card-shadow)}.gs-board{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);min-height:0}.gs-center{display:flex;gap:var(--space-6);align-items:flex-start}.gs-table-zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);flex-shrink:0}.gs-table-stacks{display:flex;gap:var(--space-3);align-items:flex-end}.gs-table-slot{position:relative;width:48px;height:78px}.gs-table-slot__blind{position:absolute;bottom:0;left:0}.gs-table-slot__visible{position:absolute;bottom:10px;left:0;box-shadow:0 -2px 6px #0000001f,var(--card-shadow)}.gs-zone-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.gs-hand-zone{background:var(--bg-surface);border-top:2px solid var(--border-soft);padding:var(--space-3) var(--space-4) var(--space-2);flex-shrink:0}.gs-hand-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.gs-hand-count{font-size:var(--font-xs);font-weight:600;color:var(--text-muted)}.gs-hand-cards{display:flex;gap:var(--hand-gap, var(--space-2));overflow-x:auto;overflow-y:visible;padding-bottom:var(--space-2);padding-top:var(--space-2);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap}.gs-hand-cards::-webkit-scrollbar{display:none}.gs-hand-card{flex-shrink:0;scroll-snap-align:start}.gs-hand-empty{font-size:var(--font-sm);color:var(--text-muted);margin:0;padding:var(--space-3) 0;font-style:italic}.gs-controls{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom));background:var(--bg-surface);border-top:2px solid var(--border-soft);flex-shrink:0}.gs-btn{flex:1;min-height:48px;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),opacity .12s ease-out,background .12s ease-out,box-shadow .12s ease-out;will-change:transform;border:2px solid transparent;user-select:none;-webkit-user-select:none}.gs-btn:active:not(:disabled){transform:scale(.96)}.gs-btn:disabled{opacity:.35;cursor:not-allowed}.gs-btn--primary{background:var(--bg-surface-2);color:var(--text-muted);border-color:var(--border-strong)}.gs-btn--primary.gs-btn--active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black);box-shadow:0 3px #0003}.gs-btn--primary.gs-btn--active:hover:not(:disabled){background:var(--color-dark);box-shadow:0 4px #00000040}.gs-btn--primary.gs-btn--active:active:not(:disabled){box-shadow:0 1px #0000001a}.gs-btn--secondary{background:transparent;color:var(--text-muted);border-color:var(--border-strong);flex:0 0 96px}.gs-btn--secondary:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-secondary)}@media (max-height: 680px){.gs-opponents-row{padding:var(--space-2) var(--space-3) var(--space-1)}.gs-board{padding:var(--space-2)}.gs-table-zone{padding:var(--space-1) var(--space-3);gap:var(--space-1)}.gs-table-stacks{gap:var(--space-2)}}@media (min-width: 480px){.gs-center{gap:var(--space-7)}}.gs-swap-phase{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-3);gap:var(--space-4);overflow-y:auto;position:relative;z-index:1}.gs-swap-header{text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.gs-swap-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.gs-swap-subtitle{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.gs-swap-progress{font-size:.8rem;color:var(--text-muted);margin:0;font-style:italic}.gs-swap-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);width:100%}.gs-swap-card{cursor:pointer}.gs-swap-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.gs-swap-count{font-size:.9rem;color:var(--text-secondary);font-weight:600}.gs-hand-group{position:relative;flex-shrink:0;width:var(--hand-card-w, 58px);height:var(--hand-card-h, 98px);display:flex;align-items:flex-end}.gs-hand-group__card{position:absolute;bottom:0;left:0}.gs-hand-group__card:nth-child(3){transform:translate(-3px,-4px) rotate(-3deg)}.gs-hand-group__card:nth-child(2){transform:translate(-1px,-2px) rotate(-1deg)}.gs-hand-group__card:nth-child(1){transform:translate(0) rotate(0)}.gs-hand-group--disabled{opacity:.4!important}.gs-hand-group--disabled .gs-hand-group__card{opacity:1!important}.gs-hand-group__card.ph-card--selected{z-index:10}.gs-hand-group__badge{position:absolute;top:-2px;right:-6px;z-index:20;background:#0A0A0A;color:#fff;font-size:10px;font-weight:800;line-height:1;padding:3px 5px;border-radius:var(--radius-pill);border:1.5px solid #FFFFFF;pointer-events:none;letter-spacing:.02em;white-space:nowrap}.gs-hand-group--selected .gs-hand-group__badge{background:var(--accent-yellow);color:#0a0a0a;border-color:#0a0a0a}.gs-blind-inline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none}.gs-blind-inline__flip{perspective:500px}.gs-blind-inline__flip--out .ph-card{animation:blind-flip-out .15s ease-in forwards}.gs-blind-inline__flip--in .ph-card{animation:blind-flip-in .15s ease-out both}.gs-blind-inline--success .ph-card{outline:3px solid #34C759;box-shadow:0 0 18px #34c7598c,0 0 6px #34c75959}.gs-blind-inline--fail .ph-card{outline:3px solid #FF3B3B;box-shadow:0 0 18px #ff3b3b8c,0 0 6px #ff3b3b59}.gs-blind-inline--fading{animation:blind-inline-fade .3s ease-out forwards}.gs-card-play-anim{position:absolute;top:50%;left:50%;width:28px;height:40px;border-radius:var(--card-radius, 8px);background:var(--card-back, #1a1a2e);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px #0000002e;pointer-events:none;z-index:45;opacity:.25;will-change:transform,opacity}.gs-card-play-anim--from-bottom{animation:cardPlayFromBottom .25s ease-out forwards}.gs-card-play-anim--from-top{animation:cardPlayFromTop .25s ease-out forwards}.gs-spectator-banner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);gap:var(--space-2);text-align:center}.gs-spectator-title{font-size:var(--font-base);font-weight:700;color:var(--text-primary);letter-spacing:.02em}.gs-spectator-subtitle{font-size:var(--font-sm);color:var(--text-muted)}.gs-pickup-animation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:visible}.gs-pickup-fly-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:54px;border-radius:var(--card-radius);background:var(--card-back);border:1px solid rgba(255,255,255,.08);box-shadow:var(--card-shadow);animation:fly-to-hand .7s ease-in forwards;will-change:transform,opacity}.gs-bomb-animation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;display:flex;align-items:center;justify-content:center}.gs-bomb-burst{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.85) 0%,rgba(255,100,0,.6) 40%,transparent 70%);animation:bomb-burst .55s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}.gs-bomb-burst:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;border:3px solid rgba(255,204,0,.7);animation:bomb-ring .55s ease-out forwards;will-change:transform,opacity}.gs-menu-btn{position:absolute;top:8px;right:8px;z-index:60;height:32px;padding:0 10px;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;cursor:pointer;line-height:1}.gs-menu-btn:hover{color:var(--text-primary);border-color:var(--color-black);background:var(--bg-surface-2)}.gs-leave-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.gs-leave-card{background:var(--bg-surface);border:3px solid var(--color-black);border-radius:4px;box-shadow:5px 5px 0 var(--color-black);padding:var(--space-5);max-width:320px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.gs-leave-title{margin:0;font-size:var(--font-lg);font-weight:800;color:var(--text-primary)}.gs-leave-body{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.gs-leave-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.gs-leave-btn{height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:700;cursor:pointer;border:2px solid var(--color-black);transition:background var(--timing-fast),color var(--timing-fast)}.gs-leave-btn--secondary{background:var(--bg-surface);color:var(--text-secondary)}.gs-leave-btn--secondary:hover{background:var(--bg-surface-2);color:var(--text-primary)}.gs-leave-btn--primary{background:var(--color-black);color:var(--bg-surface)}.gs-leave-btn--primary:hover{background:var(--text-primary)}.gs-pile-wrap{position:relative;display:inline-block}.gs-pile--bomb{animation:gs-pile-bomb .6s ease-out}.gs-pile--bomb:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,235,150,.85) 0%,rgba(255,170,40,.55) 35%,transparent 70%);animation:gs-pile-bomb-flash .6s ease-out forwards}@keyframes gs-pile-bomb{0%{transform:scale(1)}20%{transform:scale(1.12);filter:brightness(1.6)}60%{transform:scale(.96);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes gs-pile-bomb-flash{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes poopBounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.1)}60%{transform:translateY(-4px) scale(1.05)}}@keyframes loserShake{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}.endgame-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-base);background-image:radial-gradient(circle at 20% 20%,rgba(232,51,42,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,166,35,.06) 0%,transparent 50%);overflow-y:auto}.endgame-panel{width:100%;max-width:400px;background:var(--bg-surface);border:2px solid var(--color-black);border-radius:var(--radius-lg);overflow:hidden;box-shadow:6px 6px 0 var(--color-black)}.endgame-header{padding:var(--space-6) var(--space-5) var(--space-5);border-bottom:2px solid var(--border-soft);background:var(--bg-surface-2);text-align:center}.endgame-kicker{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin:0 0 var(--space-2)}.endgame-title{font-size:clamp(38px,11vw,52px);font-weight:900;letter-spacing:-.03em;line-height:.9;color:var(--color-black);margin:0 0 var(--space-4);text-transform:uppercase}.endgame-loser-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:2px solid var(--border-strong);border-radius:var(--radius-pill)}.endgame-loser-badge--you{background:rgba(232,51,42,.07);border-color:var(--accent-red);animation:loserShake .6s ease-in-out .4s both}.endgame-loser-crown{font-size:20px;display:inline-block;animation:poopBounce 2.2s ease-in-out .8s infinite}.endgame-loser-name{font-size:var(--font-sm);font-weight:800;color:var(--text-secondary);letter-spacing:.01em}.endgame-loser-badge--you .endgame-loser-name{color:var(--accent-red)}.endgame-section-label{font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:var(--space-3)}.endgame-players{padding:var(--space-4) var(--space-5);border-bottom:2px solid var(--border-soft)}.endgame-players-list{display:flex;flex-direction:column;gap:var(--space-2)}.endgame-player-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:2px solid transparent;background:var(--bg-surface-2)}.endgame-player-row--me{background:var(--bg-elevated);border-color:var(--color-black)}.endgame-player-row--loser{background:rgba(232,51,42,.05);border-color:#e8332a40}.endgame-player-main{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.endgame-player-name{font-size:var(--font-sm);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.endgame-you-tag{font-size:var(--font-xs);font-weight:800;color:var(--color-black);background:var(--bg-elevated);border:1.5px solid var(--border-strong);padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.endgame-poop-badge{font-size:18px;display:inline-block;animation:poopBounce 2.2s ease-in-out 1.2s infinite}.endgame-loser-cards{padding:var(--space-4) var(--space-5);border-bottom:2px solid var(--border-soft)}.endgame-card-group{margin-top:var(--space-3)}.endgame-card-group:first-child{margin-top:0}.endgame-card-group-label{font-size:var(--font-xs);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-2);letter-spacing:.06em}.endgame-card-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.endgame-actions{padding:var(--space-4) var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.endgame-spinner-wrap{display:flex;justify-content:center;padding:var(--space-7) 0 var(--space-4)}.endgame-rematch-title{font-size:var(--font-lg);font-weight:800;color:var(--text-primary);text-align:center;padding:0 var(--space-5) var(--space-7);margin:0;letter-spacing:-.01em}.app{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-base);color:var(--text-primary)}.button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:2px solid transparent;font-size:var(--font-base);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .12s ease-out,box-shadow .12s ease-out,opacity .12s ease-out;will-change:transform;user-select:none;-webkit-user-select:none}.button:active:not(:disabled){transform:scale(.96)}.button:disabled{opacity:.35;cursor:not-allowed}.button-primary{background:var(--color-black);color:var(--color-white);border-color:var(--color-black);box-shadow:0 3px #00000040,0 1px 4px #00000026}.button-primary:hover:not(:disabled){background:var(--color-dark);box-shadow:0 4px #0000004d,0 2px 6px #00000026}.button-primary:active:not(:disabled){box-shadow:0 1px #0003}.button-secondary{background:var(--bg-surface);color:var(--color-black);border-color:var(--color-black);box-shadow:0 3px #0000001f}.button-secondary:hover:not(:disabled){background:var(--bg-surface-2);box-shadow:0 4px #00000026}.button-secondary:active:not(:disabled){box-shadow:0 1px #00000014}.button-tertiary{background:transparent;color:var(--text-muted);border-color:var(--border-strong);box-shadow:none}.button-tertiary:hover:not(:disabled){color:var(--text-secondary);background:var(--bg-elevated)}.button-danger{background:var(--accent-red);color:var(--color-white);border-color:var(--accent-red);box-shadow:0 3px #e8332a59}.button-danger:hover:not(:disabled){background:#D42A22;box-shadow:0 4px #e8332a66}.input{width:100%;min-height:48px;background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-base);transition:border-color .15s ease-out,background .15s ease-out,box-shadow .15s ease-out;outline:none;box-shadow:inset 0 1px 3px #0000000f}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-black);background:var(--bg-surface);box-shadow:inset 0 1px 3px #0000000f,0 0 0 3px #00000014}.spinner{display:inline-block;width:22px;height:22px;border:2.5px solid rgba(0,0,0,.12);border-top:2.5px solid var(--text-primary);border-radius:50%;animation:spin .7s linear infinite}:root{color-scheme:light;--color-black: #0A0A0A;--color-near-black: #111111;--color-dark: #1A1A1A;--color-dark-2: #222222;--color-dark-3: #2A2A2A;--color-mid-gray: #6B6B6B;--color-light-gray: #D4D4D4;--color-off-white: #F2F2F2;--color-white: #FFFFFF;--accent-red: #E8332A;--accent-yellow: #F5A623;--accent-green: #28A745;--accent-purple: #5856D6;--accent-warm: #FF6B35;--bg-base: #FBF8F3;--bg-surface: #FFFFFF;--bg-surface-2: #F5F1EB;--bg-elevated: #EDE8DF;--text-primary: #0A0A0A;--text-secondary: #2A2A2A;--text-muted: #6B6B6B;--text-inverse: #FFFFFF;--border-strong: rgba(0,0,0,.15);--border-soft: rgba(0,0,0,.07);--border-accent: rgba(0,0,0,.3);--card-face: #FFFFFF;--card-face-2: #F8F5F0;--card-back: #111111;--card-border: rgba(0,0,0,.12);--card-shadow: 0 3px 10px rgba(0,0,0,.18), 0 1px 3px rgba(0,0,0,.12);--card-shadow-raised: 0 8px 24px rgba(0,0,0,.22), 0 2px 6px rgba(0,0,0,.14);--card-radius: 10px;--state-success: var(--accent-green);--state-danger: var(--accent-red);--state-inactive: var(--color-mid-gray);--state-active: var(--accent-yellow);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--font-xs: 11px;--font-sm: 13px;--font-base: 15px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 42px;--shadow-low: 0 2px 8px rgba(0,0,0,.1);--shadow-mid: 0 6px 18px rgba(0,0,0,.14);--shadow-high: 0 12px 32px rgba(0,0,0,.18);--timing-instant: 80ms ease-out;--timing-fast: .15s ease-out;--timing-mid: .25s ease-in-out;--timing-card-play: .3s cubic-bezier(.4, 0, .2, 1);--timing-card-draw: .32s cubic-bezier(.34, 1.56, .64, 1);--timing-turn: .25s ease-in-out;--felt-bg: #0D1A0E;--felt-line: rgba(255,255,255,.04)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardPulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes turnPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.85}}@keyframes glowPulse{0%,to{box-shadow:0 0 #fc00}50%{box-shadow:0 0 0 4px #ffcc0059}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes blind-flip-out{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes blind-flip-in{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes blind-glow-success{0%,to{box-shadow:0 0 #28a74500}40%{box-shadow:0 0 0 18px #28a74580,0 0 40px #28a7454d}70%{box-shadow:0 0 0 12px #28a74559,0 0 28px #28a74533}}@keyframes blind-glow-fail{0%,to{box-shadow:0 0 #e8332a00}40%{box-shadow:0 0 0 18px #e8332a8c,0 0 40px #e8332a59}70%{box-shadow:0 0 0 12px #e8332a59,0 0 28px #e8332a33}}@keyframes blind-inline-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}@keyframes fly-to-hand{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}60%{opacity:.7}to{opacity:0;transform:translate(var(--fly-x, 0px),var(--fly-y, 180px)) scale(.7) rotate(var(--fly-rot, 5deg))}}@keyframes cardPlayFromBottom{0%{opacity:0;transform:translate(-50%,calc(-50% + 40px)) scale(.95)}50%{opacity:.25}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes cardPlayFromTop{0%{opacity:0;transform:translate(-50%,calc(-50% - 40px)) scale(.95)}50%{opacity:.25}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes bomb-burst{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.15)}60%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}@keyframes bomb-ring{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(2.2)}}@keyframes turn-banner-pulse{0%,to{box-shadow:0 0 #f5a62300}50%{box-shadow:0 0 0 6px #f5a62359,0 2px 12px #f5a62333}}.animate-fade-in{animation:fadeIn .18s ease-out both}.animate-fade-in-up{animation:fadeInUp .22s ease-out both}.animate-slide-in{animation:slideInLeft .2s ease-out both}.animate-slide-up{animation:slideInUp .24s ease-out both}.animate-scale-in{animation:scaleIn .2s ease-out both}.animate-pop-in{animation:popIn .28s cubic-bezier(.34,1.56,.64,1) both}.animate-card-pulse{animation:cardPulse .3s ease-out}.animate-turn-pulse{animation:turnPulse .6s ease-in-out 2}.animate-glow-pulse{animation:glowPulse 1.4s ease-in-out infinite}.animate-shake{animation:shake .32s ease-in-out}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;height:100%;overflow:hidden}body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:var(--font-base);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{width:100%;height:100%}button,input{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:2px}