*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}a{color:var(--accent)}button{cursor:pointer;font:inherit;border:none}.btn{letter-spacing:-.01em;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.9375rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px #00000026}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--line-bright)}.input{border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:.7rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}.input::placeholder{color:var(--ink-3)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a838e' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2rem}.page{max-width:560px;margin:0 auto;padding:2rem 1.25rem}.page-center{background:var(--bg);place-items:center;min-height:100dvh;padding:2rem 1.25rem;display:grid}.page-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-header h1{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:600}.page-back{padding:.4rem .625rem;font-size:.875rem}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}.spinner.sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.shimmer{background:linear-gradient(90deg, var(--l-shimmer-1,#00000008) 25%, var(--l-shimmer-2,#00000012) 50%, var(--l-shimmer-1,#00000008) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer-line{border-radius:4px;height:14px}.shimmer-block{border-radius:10px}.error-msg{color:var(--red);text-align:center;font-size:.875rem}.auth-box{text-align:center;width:100%;max-width:380px}.auth-box h1{letter-spacing:-.04em;background:linear-gradient(135deg, var(--accent), var(--ink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.125rem;font-family:Fraunces,Georgia,serif;font-size:3rem;font-weight:600}.auth-box .subtitle{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2rem;font-size:.875rem;font-weight:500}.auth-tabs{background:var(--surface-2);border-radius:10px;gap:2px;margin-bottom:1.5rem;padding:3px;display:flex}.auth-tab{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.8125rem;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.auth-form{flex-direction:column;gap:.625rem;display:flex}.lobby-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.lobby-header h1{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-weight:600}.lobby-header .welcome{color:var(--ink-3);margin-top:2px;font-size:.8125rem}.lobby-stats{text-align:right;color:var(--ink-3);font-size:.75rem;font-weight:500;line-height:1.7}.lobby-section{flex-direction:column;gap:.625rem;display:flex}.lobby-nav{gap:.5rem;margin-top:1rem;display:flex}.lobby-nav .btn{flex:1;padding:.625rem;font-size:.8125rem}.field{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.875rem}.field legend{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding:0 .5rem;font-size:.6875rem;font-weight:600}.field-options{gap:4px;display:flex}.field-options .btn{border-radius:6px;flex:1;padding:.45rem;font-size:.8125rem}.toggle{background:var(--line);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:all .2s;position:relative}.toggle.on{background:var(--accent)}.toggle .thumb{background:#fff;border-radius:10px;width:20px;height:20px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on .thumb{left:22px}.player-slot{background:var(--surface-2);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.player-slot.empty{border:1.5px dashed var(--line);color:var(--ink-3);background:0 0}.stat-grid{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.stat-card{background:var(--surface-2);text-align:center;border-radius:10px;padding:1rem}.stat-card .value{font-family:Fraunces,Georgia,serif;font-size:1.75rem;font-weight:600}.stat-card .label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.625rem}.lb-tabs{background:var(--surface-2);border-radius:8px;gap:4px;margin-bottom:1rem;padding:3px;display:flex}.lb-tab{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.45rem;font-size:.8125rem;font-weight:600;transition:all .15s}.lb-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.lb-row{border-radius:8px;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.lb-row:nth-child(-n+3){background:var(--surface-2)}.lb-rank{width:28px;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:700}.lb-row:nth-child(-n+3) .lb-rank{color:var(--accent)}.lb-name{flex:1;font-weight:500}.lb-value{color:var(--ink-2);font-family:JetBrains Mono,monospace;font-size:.8125rem;font-weight:700}.lb-you{background:var(--surface-2);border-radius:8px;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.8125rem}.shop-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;padding:.875rem;transition:border-color .15s;display:flex}.shop-item:hover{border-color:var(--line-bright)}.shop-name{font-size:.9375rem;font-weight:600}.shop-desc{color:var(--ink-3);margin-top:2px;font-size:.8125rem}.vip-card{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;padding:1rem}.vip-card.active{border-width:2px}.vip-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.vip-name{font-weight:700}.vip-threshold{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:.8125rem}.vip-card ul{color:var(--ink-2);margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.6}.vip-progress{background:var(--surface-2);border-radius:8px;margin-bottom:.75rem;padding:.625rem .75rem;font-size:.8125rem}
.lobby{--l-bg:linear-gradient(170deg, #0f2b1f 0%, #0a1f16 40%, #071510 100%);--l-text:#f0ead0;--l-text-2:#ffffff80;--l-text-3:#ffffff4d;--l-surface:#ffffff0d;--l-surface-2:#ffffff14;--l-border:#ffffff14;--l-border-hover:#ffffff26;--l-accent:#d4a857;--l-accent-ink:#0a1a14;--l-accent-glow:#d4a8574d;--l-red:#e05a4a;--l-shimmer-1:#ffffff08;--l-shimmer-2:#ffffff14;background:var(--l-bg);height:100dvh;color:var(--l-text);flex-direction:column;display:flex;overflow:hidden}.lobby[data-theme=solitaire]{--l-bg:linear-gradient(170deg, #f8f9fb 0%, #e9ecef 100%);--l-text:#14181d;--l-text-2:#4a525c;--l-text-3:#7a838e;--l-surface:#fffc;--l-surface-2:#0000000a;--l-border:#0000001a;--l-border-hover:#0000002e;--l-accent:#2563eb;--l-accent-ink:#fff;--l-accent-glow:#2563eb40;--l-red:#dc2626;--l-shimmer-1:#00000008;--l-shimmer-2:#00000012}.lobby[data-theme=walnut]{--l-bg:linear-gradient(170deg, #2c1d12 0%, #1a0e08 100%);--l-text:#f5e9d4;--l-text-2:#c8b394;--l-text-3:#8c7a5e;--l-surface:#ffffff0d;--l-surface-2:#ffffff14;--l-border:#ffffff14;--l-border-hover:#ffffff26;--l-accent:#d4a458;--l-accent-ink:#1a0e08;--l-accent-glow:#d4a4584d;--l-red:#d8624a;--l-shimmer-1:#ffffff08;--l-shimmer-2:#ffffff14}.lobby[data-theme=slate]{--l-bg:linear-gradient(170deg, #1f262e 0%, #161c22 100%);--l-text:#e8edf2;--l-text-2:#b0bac6;--l-text-3:#768290;--l-surface:#ffffff0d;--l-surface-2:#ffffff14;--l-border:#ffffff14;--l-border-hover:#ffffff26;--l-accent:#5fb3d2;--l-accent-ink:#14181d;--l-accent-glow:#5fb3d24d;--l-red:#e57368;--l-shimmer-1:#ffffff08;--l-shimmer-2:#ffffff14}.lobby[data-theme=midnight]{--l-bg:linear-gradient(170deg, #0e0d0a 0%, #16140f 50%, #0e0d0a 100%);--l-text:#f4ede0;--l-text-2:#c9bfa9;--l-text-3:#8a8068;--l-surface:#ffffff0a;--l-surface-2:#ffffff12;--l-border:#ffffff12;--l-border-hover:#ffffff21;--l-accent:#d4a857;--l-accent-ink:#0e0d0a;--l-accent-glow:#d4a8574d;--l-red:#e05a4a;--l-shimmer-1:#ffffff05;--l-shimmer-2:#ffffff0f}.lobby-bar{border-bottom:1px solid var(--l-border);align-items:center;gap:.5rem;padding:.625rem 1.25rem;display:flex}.lobby-logo{color:var(--l-accent);margin-right:auto;font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:600}.desktop-nav{align-items:center;gap:.25rem;display:none}@media (min-width:768px){.desktop-nav{display:flex}}.nav-btn{color:var(--l-text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.375rem .75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8125rem;font-weight:600;transition:all .15s}.nav-btn:hover{color:#ffffffb3}.nav-btn.active{color:var(--l-accent);background:#d4a85726}.currency-pill{background:var(--l-surface);border:1px solid var(--l-border);cursor:pointer;color:var(--l-text);border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .625rem .25rem .375rem;font-size:.8125rem;font-weight:600;display:flex}.currency-pill .icon{font-size:.75rem}.currency-pill .plus{color:var(--l-accent);margin-left:.125rem;font-size:.75rem}.avatar-btn{background:var(--l-surface-2);border:1px solid var(--l-border);cursor:pointer;color:var(--l-text);border-radius:20px;align-items:center;gap:.375rem;padding:.3rem .75rem .3rem .3rem;font-size:.8125rem;font-weight:500;display:flex}.avatar-circle{background:var(--l-accent);width:24px;height:24px;color:var(--l-accent-ink);border-radius:50%;place-items:center;font-size:.6875rem;font-weight:700;display:inline-grid}.avatar-circle.lg{width:40px;height:40px;font-size:1rem}.lobby-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:1.25rem;min-height:0;padding:1.5rem 1rem 4rem;display:flex;overflow:hidden auto}.lobby-content::-webkit-scrollbar{display:none}.lobby-inner{width:100%;max-width:600px}.glass{background:var(--l-surface);border:1px solid var(--l-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:1rem}.section-label{color:var(--l-text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.6875rem;font-weight:600}.mode-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}@media (max-width:480px){.mode-grid{grid-template-columns:1fr}}.mode-card{border:1px solid var(--l-border);background:var(--l-surface);cursor:pointer;color:var(--l-text);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:1.5rem .75rem;transition:all .2s;display:flex}.mode-card:hover{background:var(--l-surface-2);border-color:var(--l-border-hover);transform:translateY(-2px)}.mode-card.accent{background:#d4a8571a;border-color:#d4a8574d}.mode-card.accent:hover{background:#d4a85726;border-color:#d4a85780}.mode-card .mode-icon{font-size:2rem}.mode-card .mode-title{font-size:.875rem;font-weight:700}.mode-card .mode-sub{color:var(--l-text-3);font-size:.625rem}.info-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:480px){.info-grid{grid-template-columns:1fr}}.stat-mini{text-align:center;background:#0003;border-radius:8px;padding:.5rem}.stat-mini .val{color:var(--l-text);font-size:1rem;font-weight:700}.stat-mini .lbl{color:var(--l-text-3);text-transform:uppercase;letter-spacing:.08em;font-size:.5rem}.lb-entry{border-radius:4px;align-items:center;gap:.375rem;padding:.3rem .375rem;font-size:.75rem;display:flex}.lb-entry.top{background:#d4a85714}.lb-entry .lb-pos{width:16px;font-size:.625rem;font-weight:700}.lb-entry .lb-pos.gold{color:var(--l-accent)}.lb-entry .lb-pos.dim{color:var(--l-text-3)}.lb-entry .lb-n{color:var(--l-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.lb-entry .lb-v{color:#fff6;font-family:JetBrains Mono,monospace;font-size:.625rem}.config-panel{max-width:440px;margin:0 auto;padding:1.5rem}.config-title{color:var(--l-text);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.config-back{color:var(--l-text-3);cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;padding:0;font-size:.8125rem}.config-back:hover{color:#fff9}.pill-group{gap:6px;display:flex}.pill-btn{background:var(--l-surface-2);color:var(--l-text-2);cursor:pointer;text-transform:capitalize;border:none;border-radius:8px;flex:1;padding:.625rem .75rem;font-size:.875rem;font-weight:600;transition:all .15s}.pill-btn:hover{background:#ffffff1f}.pill-btn.active{background:var(--l-accent);color:var(--l-accent-ink)}.pill-btn.active:hover{filter:brightness(1.1)}.gold-btn{background:var(--l-accent);width:100%;color:var(--l-accent-ink);cursor:pointer;box-shadow:0 4px 20px var(--l-accent-glow);border:none;border-radius:10px;padding:.875rem;font-size:1rem;font-weight:700;transition:all .15s}.gold-btn:hover{filter:brightness(1.1)}.gold-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-input{background:var(--l-surface-2);color:var(--l-text);border:1.5px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:border-color .15s}.lobby-input:focus{border-color:#d4a85780}.lobby-input::placeholder{color:var(--l-text-3)}.lobby-input.code{text-align:center;letter-spacing:.4em;padding:1rem;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.mobile-nav{border-top:1px solid var(--l-border);align-items:center;gap:.75rem;padding:.5rem 1.25rem;display:flex}@media (min-width:768px){.mobile-nav{display:none!important}}.bottom-btn{cursor:pointer;color:var(--l-text-3);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.125rem;padding:.375rem 0;font-size:.5625rem;font-weight:500;display:flex}.bottom-btn .bottom-icon{font-size:1.125rem}.bottom-btn.active{color:var(--l-accent)}.auth-suits{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.auth-suit{font-size:1.5rem}.auth-suit.red{color:var(--l-red)}.auth-suit.blk{color:var(--l-text-3)}.auth-logo{color:var(--l-accent);letter-spacing:-.03em;margin-bottom:.25rem;font-family:Fraunces,Georgia,serif;font-size:3.5rem;font-weight:600}.auth-sub{color:#fff6;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:500}.auth-card{background:var(--l-surface);border:1px solid var(--l-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem}.auth-tabs{background:#0003;border-radius:10px;gap:2px;margin-bottom:1.25rem;padding:3px;display:flex}.auth-tab{color:var(--l-text-3);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.55rem;font-size:.75rem;font-weight:600;transition:all .2s}.auth-tab.active{background:var(--l-surface-2);color:var(--l-text)}.auth-form{flex-direction:column;gap:.5rem;display:flex}.auth-error{color:var(--l-red);text-align:center;font-size:.8125rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.lb-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.lb-header .section-label{margin:0}.lb-header .nav-btn{color:#d4a857;padding:.25rem .5rem;font-size:.625rem}.lb-list{flex-direction:column;gap:2px;display:flex}.lb-empty{color:#ffffff4d;text-align:center;padding:1rem 0;font-size:.75rem}.config-fields{flex-direction:column;gap:1.25rem;display:flex}.auth-hero{text-align:center;margin-bottom:2.5rem}.auth-wrapper{width:100%;max-width:380px}.pill-group.wrap{flex-wrap:wrap}.rule-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:640px){.rule-modal-overlay{align-items:center}}.rule-modal{--l-text:#f0ead0;--l-text-2:#ffffff80;--l-text-3:#ffffff4d;--l-surface:#ffffff0d;--l-surface-2:#ffffff14;--l-border:#ffffff14;--l-border-hover:#ffffff26;--l-accent:#d4a857;--l-red:#e05a4a;border:1px solid var(--l-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;max-width:480px;max-height:90vh;color:var(--l-text);background:linear-gradient(170deg,#0f2b1f 0%,#071510 100%);border-radius:16px 16px 0 0;padding:1rem;overflow-y:auto}.rule-modal::-webkit-scrollbar{display:none}@media (min-width:640px){.rule-modal{border-radius:16px;max-height:80vh}}.custom-rules{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.custom-rules .section-label{margin-bottom:0;font-size:.6875rem}.rule-row{justify-content:space-between;align-items:center;gap:.5rem;min-height:36px;display:flex}.rule-row .rule-label{color:var(--l-text-2);white-space:nowrap;font-size:.8125rem}.rule-row .pill-group{flex:none}.rule-row .pill-btn{flex:none;padding:.375rem .625rem;font-size:.75rem}.rule-row .lobby-input.num{text-align:center;width:60px;padding:.375rem .5rem;font-size:.8125rem}.rule-row select.lobby-input{appearance:auto;width:auto;min-width:120px;padding:.375rem .5rem;font-size:.8125rem}.custom-rules .reset-btn{border:1px solid var(--l-border);color:var(--l-text-3);cursor:pointer;background:0 0;border-radius:8px;margin-top:.5rem;padding:.5rem;font-size:.75rem;transition:all .15s}.custom-rules .reset-btn:hover{border-color:var(--l-border-hover);color:var(--l-text-2)}.room-rules-tags{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.rule-tag{background:var(--l-surface-2);color:var(--l-text-2);border:1px solid var(--l-border);border-radius:6px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.rule-tag.highlight{color:var(--l-accent);background:#d4a85726;border-color:#d4a8574d}.replay-layout{grid-template-columns:1fr 280px;gap:1rem;width:100%;max-width:900px;display:grid}@media (max-width:768px){.replay-layout{grid-template-columns:1fr}}.replay-table{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:360px;padding:1.5rem;display:flex}.replay-sidebar{flex-direction:column;max-height:500px;display:flex;overflow:hidden}.replay-sidebar .section-label{margin:0;padding:.75rem .75rem .5rem}.replay-events{flex:1;padding:0 .75rem .75rem;overflow-y:auto}.replay-event{color:var(--l-text-2);border-bottom:1px solid var(--l-border);padding:.3rem 0;font-size:.75rem}.replay-event:last-child{border-bottom:none}.replay-event.fresh{color:var(--l-text);font-weight:500}.replay-controls{justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.replay-progress{margin-bottom:1rem;padding:.75rem 1rem}.replay-players{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.replay-player{text-align:center;transition:opacity .2s}.replay-player.active{opacity:1}.replay-player.inactive{opacity:.5}.replay-player-name{margin-bottom:.375rem;font-size:.75rem;font-weight:600}.replay-player-cards{flex-wrap:wrap;justify-content:center;gap:3px;max-width:180px;display:flex}.replay-card-mini{transform-origin:0 0;margin:0 -14px -24px 0;transform:scale(.5)}.replay-card-count{color:var(--l-text-3);margin-top:.25rem;font-size:.625rem}.replay-center{align-items:center;gap:1.5rem;margin:.75rem 0;display:flex}.replay-pile{text-align:center}.replay-pile-label{color:var(--l-text-3);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;font-size:.5625rem}.replay-pile-count{color:var(--l-text-2);font-size:.6875rem}.replay-winner{color:var(--l-accent);font-size:1rem;font-weight:700}.replay-direction{color:var(--l-text-3);font-size:.6875rem}.replay-share{text-align:center;border:1px solid var(--l-border);border-radius:8px;width:100%;margin-top:.75rem;padding:.625rem}.announcement-ticker{border-bottom:1px solid var(--l-border);background:#d4a85714;align-items:center;gap:.5rem;min-height:36px;padding:.5rem 1rem;font-size:.8125rem;animation:.4s tickerFadeIn;display:flex;overflow:hidden}@keyframes tickerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.announcement-icon{flex-shrink:0;font-size:.875rem}.announcement-text{color:var(--l-text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.announcement-text strong{color:var(--l-accent);font-weight:700}.announcement-time{color:var(--l-text-3);flex-shrink:0;font-size:.625rem}.config-panel.centered{text-align:center}.config-panel.centered .config-back{display:block}.gold-btn.mt-sm,.gold-btn.mt-md{margin-top:.75rem}.gold-btn .spinner.sm{border-top-color:var(--l-accent-ink);margin:0}.lobby.has-landing{height:100dvh;min-height:0}.landing-page{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;overflow:hidden auto}.landing-page::-webkit-scrollbar{display:none}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1.5rem 2rem;display:flex}.landing-title{color:var(--l-accent);letter-spacing:-.03em;margin:0 0 .125rem;font-family:Fraunces,Georgia,serif;font-size:clamp(3rem,10vw,5rem);font-weight:600;line-height:1}.landing-tagline{color:var(--l-text-2);text-transform:uppercase;letter-spacing:.2em;margin:0 0 1rem;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500}.landing-suits{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.landing-suit{font-size:1.75rem;animation:3s ease-in-out infinite suitFloat}.landing-suit:nth-child(2){animation-delay:.4s}.landing-suit:nth-child(3){animation-delay:.8s}.landing-suit:nth-child(4){animation-delay:1.2s}.landing-suit.red{color:var(--l-red)}.landing-suit.blk{color:var(--l-text-3)}@keyframes suitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.landing-cta-btn{width:auto;padding:.75rem 2rem;font-size:1rem}.landing-learn-btn{border:1.5px solid var(--l-border-hover);color:var(--l-text-2);cursor:pointer;background:0 0;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s}.landing-learn-btn:hover{border-color:var(--l-accent);color:var(--l-accent)}.landing-section{max-width:720px;margin:0 auto;padding:2rem 1.5rem 2.5rem}.landing-section-title{color:var(--l-accent);text-align:center;margin:0 0 1.25rem;font-family:Fraunces,Georgia,serif;font-size:1.25rem;font-weight:600}.landing-steps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;display:grid}.landing-step{background:var(--l-surface);border:1px solid var(--l-border);text-align:center;border-radius:10px;padding:1rem}.landing-step-num{background:var(--l-accent);width:26px;height:26px;color:var(--l-accent-ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-flex}.landing-step-title{color:var(--l-text);margin:0 0 .25rem;font-size:.8125rem;font-weight:700}.landing-step-desc{color:var(--l-text-2);margin:0;font-size:.6875rem;line-height:1.4}.landing-features{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.landing-feature-card{background:var(--l-surface);border:1px solid var(--l-border);text-align:center;border-radius:10px;padding:1rem;transition:all .2s}.landing-feature-card:hover{border-color:var(--l-border-hover);transform:translateY(-2px)}.landing-feature-icon{margin-bottom:.5rem;font-size:1.5rem;display:block}.landing-feature-title{color:var(--l-text);margin:0 0 .25rem;font-size:.8125rem;font-weight:700}.landing-feature-desc{color:var(--l-text-2);margin:0;font-size:.6875rem;line-height:1.4}.landing-feature-desc.coming-soon{color:var(--l-text-3);font-style:italic}.landing-footer{text-align:center;border-top:1px solid var(--l-border);color:var(--l-text-3);padding:1.25rem 1.5rem;font-size:.6875rem}.landing-footer p{margin:0}.live-rooms-section{margin-top:.75rem}.live-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.live-rooms-list{flex-direction:column;gap:2px;display:flex}.live-room-entry{border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .375rem;font-size:.75rem;display:flex}.live-room-entry:hover{background:var(--l-surface-2)}.live-room-player{color:var(--l-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.live-room-meta{color:var(--l-text-3);text-transform:capitalize;font-size:.6875rem}.live-room-time{color:var(--l-text-3);font-family:JetBrains Mono,monospace;font-size:.625rem}.room-page{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:50vh;display:flex}.room-panel{width:100%;max-width:440px;margin:0 auto;padding:2rem}.room-code-section{text-align:center;margin-bottom:1.5rem}.room-code{border:2px dashed var(--l-border-hover);letter-spacing:.35em;width:100%;color:var(--l-accent);text-align:center;cursor:pointer;background:#0000004d;border-radius:12px;padding:1.25rem;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;transition:border-color .15s,background .15s;display:block}.room-code:hover{border-color:var(--l-accent);background:#d4a85714}.room-code-hint{color:var(--l-text-3);margin-top:.5rem;font-size:.6875rem}.room-meta{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.room-meta-tag{background:var(--l-surface-2);border:1px solid var(--l-border);color:var(--l-text-2);text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600}.room-status-dot{border-radius:50%;width:8px;height:8px}.room-status-dot.online{background:#4ade80;animation:2s ease-in-out infinite livePulse}.room-status-dot.offline{background:var(--l-text-3)}.room-players{margin-bottom:1.25rem}.room-player{border-bottom:1px solid var(--l-border);align-items:center;gap:.625rem;padding:.625rem .5rem;display:flex}.room-player:last-child{border-bottom:none}.room-player-avatar{background:var(--l-accent);width:32px;height:32px;color:var(--l-accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:700;display:inline-grid}.room-player-name{color:var(--l-text);flex:1;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.room-host-badge{color:var(--l-accent);letter-spacing:.05em;background:#d4a85733;border-radius:4px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.room-ai-badge{color:#a0a0ff;letter-spacing:.05em;background:#7878dc33;border-radius:4px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.room-remove-btn{color:var(--l-text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;transition:color .15s,background .15s}.room-remove-btn:hover{color:var(--l-red);background:#e05a4a1a}.room-actions{flex-direction:column;gap:.625rem;display:flex}.game-announcement{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:linear-gradient(135deg,#1a1a2ef2,#0a1a14f2);border:1px solid #d4a8574d;border-radius:10px;align-items:center;gap:.5rem;max-width:calc(100vw - 2rem);padding:.625rem 1.25rem;transition:top .5s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:-60px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080,0 0 20px #d4a85726}.game-announcement.show{top:12px}.ga-icon{font-size:1.25rem}.ga-text{color:#f0ead0;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.ga-text strong{color:#d4a857}.chat-toggle{border:1px solid var(--l-border);color:var(--l-text-2);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border-radius:20px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:flex;position:fixed;bottom:5rem;left:1rem}.chat-toggle:hover{border-color:var(--l-accent);color:var(--l-accent)}.chat-badge{background:var(--l-accent);color:var(--l-accent-ink);border-radius:8px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.chat-panel{border:1px solid var(--l-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1a14f2;border-radius:14px;flex-direction:column;width:320px;max-width:calc(100vw - 2rem);max-height:400px;display:flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 12px 40px #0006}.chat-header{border-bottom:1px solid var(--l-border);justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}.chat-title{color:var(--l-text);font-size:.8125rem;font-weight:700}.chat-close{color:var(--l-text-3);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.125rem}.chat-messages{scrollbar-width:none;flex:1;max-height:280px;padding:.5rem .875rem;overflow-y:auto}.chat-messages::-webkit-scrollbar{display:none}.chat-empty{color:var(--l-text-3);text-align:center;padding:1.5rem 0;font-size:.75rem}.chat-msg{padding:.25rem 0;font-size:.8125rem;line-height:1.4}.chat-name{color:var(--l-accent);margin-right:.375rem;font-weight:600}.chat-text{color:var(--l-text-2)}.chat-input-row{border-top:1px solid var(--l-border);gap:.375rem;padding:.5rem .75rem;display:flex}.chat-input{border:1px solid var(--l-border);color:var(--l-text);background:#ffffff0f;border-radius:8px;outline:none;flex:1;padding:.5rem .625rem;font-family:inherit;font-size:.8125rem}.chat-input:focus{border-color:var(--l-accent)}.chat-input::placeholder{color:var(--l-text-3)}.chat-send{background:var(--l-accent);color:var(--l-accent-ink);cursor:pointer;border:none;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:700}.rule-editor{background:var(--l-surface);border:1px solid var(--l-border);border-radius:12px;margin-top:.75rem;overflow:visible}.rule-tabs{border-bottom:1px solid var(--l-border);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.rule-tabs::-webkit-scrollbar{display:none}.rule-tab{cursor:pointer;color:var(--l-text-3);white-space:nowrap;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:color .15s,border-color .15s}.rule-tab:hover{color:var(--l-text-2)}.rule-tab.active{border-bottom:2px solid var(--l-accent);color:var(--l-text)}.rule-tab-content{padding:12px}.preset-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.preset-card{background:var(--l-surface-2);cursor:pointer;text-align:left;color:var(--l-text);border:2px solid #0000;border-radius:10px;padding:12px;font-family:inherit;transition:border-color .15s,background .15s}.preset-card:hover{border-color:var(--l-border-hover);background:#ffffff14}.preset-card.active{border-color:var(--l-accent);background:#d4a85714}.preset-card.house-rules{border-style:dashed;border-color:var(--l-border-hover);grid-column:1/-1}.preset-card.house-rules.active{border-color:var(--l-accent);border-style:solid}.preset-name{margin-bottom:4px;font-size:13px;font-weight:700}.preset-desc{color:var(--l-text-2);font-size:11px;line-height:1.4}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (min-width:400px){.card-grid{grid-template-columns:repeat(4,1fr)}}.card-tile{background:var(--l-surface-2);border:1px solid var(--l-border);text-align:center;cursor:pointer;color:var(--l-text);border-radius:8px;padding:10px 8px;font-family:inherit;transition:border-color .15s,background .15s}.card-tile:hover{border-color:var(--l-border-hover)}.card-tile.on{background:#d4a8570f;border-color:#d4a8574d}.card-tile.off{opacity:.6}.card-tile-rank{margin-bottom:4px;font-size:20px;font-weight:800;line-height:1}.card-tile-rank.red{color:var(--l-red)}.card-tile-rank.black{color:var(--l-text)}.card-tile-type{text-transform:uppercase;letter-spacing:.08em;color:var(--l-text-3);margin-bottom:4px;font-size:9px;font-weight:600}.card-tile-behavior{color:var(--l-text-2);font-size:10px;line-height:1.3}.card-tile-status{letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:9px;font-weight:700}.card-tile-status.enabled{color:var(--l-accent)}.card-tile-status.disabled{color:var(--l-text-3)}.rule-section-list{flex-direction:column;gap:14px;display:flex}.rule-option-row{flex-direction:column;gap:6px;display:flex}.rule-option-label{color:var(--l-text-2);font-size:12px;font-weight:600}.option-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.option-pill{cursor:pointer;border:1px solid var(--l-border);background:var(--l-surface-2);color:var(--l-text-3);border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.option-pill:hover{border-color:var(--l-border-hover);color:var(--l-text-2)}.option-pill.active{color:var(--l-accent);background:#d4a85726;border:1px solid #d4a8574d}.rule-num-input{border:1px solid var(--l-border);background:var(--l-surface-2);width:56px;color:var(--l-text);text-align:center;border-radius:8px;outline:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s}.rule-num-input:focus{border-color:#d4a85780}.rule-num-hint{color:var(--l-text-3);font-size:11px}.rule-reset-btn{border:none;border-top:1px solid var(--l-border);width:100%;color:var(--l-text-3);cursor:pointer;background:0 0;padding:10px;font-family:inherit;font-size:12px;font-weight:600;transition:color .15s,background .15s;display:block}.rule-reset-btn:hover{color:var(--l-text-2);background:var(--l-surface-2)}.crew-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.crew-identity{align-items:center;gap:.75rem;display:flex}.crew-badge-lg{letter-spacing:.05em;color:#0a1a14;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:.8125rem;font-weight:800;display:inline-grid}.crew-badge-sm{letter-spacing:.05em;color:#0a1a14;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.5625rem;font-weight:800;display:inline-grid}.crew-name-lg{color:var(--l-text);margin:0;font-size:1.125rem;font-weight:700}.crew-desc{color:var(--l-text-2);margin:.125rem 0 0;font-size:.75rem}.crew-meta{color:var(--l-text-3);margin:.125rem 0 0;font-size:.625rem}.crew-leave-btn{border:1px solid var(--l-border);color:var(--l-text-3);cursor:pointer;background:0 0;border-radius:8px;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.crew-leave-btn:hover{color:var(--l-red);border-color:var(--l-red)}.crew-leave-btn:disabled{opacity:.5;cursor:not-allowed}.crew-member-list{flex-direction:column;gap:2px;display:flex}.crew-member-row{border-radius:6px;align-items:center;gap:.5rem;padding:.375rem .25rem;display:flex}.crew-member-row:hover{background:var(--l-surface-2)}.crew-member-name{color:var(--l-text);flex:1;font-size:.8125rem;font-weight:500}.crew-dm-btn{color:var(--l-text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1rem;transition:color .15s}.crew-dm-btn:hover{color:var(--l-accent)}.crew-chat-section{flex-direction:column;display:flex}.crew-chat-messages{scrollbar-width:none;max-height:280px;padding:.25rem 0;overflow-y:auto}.crew-chat-messages::-webkit-scrollbar{display:none}.crew-browse-list{flex-direction:column;gap:4px;display:flex}.crew-browse-row{border-radius:6px;align-items:center;gap:.625rem;padding:.5rem .375rem;display:flex}.crew-browse-row:hover{background:var(--l-surface-2)}.crew-browse-info{flex-direction:column;flex:1;min-width:0;display:flex}.crew-browse-name{color:var(--l-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.crew-browse-meta{color:var(--l-text-3);font-size:.625rem}.crew-join-btn{flex-shrink:0;width:auto!important;padding:.375rem .875rem!important;font-size:.75rem!important}.crew-tag-badge{letter-spacing:.05em;color:#0a1a14;border-radius:4px;margin-right:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.dm-conversation{flex-direction:column;min-height:400px;display:flex}.dm-conv-header{border-bottom:1px solid var(--l-border);align-items:center;gap:.75rem;margin-bottom:.5rem;padding-bottom:.75rem;display:flex}.dm-conv-name{color:var(--l-text);font-size:.9375rem;font-weight:700}.dm-messages{scrollbar-width:none;flex-direction:column;flex:1;gap:.375rem;max-height:360px;padding:.25rem 0;display:flex;overflow-y:auto}.dm-messages::-webkit-scrollbar{display:none}.dm-msg{flex-direction:column;max-width:80%;display:flex}.dm-msg.mine{align-self:flex-end;align-items:flex-end}.dm-msg.theirs{align-self:flex-start;align-items:flex-start}.dm-bubble{word-break:break-word;border-radius:12px;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.dm-bubble.mine{background:var(--l-accent);color:var(--l-accent-ink);border-bottom-right-radius:4px}.dm-bubble.theirs{background:var(--l-surface-2);color:var(--l-text);border-bottom-left-radius:4px}.dm-time{color:var(--l-text-3);margin-top:.125rem;font-size:.5625rem}.dm-conv-list{flex-direction:column;gap:2px;display:flex}.dm-conv-entry{cursor:pointer;text-align:left;width:100%;color:var(--l-text);background:0 0;border:none;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem .375rem;font-family:inherit;transition:background .15s;display:flex}.dm-conv-entry:hover{background:var(--l-surface-2)}.dm-conv-text{flex:1;min-width:0}.dm-conv-top{justify-content:space-between;align-items:center;display:flex}.dm-conv-name-sm{font-size:.8125rem;font-weight:600}.dm-conv-time{color:var(--l-text-3);font-size:.5625rem}.dm-conv-preview{color:var(--l-text-2);text-overflow:ellipsis;white-space:nowrap;margin:.125rem 0 0;font-size:.75rem;overflow:hidden}.dm-unread-badge{background:var(--l-accent);color:var(--l-accent-ink);text-align:center;border-radius:10px;flex-shrink:0;min-width:18px;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.game-msg-btn{color:var(--l-text-3);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:.125rem .25rem;font-size:.75rem;transition:color .15s}.game-msg-btn:hover{color:var(--l-accent);opacity:1}
:root{--bg:#fff;--bg-2:#f4f5f7;--surface:#fff;--surface-2:#f1f3f5;--line:#d8dde2;--line-bright:#b9c0c8;--ink:#14181d;--ink-2:#4a525c;--ink-3:#7a838e;--accent:#2563eb;--accent-2:#3b82f6;--accent-ink:#fff;--card-back-letter:#93c5fd;--red:#dc2626;--red-strong:#b91c1c;--green:#16a34a;--card-face:#fff;--card-face-2:#f7f8fa;--card-edge:#c9d0d8;--card-back-1:#1e3a8a;--card-back-2:#1e40af;--black-text:#14181d;--table-grad:radial-gradient(ellipse at center top, #f8f9fb 0%, #e9ecef 80%);--shadow:0 4px 12px #141e3214, 0 1px 3px #141e320f;--shadow-strong:0 8px 24px #141e321f, 0 2px 6px #141e3214}body.theme-green{--accent-ink:#1a1006;--card-back-letter:#d4a857;--bg:#0f3528;--bg-2:#0a2a1f;--surface:#143d2f;--surface-2:#1a4838;--line:#1f5a44;--line-bright:#2a7858;--ink:#f0ead0;--ink-2:#c8c19c;--ink-3:#8a8866;--accent:#d4a857;--accent-2:#f0c878;--red:#e05a4a;--red-strong:#c93a28;--green:#6fb47e;--card-face:#fdfaf1;--card-face-2:#f5efd9;--card-edge:#c5b88c;--card-back-1:#0a2a1f;--card-back-2:#143d2f;--black-text:#0a1a14;--table-grad:radial-gradient(ellipse at center top, #1a4d3a 0%, #0a2a1f 80%), repeating-linear-gradient(45deg, transparent 0, transparent 2px, #0000000d 2px, #0000000d 3px);--shadow:0 8px 24px #0006, 0 2px 6px #0000004d;--shadow-strong:0 16px 48px #0000008c, 0 4px 12px #0006}body.theme-walnut{--accent-ink:#1a0e08;--card-back-letter:#d4a458;--bg:#2c1d12;--bg-2:#221409;--surface:#3a2818;--surface-2:#4a3422;--line:#5a4030;--line-bright:#7a5840;--ink:#f5e9d4;--ink-2:#c8b394;--ink-3:#8c7a5e;--accent:#d4a458;--accent-2:#e8c078;--red:#d8624a;--red-strong:#b8412a;--green:#88a268;--card-face:#fdfaf0;--card-face-2:#f2e8d0;--card-edge:#c8b384;--card-back-1:#4a3422;--card-back-2:#5a4030;--black-text:#1a0e08;--table-grad:radial-gradient(ellipse at center, #5c3d24 0%, #2c1d12 75%), repeating-linear-gradient(85deg, #0000001f 0px, #0000001f 1px, transparent 1px, transparent 9px);--shadow:0 8px 24px #14080280, 0 2px 6px #1408024d;--shadow-strong:0 16px 48px #140802a6, 0 4px 12px #14080273}body.theme-slate{--accent-ink:#14181d;--card-back-letter:#5fb3d2;--bg:#1f262e;--bg-2:#161c22;--surface:#28323c;--surface-2:#2f3a46;--line:#3a4654;--line-bright:#4d5a6a;--ink:#e8edf2;--ink-2:#b0bac6;--ink-3:#768290;--accent:#5fb3d2;--accent-2:#7fc8e0;--red:#e57368;--red-strong:#d04638;--green:#6fb47e;--card-face:#fafbfc;--card-face-2:#eef0f3;--card-edge:#c0c8d0;--card-back-1:#2a3540;--card-back-2:#3a4654;--black-text:#14181d;--table-grad:radial-gradient(ellipse at center top, #2c3744 0%, #1a2128 80%);--shadow:0 8px 24px #00000059, 0 2px 6px #00000040;--shadow-strong:0 16px 48px #00000080, 0 4px 12px #00000059}body.theme-dark{--accent-ink:#1a1006;--card-back-letter:#d4a857;--bg:#0e0d0a;--bg-2:#16140f;--surface:#1a1813;--surface-2:#221f18;--line:#2a2620;--line-bright:#3a342a;--ink:#f4ede0;--ink-2:#c9bfa9;--ink-3:#8a8270;--accent:#d4a857;--accent-2:#e8c787;--red:#e07868;--red-strong:#c5523f;--green:#6a8d5b;--card-face:#fefbf3;--card-face-2:#f4ecd8;--card-edge:#d8cfb6;--card-back-1:#2a2620;--card-back-2:#34302a;--black-text:#1a1813;--table-grad:radial-gradient(ellipse at center top, #1a1812 0%, #0a0907 70%);--shadow:0 12px 40px #0009, 0 2px 8px #0006;--shadow-strong:0 16px 48px #000000b3, 0 3px 12px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}.table{background:var(--table-grad);color:var(--ink);-webkit-user-select:none;user-select:none;transition:background .3s,color .3s;overflow:hidden}.display{letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:400}.mono{font-family:JetBrains Mono,monospace}.app{grid-template-rows:auto 1fr auto;width:100vw;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent-2), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Fraunces,serif;font-size:26px;font-weight:500}.brand .sub{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.difficulty-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);opacity:.85;border-radius:10px;margin-left:8px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.topbar .controls{align-items:center;gap:8px;display:flex}button{color:var(--ink-2);border:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:8px 14px;font-family:Inter,sans-serif;font-size:12px;transition:all .15s}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-2);background:#d4a8570d}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-2);color:var(--accent-ink)}button.ghost{border:none}button.danger{color:var(--red);border-color:var(--line)}button.armed{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600;animation:1.4s infinite armed-pulse;box-shadow:0 0 0 2px #d4a8574d,0 0 16px #d4a85766}button.armed:hover:not(:disabled){background:var(--accent-2);color:var(--accent-ink)}@keyframes armed-pulse{0%,to{box-shadow:0 0 0 2px #d4a8574d,0 0 16px #d4a85766}50%{box-shadow:0 0 0 2px #d4a85780,0 0 24px #d4a85799}}button.icon-btn{min-width:38px;padding:8px 12px;font-size:14px}.table{background:var(--table-grad);position:relative;overflow:hidden}.table:before{content:"";border:1px solid var(--line);pointer-events:none;opacity:.25;border-radius:50%;position:absolute;inset:16px}.center{align-items:center;gap:56px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pile-zone{flex-direction:column;align-items:center;gap:12px;display:flex}.pile-zone .pile-label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:500}.pile-zone .pile-count{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.card{width:78px;height:110px;box-shadow:var(--shadow);cursor:default;border-radius:8px;flex-shrink:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .15s;position:relative;overflow:hidden}.card.face{background:linear-gradient(160deg, var(--card-face) 0%, var(--card-face-2) 100%);color:var(--black-text);border:1px solid var(--card-edge)}.card.face.red{color:var(--red-strong)}.card.back{background:repeating-linear-gradient(45deg, var(--card-back-1) 0, var(--card-back-1) 4px, var(--card-back-2) 4px, var(--card-back-2) 8px), linear-gradient(135deg, var(--card-back-1), var(--card-back-2));border:1px solid var(--line-bright)}.card.back:after{content:"K";color:var(--card-back-letter,var(--accent));opacity:.55;font-family:Fraunces,serif;font-size:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card .corner{font-family:Fraunces,serif;font-weight:500;line-height:1;position:absolute}.card .corner.tl{text-align:left;top:6px;left:6px}.card .corner.br{text-align:right;transform-origin:50%;bottom:6px;right:6px;transform:rotate(180deg)}.card .corner .rank{font-size:18px;display:block}.card .corner .suit{margin-top:-2px;font-size:14px;display:block}.card .center-suit{opacity:.85;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.joker{background:linear-gradient(160deg,#fdf3d8 0%,#d4a857 100%)}.card.joker .center-suit{font-size:22px}.card.joker .joker-text{letter-spacing:.15em;text-transform:uppercase;color:var(--black-text);font-family:Fraunces,serif;font-size:11px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.face.is-ace{background:linear-gradient(160deg,#fefbf3 0%,#f0d99a 100%);border-color:#c9a566;box-shadow:0 12px 40px #d4a85740,0 2px 8px #0006,inset 0 0 0 1px #d4a8574d}.card.face.is-ace .corner .rank{color:#6b5424;font-weight:600}.card.face.is-ace.red .corner .rank{color:var(--red)}.card.face.is-ace .center-suit{color:#8b6c2c}.card.face.is-ace.red .center-suit{color:var(--red)}.card.face.is-ace:before{content:"A";color:#8b6c2c14;pointer-events:none;z-index:0;font-family:Fraunces,serif;font-size:64px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card.face.is-ace.red:before{color:#c5523f1a}.card.face.is-ace .center-suit{z-index:1;position:relative}.card.playable.is-mine{cursor:pointer}.card.selected{border-color:var(--accent);box-shadow:0 16px 48px #d4a85766}.card.unplayable{opacity:.55;filter:saturate(.7)}.order-badge{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border:2px solid var(--bg);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #00000080}.order-badge.last{background:var(--ink);color:var(--bg);box-shadow:0 0 0 2px var(--accent), 0 4px 10px #00000080}.hand-zone{justify-content:center;align-items:center;display:flex;position:absolute}.hand-zone.bottom{bottom:8px;left:0;right:0}.hand-zone.top{top:32px;left:0;right:0}.hand-zone.left{width:220px;top:50%;left:16px;right:auto;transform:translateY(-50%)}.hand-zone.right{width:220px;top:50%;left:auto;right:16px;transform:translateY(-50%)}.hand{gap:0;max-width:100vw;padding:14px 8px;display:flex}.hand .card{flex-shrink:0;margin-left:-18px;transition:transform .25s,margin .15s,box-shadow .2s}.hand .card:first-child{margin-left:0}.hand-zone.left .hand .card,.hand-zone.right .hand .card{margin-left:-32px}.hand-zone.left .hand .card:first-child,.hand-zone.right .hand .card:first-child{margin-left:0}.hand-zone.bottom .hand .card{margin-left:-8px}.hand-zone.bottom .hand .card:first-child{margin-left:0}.hand.dynamic-overlap .card{margin-left:var(--card-overlap,-8px)}.hand.dynamic-overlap .card:first-child{margin-left:0}.hand .card.is-mine:hover{margin-right:12px}.hand{touch-action:pan-y;-webkit-user-select:none;user-select:none}.player-label{color:var(--ink-2);pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.player-label.bottom{bottom:130px;left:50%;transform:translate(-50%)}.player-label.top{top:170px;left:50%;transform:translate(-50%)}.player-label.left{text-align:center;align-items:center;width:220px;top:calc(50% - 90px);left:16px;right:auto;transform:none}.player-label.right{text-align:center;align-items:center;width:220px;top:calc(50% - 90px);left:auto;right:16px;transform:none}@media (max-width:720px){.card{width:56px;height:80px}.hand .card{margin-left:-16px}.hand-zone.bottom .hand .card{margin-left:-4px}.hand-zone.bottom .hand .card:first-child{margin-left:0}.hand-zone.bottom .hand.dynamic-overlap .card{margin-left:var(--card-overlap,-4px)}.hand-zone.bottom .hand.dynamic-overlap .card:first-child{margin-left:0}.card .corner .rank{font-size:14px}.card .center-suit{font-size:20px}.topbar{padding:10px 12px}.brand h1{font-size:20px}.actionbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.modal{padding:20px}.table[data-players="4"] .hand-zone.left{left:0;right:66.66%}.table[data-players="4"] .hand-zone.top{left:33.33%;right:33.33%}.table[data-players="4"] .hand-zone.right{left:66.66%;right:0}.table[data-players="4"] .player-label.left{left:0;right:66.66%}.table[data-players="4"] .player-label.top{left:33.33%;right:33.33%}.table[data-players="4"] .player-label.right{left:66.66%;right:0}.table[data-players="4"] .turn-chip.left{left:16.66%}.table[data-players="4"] .turn-chip.top{left:50%}.table[data-players="4"] .turn-chip.right{left:83.33%}.table[data-players="3"] .hand-zone.left{left:0;right:50%}.table[data-players="3"] .hand-zone.right{left:50%;right:0}.table[data-players="3"] .player-label.left{left:0;right:50%}.table[data-players="3"] .player-label.right{left:50%;right:0}.table[data-players="3"] .turn-chip.left{left:25%}.table[data-players="3"] .turn-chip.right{left:75%}.table[data-players="2"] .hand-zone.top,.table[data-players="2"] .player-label.top{left:0;right:0}.table[data-players="2"] .turn-chip.top{left:50%}.hand-zone.top,.hand-zone.left,.hand-zone.right{pointer-events:none;justify-content:center;align-items:flex-start;width:auto;height:100px;display:flex;position:absolute;top:8px;bottom:auto;transform:none}.hand-zone.top .hand,.hand-zone.left .hand,.hand-zone.right .hand{gap:0;padding:4px}.hand-zone.top .hand .card,.hand-zone.left .hand .card,.hand-zone.right .hand .card{width:38px;height:54px;margin-left:-36px}.hand-zone.top .hand .card:first-child,.hand-zone.left .hand .card:first-child,.hand-zone.right .hand .card:first-child{margin-left:0}.hand-zone.top .card.face .center-suit,.hand-zone.left .card.face .center-suit,.hand-zone.right .card.face .center-suit{display:none}.hand-zone.top .card .corner .rank,.hand-zone.left .card .corner .rank,.hand-zone.right .card .corner .rank{font-size:11px}.hand-zone.top .card .corner .suit,.hand-zone.left .card .corner .suit,.hand-zone.right .card .corner .suit{font-size:9px}.player-label.top,.player-label.left,.player-label.right{flex-direction:column;align-items:center;gap:1px;width:auto;font-size:10px;position:absolute;top:112px;bottom:auto;transform:none}.player-label .name{font-size:11px}.player-label .meta{letter-spacing:.05em;font-size:9px}.center{gap:24px;top:50%}.hand-zone.bottom{bottom:4px}.player-label.bottom{bottom:92px}.table:before{display:none}.turn-chip{padding:5px 10px;font-size:10px}.turn-chip.bottom{bottom:130px;left:50%;transform:translate(-50%)}.turn-chip.left,.turn-chip.top,.turn-chip.right{top:150px;right:auto;transform:translate(-50%)}.status-banner{padding:8px 12px;font-size:11px;top:200px;bottom:auto}}.mobile-events{display:none}@media (max-width:1023px){.mobile-events{z-index:5;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:55px;left:8px;right:8px}.mobile-event{color:var(--ink-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;text-overflow:ellipsis;background:#00000040;border-radius:4px;padding:3px 8px;font-size:10px;animation:.3s fadeInEvent;overflow:hidden}@keyframes fadeInEvent{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:480px){.app{grid-template-rows:auto 1fr auto;height:100dvh}.table{min-height:0;overflow:hidden}.card{width:46px;height:66px}.card .corner .rank{font-size:12px}.card .corner .suit{font-size:10px}.card .center-suit{font-size:16px}.hand-zone.top .hand,.hand-zone.left .hand,.hand-zone.right .hand{display:none}.hand-zone.top,.hand-zone.left,.hand-zone.right{height:0;min-height:0}.player-label.top,.player-label.left,.player-label.right{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;flex-direction:row;align-items:center;gap:6px;min-width:auto;padding:4px 10px 4px 4px;display:flex;top:4px}.player-label.top .name,.player-label.left .name,.player-label.right .name{background:var(--accent);width:28px;height:28px;color:var(--ink);width:auto;height:auto;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;max-width:50px;font-family:inherit;font-size:11px;font-weight:600;display:flex;overflow:hidden}.player-label.top:before,.player-label.left:before,.player-label.right:before{content:attr(data-initial);background:var(--accent);width:26px;height:26px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Fraunces,Georgia,serif;font-size:11px;font-weight:700;display:flex}.player-label.top .meta,.player-label.left .meta,.player-label.right .meta{letter-spacing:.1em;font-size:8px}.player-label.top .meta .turn-dot,.player-label.left .meta .turn-dot,.player-label.right .meta .turn-dot{width:6px;height:6px}.player-label.kadi-declared{border-color:var(--accent);box-shadow:0 0 8px var(--accent)}.table[data-players="4"] .player-label.left{left:4px;right:auto}.table[data-players="4"] .player-label.top{left:50%;right:auto;transform:translate(-50%)}.table[data-players="4"] .player-label.right{left:auto;right:4px}.table[data-players="3"] .player-label.left{left:20%;right:auto;transform:translate(-50%)}.table[data-players="3"] .player-label.right{left:80%;right:auto;transform:translate(-50%)}.table[data-players="2"] .player-label.top{left:50%;right:auto;transform:translate(-50%)}.center{gap:16px;top:40%}.hand-zone.bottom{-webkit-overflow-scrolling:touch;max-height:50vh;padding-top:12px;bottom:0;left:0;right:0;overflow-y:auto}.hand-zone.bottom::-webkit-scrollbar{display:none}.hand-zone.bottom{scrollbar-width:none}.hand-zone.bottom .hand{flex-wrap:wrap;justify-content:center;gap:4px;padding:4px 8px 6px;display:flex}.hand-zone.bottom .hand.dynamic-overlap{gap:4px!important}.hand-zone.bottom .hand.dynamic-overlap .card,.hand-zone.bottom .hand .card{flex-shrink:0;width:48px;height:68px;margin-left:0!important}.hand-zone.bottom .hand .card:first-child{margin-left:0!important}.hand-zone.bottom .hand .card .corner .rank{font-size:12px}.hand-zone.bottom .hand .card .corner .suit{font-size:10px}.hand-zone.bottom .hand .card .center-suit{font-size:16px}.player-label.bottom{text-align:center;margin-bottom:2px;font-size:9px;position:relative;bottom:auto}.player-label.bottom:before{display:none}.actionbar{z-index:20;background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;padding:8px 10px;position:relative}.actionbar .left{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:4px;font-size:9px;overflow:hidden}.actionbar .right{gap:4px;width:100%;display:flex}.actionbar .right button{flex:1;padding:8px 6px;font-size:12px}.topbar{padding:6px 10px}.brand h1{font-size:18px}.controls button{padding:4px 8px;font-size:10px}.status-banner{white-space:normal;flex-wrap:wrap;padding:6px 10px;font-size:10px;bottom:140px}.modal{max-width:calc(100vw - 2rem);padding:16px}}.player-label .name{font-family:Fraunces,serif;font-size:16px;font-weight:500}.player-label .meta{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.player-label .meta .turn-dot{background:var(--accent);vertical-align:middle;width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%;margin-right:6px;animation:1.5s infinite pulse;display:inline-block}.player-label.kadi-declared .name:after{content:" · KADI";color:var(--accent);letter-spacing:.2em;font-family:JetBrains Mono,monospace;font-size:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-banner{color:#fff;letter-spacing:.02em;z-index:6;white-space:nowrap;background:#1a1a2e;border:none;border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 48px);padding:12px 20px;font-size:13px;font-weight:500;display:flex;position:absolute;bottom:180px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.status-banner .pill{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.status-banner.penalty{color:#fff;background:#7f1d1d}.status-banner.penalty .pill{color:#7f1d1d;background:#fff}.actionbar{background:var(--surface);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.actionbar .left,.actionbar .right{align-items:center;gap:8px;display:flex}.actionbar .turn-status{color:var(--ink-3);margin-right:16px;font-family:JetBrains Mono,monospace;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--line-bright);width:90%;max-width:520px;max-height:80vh;box-shadow:var(--shadow);border-radius:4px;padding:32px;transition:transform .2s;overflow-y:auto;transform:scale(.96)}.modal-overlay.show .modal{transform:scale(1)}.modal h2{letter-spacing:-.02em;margin-bottom:6px;font-family:Fraunces,serif;font-size:28px;font-weight:500}.modal .sub{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;font-size:12px}.modal .row{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.modal label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.modal select,.modal input[type=number]{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.modal .actions-row{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.modal .grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal .grid-3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.suit-pick,.rank-pick{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:2px;padding:14px;font-family:Fraunces,serif;font-size:24px;transition:all .15s}.suit-pick:hover,.rank-pick:hover{border-color:var(--accent);color:var(--accent-2)}.suit-pick.red,.rank-pick.red{color:var(--red)}.suit-pick.selected,.rank-pick.selected{border-color:var(--accent);background:#d4a8571a}.toggle{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.toggle input{display:none}.toggle .switch{background:var(--line);border-radius:9px;width:32px;height:18px;transition:background .15s;position:relative}.toggle .switch:after{content:"";background:var(--ink-2);border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{background:#000;left:16px}.log-badge{background:var(--accent);min-width:18px;height:18px;color:var(--accent-ink);border-radius:9px;justify-content:center;align-items:center;margin-right:4px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.log-badge.has-new{animation:.6s badge-pulse}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{box-shadow:0 0 12px var(--accent);transform:scale(1.2)}}#btn-log:after{content:"Log"}.feed-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:60;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.feed-backdrop.show{opacity:1;pointer-events:all}.feed-panel{background:var(--surface);border-left:1px solid var(--line-bright);z-index:70;flex-direction:column;width:360px;max-width:86vw;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000080}.feed-panel.show{transform:translate(0)}@media (min-width:1024px){.app.has-feed{grid-template-columns:1fr 320px}.app.has-feed .topbar{grid-column:1/-1}.table,.actionbar{grid-column:1}.feed-panel{border-left:1px solid var(--line);width:320px;max-width:none;box-shadow:none;z-index:1;grid-area:2/2/4;position:relative;transform:none!important}.feed-backdrop,.feed-close,#btn-log{display:none}}.feed-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.feed-title{color:var(--ink);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:18px;font-weight:500}.feed-close{color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px;padding:0;font-size:24px;line-height:1}.feed-close:hover{background:var(--surface-2);color:var(--ink)}.feed-list{flex-direction:column;flex:1;gap:6px;padding:12px 16px;display:flex;overflow-y:auto}.feed-empty{color:var(--ink-3);text-align:center;padding:40px 16px;font-size:13px;font-style:italic}.feed-entry{background:var(--bg-2);border-left:2px solid var(--line);border-radius:4px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.feed-entry.fresh{animation:.35s cubic-bezier(.2,.8,.2,1) entry-fade-in}@keyframes entry-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feed-entry .icon{text-align:center;width:24px;color:var(--ink-3);flex-shrink:0;font-family:Fraunces,serif;font-size:14px;line-height:1.4}.feed-entry .body{color:var(--ink-2);flex:1}.feed-entry .body strong{color:var(--ink);font-weight:500}.feed-entry .time{color:var(--ink-3);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px}.feed-entry.play{border-left-color:var(--accent)}.feed-entry.play .icon{color:var(--accent)}.feed-entry.penalty{border-left-color:var(--red);background:#c5523f14}.feed-entry.penalty .icon{color:var(--red)}.feed-entry.kadi{border-left-color:var(--accent-2);background:#d4a8571a}.feed-entry.kadi .icon{color:var(--accent-2)}.feed-entry.win{border-left-color:var(--accent);background:#d4a85726;font-weight:500}.feed-entry.win .icon{color:var(--accent);font-weight:700}.feed-entry.system{border-left-color:var(--ink-3)}.feed-entry.system .body{color:var(--ink-3);font-style:italic}.card-pill{color:var(--black-text);background:linear-gradient(160deg,#fefbf3 0%,#f4ecd8 100%);border:1px solid #d8cfb6;border-radius:3px;margin:0 2px;padding:1px 6px;font-family:Fraunces,serif;font-size:11px;font-weight:600;line-height:1.3;display:inline-block;box-shadow:0 1px 2px #0000004d}.card-pill.red{color:var(--red)}.card-pill+.card-pill{margin-left:-2px}.stack-tag{color:var(--accent);letter-spacing:.04em;background:#d4a8572e;border:1px solid #d4a85766;border-radius:3px;margin-left:6px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;display:inline-block}@keyframes deal-in{0%{opacity:0;transform:translate(50vw,-50vh)rotate(180deg)}60%{opacity:.6}to{opacity:1;transform:translate(0)rotate(0)}}.card.dealing{animation:.3s cubic-bezier(.2,.8,.2,1) backwards deal-in}@keyframes play-arc{0%{opacity:.6;transform:scale(1.15)translateY(-50px)}50%{opacity:.85;transform:scale(1.08)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.card.played{animation:.35s cubic-bezier(.2,.8,.2,1) play-arc}@keyframes draw-in{0%{opacity:0;transform:translate(-120px)translateY(-80px)scale(.7)}60%{opacity:.8}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}.card.drawing{animation:.35s cubic-bezier(.2,.8,.2,1) backwards draw-in}@keyframes select-bounce{0%{transform:translateY(0)}30%{transform:translateY(-20px)}50%{transform:translateY(-14px)}70%{transform:translateY(-18px)}to{transform:translateY(-16px)}}.card.selected{border-color:var(--accent);animation:.35s cubic-bezier(.2,.8,.2,1) forwards select-bounce;box-shadow:0 16px 48px #d4a85766}@media (hover:hover) and (pointer:fine){.card.playable.is-mine{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s,border-color .15s}.card.playable.is-mine:hover{border-color:var(--accent);transform:translateY(-12px)scale(1.04);box-shadow:0 12px 32px #d4a85740}}.results-list{margin:16px 0}.results-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.results-row:last-child{border-bottom:none}.results-row .rank-no{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;margin-right:14px;font-family:Fraunces,serif;font-size:18px;display:flex}.results-row.winner .rank-no{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.results-row .name{flex:1;font-family:Fraunces,serif;font-size:17px}.results-row .stats{color:var(--ink-3);text-align:right;font-family:JetBrains Mono,monospace;font-size:11px}.toast{background:var(--ink);color:var(--bg);letter-spacing:.02em;box-shadow:var(--shadow-strong);opacity:0;pointer-events:none;z-index:50;text-align:center;border:none;border-radius:6px;max-width:80vw;padding:12px 22px;font-family:Fraunces,serif;font-size:13px;font-weight:500;transition:opacity .25s,transform .25s;position:fixed;bottom:140px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.ai-thinking{background:var(--ink);color:var(--bg);letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-strong);pointer-events:none;z-index:5;border:none;border-radius:16px;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:500;animation:.4s thinking-fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-150%)}.ai-thinking .dots span{background:var(--bg)!important}@keyframes thinking-fade{0%{opacity:0;transform:translate(-50%,-200%)}to{opacity:1;transform:translate(-50%,-180%)}}.ai-thinking .dots{gap:2px;display:inline-flex}.ai-thinking .dots span{background:var(--accent);border-radius:50%;width:4px;height:4px;animation:1s infinite dot}.ai-thinking .dots span:nth-child(2){animation-delay:.2s}.ai-thinking .dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,60%,to{opacity:.3}30%{opacity:1}}.pile-zone.just-played .card.face{box-shadow:0 0 0 2px var(--accent), 0 12px 40px #d4a85759}.direction-indicator{background:var(--surface-2);border:1px solid var(--line);letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;pointer-events:none;z-index:3;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;font-size:10px;display:flex;position:absolute;top:calc(50% + 90px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.direction-indicator .dir-arrow{color:var(--accent);font-size:18px;font-weight:600;line-height:1;display:inline-block}.direction-indicator.cw .dir-arrow{animation:4s linear infinite rotate-cw}.direction-indicator.ccw .dir-arrow{animation:4s linear infinite rotate-ccw}@keyframes rotate-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width:720px){.direction-indicator{top:calc(50% + 80px)}}.turn-chip{z-index:8;background:var(--surface-2);border:1px solid var(--accent);color:var(--ink);letter-spacing:.06em;box-shadow:0 0 0 1px var(--accent), 0 8px 24px #d4a8574d;pointer-events:none;white-space:nowrap;border-radius:20px;padding:8px 16px;font-family:Fraunces,serif;font-size:12px;font-weight:500;animation:.3s cubic-bezier(.2,.8,.2,1) turn-chip-in;position:absolute}.turn-chip.bottom{bottom:188px;left:50%;transform:translate(-50%)}.turn-chip.top{top:188px;left:50%;transform:translate(-50%)}.turn-chip.left{top:50%;left:188px;transform:translateY(-50%)}.turn-chip.right{top:50%;right:188px;transform:translateY(-50%)}.turn-chip .arrow{color:var(--accent);margin-right:6px;font-family:JetBrains Mono,monospace}.turn-chip.fading{animation:.3s forwards turn-chip-out}@keyframes turn-chip-in{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes turn-chip-out{to{opacity:0;transform:translate(-50%)scale(.92)}}.turn-chip.left,.turn-chip.right{animation:.3s cubic-bezier(.2,.8,.2,1) turn-chip-side-in}@keyframes turn-chip-side-in{0%{opacity:0;transform:translateY(-50%)scale(.85)}to{opacity:1;transform:translateY(-50%)scale(1)}}.status-banner.penalty{border-color:var(--red);color:var(--ink);box-shadow:0 0 0 1px var(--red), 0 12px 40px #c5523f40;background:#c5523f26;padding:12px 22px;font-size:13px}.status-banner:not(.penalty){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 12px 40px #d4a85733;background:#d4a8571a}.table{min-height:calc(100dvh - 118px)}@media (max-width:480px){.card{border-radius:6px;width:46px;height:66px}.card .corner .rank{font-size:12px}.card .corner .suit{font-size:10px}.card .center-suit{font-size:16px}.card.back:after{font-size:22px}.hand-zone.top .hand .card,.hand-zone.left .hand .card,.hand-zone.right .hand .card{width:30px;height:44px;margin-left:-24px}.actionbar{flex-wrap:wrap;padding:8px 10px}.actionbar .left{justify-content:center;width:100%}.actionbar .right{gap:6px;width:100%;display:flex}.actionbar .right button{flex:1;padding:10px 8px;font-size:11px}.status-banner{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px);padding:8px 12px;font-size:11px}.player-label .name{font-size:11px}.player-label .meta{font-size:8px}.player-label.bottom{bottom:78px}.hand-zone.bottom .hand .card{margin-left:-2px}.hand-zone.bottom .hand.dynamic-overlap .card{margin-left:var(--card-overlap,-2px)}.center{gap:16px}.topbar{padding:8px 10px}.brand h1{font-size:18px}.brand .sub{font-size:9px;display:none}.difficulty-tag{padding:2px 6px;font-size:8px}.topbar .controls button{padding:6px 8px;font-size:10px}}@media (max-width:720px){.status-banner{white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center}.player-label .name{font-size:13px}.player-label .meta{font-size:9px}}.card.back.rarity-rare{border-color:#3b82f666;box-shadow:0 0 6px #3b82f680}.card.back.rarity-epic{border-color:#a855f766;box-shadow:0 0 8px #a855f799}.card.back.rarity-legendary{border-color:#f59e0b80;animation:2s ease-in-out infinite legendary-pulse;box-shadow:0 0 10px #f59e0bb3,0 0 20px #f59e0b4d}@keyframes legendary-pulse{0%,to{box-shadow:0 0 10px #f59e0bb3,0 0 20px #f59e0b4d}50%{box-shadow:0 0 14px #f59e0be6,0 0 28px #f59e0b66}}.card-rarity-badge{letter-spacing:.02em;margin-left:4px;font-size:8px;font-weight:700;display:inline-block}.card-rarity-badge.rarity-rare{color:#3b82f6}.card-rarity-badge.rarity-epic{color:#a855f7}.card-rarity-badge.rarity-legendary{color:#f59e0b;text-shadow:0 0 4px #f59e0b80}