:root{--felt:#0f5132;--felt-2:#0a3d25;--ink:#0b0f0c;--panel:#ffffff0f;--panel-solid:#16241c;--panel-border:#ffffff24;--text:#eaf2ec;--text-dim:#a7c0b0;--accent:#ffce4d;--accent-ink:#3a2c00;--danger:#ff6b6b;--good:#7ee2a8;--red-suit:#d4183d;--black-suit:#14181a;--radius:14px;--shadow:0 8px 24px #00000059;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:var(--felt-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.08'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 0%, #1b7a4d 0%, var(--felt) 45%, var(--felt-2) 100%);background-repeat:repeat,no-repeat;background-size:180px 180px,cover;background-attachment:fixed,fixed;min-height:100svh;margin:0}#root{flex-direction:column;align-items:center;min-height:100svh;display:flex}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}button{font:inherit}.btn{appearance:none;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:600;transition:transform 60ms,background .15s,opacity .15s}.btn:hover:not(:disabled){background:#ffffff1f}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn-primary:hover:not(:disabled){background:#ffd966}.btn-danger{color:var(--danger);border-color:#ff6b6b66}.btn-sm{padding:6px 12px;font-size:14px}.link-btn{appearance:none;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:8px;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.link-btn:hover{color:#ffd966}.input{border:1px solid var(--panel-border);width:100%;color:var(--text);background:#00000040;border-radius:10px;padding:12px 14px;font-size:16px}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.input.code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:22px;font-weight:700}.screen{width:100%;max-width:980px;margin:0 auto;padding:24px 16px 48px}.center-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow);padding:20px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--text-dim)}.brand{letter-spacing:.35em;text-transform:uppercase;color:var(--text-dim);font-size:13px}.home{text-align:center;gap:20px;width:100%;max-width:560px}.home-head{flex-direction:column;align-items:center;gap:6px;display:flex}.home-logo{filter:drop-shadow(0 4px 10px #00000073);font-size:44px;line-height:1}.home h1{background:linear-gradient(180deg, #fff 0%, var(--accent) 140%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2px;font-size:38px}.home-head .muted{max-width:30ch;margin:0 auto}.home-top{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.home-top{grid-template-columns:1fr}}.divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--panel-border);flex:1;height:1px}.code-row{align-items:center;gap:12px;display:flex}.code-chip{letter-spacing:.3em;border:1px dashed var(--panel-border);-webkit-user-select:all;user-select:all;cursor:text;background:#0000004d;border-radius:12px;padding:10px 18px;font-size:32px;font-weight:800;display:inline-flex}.player-row{background:#0000002e;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.seat-dot{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--panel-border);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.badge.you{color:var(--accent);border-color:var(--accent)}.badge.turn{color:var(--good);border-color:var(--good)}.btn-remove{border:1px solid var(--panel-border);width:24px;height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.btn-remove:hover{color:var(--danger);border-color:var(--danger)}.table-head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.pill{border:1px solid var(--panel-border);background:#00000047;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:600}.pill .accent{color:var(--accent)}.opponents{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.opponents[data-cols="1"]{grid-template-columns:1fr}.opponents[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.opponents[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=640px){.opponents[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.opponents[data-cols]{grid-template-columns:1fr}}.seat-card{border:1px solid var(--panel-border);background:#0003;border-radius:12px;min-width:0;padding:12px}.seat-card,.panel.turn-shade{transition:background .2s,border-color .2s,box-shadow .2s}.panel.turn-shade{background:#0003}.seat-card.is-turn,.panel.turn-shade.is-turn{border-color:var(--good);box-shadow:0 0 0 1px var(--good), var(--shadow);background:#ffffff1a}.mini-stack{display:flex}.mini-stack .pcard:not(:first-child){margin-left:-28px}.melds-area{flex-wrap:wrap;gap:10px;display:flex;overflow-x:auto}.meld{background:#00000038;border-radius:10px;gap:3px;padding:4px;display:flex}.pile-area{justify-content:center;align-items:center;gap:28px;padding:16px 0;display:flex}.pile{text-align:center}.pile.drop-target{border-radius:10px;padding:6px;transition:background .12s,box-shadow .12s,transform .12s}.pile.droppable{outline:2px dashed #0000}.pile.drop-hot{box-shadow:0 0 0 3px var(--accent), 0 8px 18px #0006;background:#ffffff14;transform:scale(1.05)}.pile.pickable{cursor:pointer;border-radius:12px;padding:6px}.pile-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px;font-size:12px}.hand{flex-wrap:wrap;gap:8px;padding:8px 0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.turn-hint{font-weight:700}.turn-hint.go{color:var(--good)}.pcard{width:60px;height:84px;color:var(--black-suit);background:#fbfbf7;border:1px solid #d2d2c8;border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid;position:relative;box-shadow:0 2px 6px #0000004d}.pcard.red{color:var(--red-suit)}.pcard .corner{text-align:center;font-size:12px;font-weight:800;line-height:.95;position:absolute}.pcard .corner.tl{top:5px;left:6px}.pcard .corner.br{bottom:5px;right:6px;transform:rotate(180deg)}.pcard .big{font-size:26px}.pcard.small{width:42px;height:60px}.pcard.small .big{font-size:18px}.pcard.small .corner{font-size:9px}.pcard.selectable{cursor:pointer;transition:transform 80ms,box-shadow 80ms}.pcard.selectable:hover{transform:translateY(-6px)}.pcard.selected{box-shadow:0 0 0 3px var(--accent), 0 10px 18px #0006;transform:translateY(-14px)}.hand{-webkit-user-select:none;user-select:none}.pcard.draggable{cursor:grab;touch-action:none}.drag-layer{z-index:50;pointer-events:none;position:fixed}.pcard.dragging{cursor:grabbing;transform:scale(1.06)rotate(-1deg);box-shadow:0 16px 30px #0000008c}.card-gap{border:2px dashed var(--accent,#fff6);box-sizing:border-box;background:#ffffff0f;border-radius:8px;flex:none;width:60px;height:84px}.pcard.wild:after{content:"★";color:#c79a00;font-size:11px;position:absolute;top:3px;right:5px}.pcard.back{color:#0000;background:repeating-linear-gradient(45deg,#b3271e 0 6px,#8e1d16 6px 12px);border-color:#6f1712}.pcard.p10{color:#fff;border-color:#00000040}.pcard.p10 .corner{font-size:13px}.pcard.p10 .big{font-size:28px}.pcard.p10.small .big{font-size:18px}.pcard.p10-red{background:linear-gradient(160deg,#e25555,#c23434)}.pcard.p10-blue{background:linear-gradient(160deg,#4b92d4,#2f6fb0)}.pcard.p10-yellow{color:#3a2c00;background:linear-gradient(160deg,#e7b842,#cf9a1f)}.pcard.p10-green{background:linear-gradient(160deg,#46b576,#2f9159)}.pcard.p10-wild{color:#fff;text-shadow:0 1px 2px #0000008c;background:conic-gradient(from 210deg,#e25555,#e7b842,#46b576,#4b92d4,#e25555)}.pcard.p10-skip{color:#fff;background:linear-gradient(160deg,#4a4f5a,#2b2f37)}.pcard.p10.back{color:#0000;background:repeating-linear-gradient(45deg,#2f6fb0 0 6px,#21527f 6px 12px);border-color:#1a3f63}.pcard.rk{color:#2b2b2b;background:#f4ece0;border-color:#cdbfa8;font-family:Georgia,Times New Roman,serif}.pcard.rk .big{font-size:30px;font-weight:800}.pcard.rk.small .big{font-size:20px}.pcard.rk-red{color:#c4302b}.pcard.rk-blue{color:#1f5fae}.pcard.rk-yellow{color:#c98a00}.pcard.rk-black{color:#232323}.pcard.rk-joker{color:#b5179e}.pcard.rk-joker .big{font-size:24px}.pcard.rk.back{color:#0000;background:repeating-linear-gradient(45deg,#3a7a4e 0 6px,#2c5d3c 6px 12px);border-color:#234a30}.meld.hittable,.meld.layoffable{cursor:pointer;outline:2px dashed var(--accent);outline-offset:2px}.meld.hittable:hover,.meld.layoffable:hover,.meld.drop-hot{background:#ffce4d2e}.meld.drop-hot{box-shadow:0 0 0 3px var(--accent), 0 8px 18px #0006;transform:scale(1.04)}.game-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.game-grid{grid-template-columns:1fr}}.game-card{text-align:left;border:1px solid var(--panel-border);background:#ffffff0d;border-radius:14px;flex-direction:column;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;overflow:hidden}.game-card:hover{border-color:#ffffff52;transform:translateY(-2px);box-shadow:0 10px 22px #00000047}.game-card-main{appearance:none;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:2px 12px;padding:14px 14px 12px;display:grid}.game-card-main:disabled{opacity:.5;cursor:not-allowed}.game-card-icon{border:1px solid var(--panel-border);background:#00000040;border-radius:12px;grid-row:1/3;align-self:center;place-items:center;width:48px;height:48px;font-size:30px;line-height:1;display:grid}.game-card-name{letter-spacing:-.01em;font-size:16px;font-weight:700}.game-card-tagline{font-size:13px;line-height:1.35}.game-card-foot{border-top:1px solid var(--panel-border);background:#0000002e;flex-direction:column;gap:8px;margin-top:auto;padding:10px 12px 12px;display:flex}.game-card-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-btn{appearance:none;cursor:pointer;border:1px solid var(--panel-border);border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:7px 8px;line-height:1.1;transition:background .12s,border-color .12s,transform 60ms;display:flex}.mode-btn:active:not(:disabled){transform:translateY(1px)}.mode-btn:disabled{opacity:.45;cursor:not-allowed}.mode-label{white-space:nowrap;font-size:13px;font-weight:700}.mode-sub{opacity:.7;white-space:nowrap;font-size:11px;font-weight:600}.mode-full{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mode-full:hover:not(:disabled){background:#ffd966}.mode-quick{color:var(--accent);background:#ffce4d1a;border-color:#ffce4d66}.mode-quick:hover:not(:disabled){border-color:var(--accent);background:#ffce4d33}.game-card-rules{align-self:center;margin-top:0;font-size:12.5px}.overlay{z-index:20;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay .panel{background:var(--panel-solid);width:100%;max-width:460px}.score-table{border-collapse:collapse;width:100%}.score-table th,.score-table td{text-align:left;border-bottom:1px solid var(--panel-border);padding:8px 10px}.score-table td.num,.score-table th.num{text-align:right;font-variant-numeric:tabular-nums}.score-table tr.winner td{color:var(--accent);font-weight:800}.chat-fab{z-index:25;border:1px solid var(--panel-border);background:var(--panel-solid);color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:transform 60ms,background .15s;display:inline-flex;position:fixed;bottom:18px;right:18px}.chat-fab:hover{background:#1d3127}.chat-fab:active{transform:translateY(1px)}.chat-badge{background:var(--danger);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--panel-solid);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:800;line-height:1;animation:.2s chat-pop;display:inline-grid}@keyframes chat-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.chat-window{z-index:25;border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel-solid);width:min(360px,100vw - 36px);height:min(520px,100svh - 36px);box-shadow:var(--shadow);flex-direction:column;display:flex;position:fixed;bottom:18px;right:18px;overflow:hidden}.chat-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.chat-empty{text-align:center;margin:auto}.chat-msg{flex-direction:column;align-self:flex-start;gap:2px;max-width:85%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-meta{align-items:baseline;gap:8px;font-size:11px;display:flex}.chat-who{color:var(--accent);font-weight:700}.chat-msg.mine .chat-who{color:var(--good)}.chat-time{color:var(--text-dim)}.chat-bubble{border:1px solid var(--panel-border);word-break:break-word;white-space:pre-wrap;background:#00000047;border-radius:12px;padding:8px 11px;font-size:14px;line-height:1.35}.chat-msg.mine .chat-bubble{background:#ffce4d24;border-color:#ffce4d66}.chat-error{color:var(--danger);padding:0 14px 6px;font-size:13px}.chat-form{border-top:1px solid var(--panel-border);gap:8px;padding:12px;display:flex}.chat-form .input{padding:10px 12px;font-size:15px}.toast{background:var(--panel-solid);border:1px solid var(--danger);color:var(--text);box-shadow:var(--shadow);z-index:30;border-radius:10px;max-width:90vw;padding:10px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.name-tag{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:6px;max-width:180px;padding:6px 12px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.name-tag:hover{background:#ffffff1f}.name-tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-tag-edit-icon{color:var(--text-dim);font-size:13px}.name-tag-edit{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.name-tag-input{width:130px;padding:6px 10px;font-size:14px}.name-tag-error{color:var(--danger);text-align:right;flex-basis:100%;font-size:12px}