:root{--navy: #0d1b2a;--navy-2: #13283d;--panel: #16263a;--panel-2: #1d3450;--gold: #d4af37;--gold-hi: #f3d987;--text: #eaf0f6;--text-dim: #9fb2c4;--red: #e2455a;--green: #4ec77d;--danger: #c0455a;--line: rgba(255, 255, 255, .09)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 700px at 50% -10%,#16304a 0%,var(--navy) 60%);color:var(--text);overscroll-behavior:none}button{font-family:inherit;cursor:pointer}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));gap:18px}.center{justify-content:center}.title-sub{color:var(--text-dim);font-size:.95rem;text-align:center;max-width:460px;line-height:1.5}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:13px 18px;border-radius:12px;font-size:1rem;font-weight:600;min-width:230px;transition:filter .12s,transform .06s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d00;border:none;box-shadow:0 4px 16px #d4af3747}.btn.ghost{background:transparent}.btn.danger{background:transparent;border-color:#c0455a99;color:#ff9aa9}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{min-width:0;padding:8px 12px;font-size:.85rem;border-radius:9px}.card-panel{background:#ffffff0a;border:1px solid var(--line);border-radius:16px;padding:18px;width:100%;max-width:460px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.input{background:var(--navy-2);border:1px solid var(--line);color:var(--text);padding:12px 14px;border-radius:10px;font-size:1rem;width:100%}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg .btn.sm.active{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d00;border:none}.error-bar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--danger);color:#fff;padding:10px 14px;text-align:center;font-size:.9rem}.table{width:100%;max-width:920px;display:flex;flex-direction:column;gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:8px 12px}.topbar .pill{font-size:.78rem;color:var(--text-dim);display:flex;gap:6px;align-items:center}.topbar .pill b{color:var(--text)}.topbar .pill.timer{border:1px solid rgba(212,175,55,.5);border-radius:16px;padding:2px 9px;color:var(--gold-hi)}.topbar .pill.timer.low{border-color:var(--danger);color:#ff9aa9;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.55}}.stop-banner{background:linear-gradient(90deg,#d4af372e,#e2455a2e);border:1px solid rgba(212,175,55,.5);color:var(--gold-hi);border-radius:10px;padding:8px 12px;text-align:center;font-weight:700;font-size:.9rem}.opponents{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.seat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:132px;display:flex;flex-direction:column;gap:6px;align-items:center;transition:border-color .2s,box-shadow .2s}.seat.turn{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3759,0 6px 18px #0000004d}.seat.eliminated{opacity:.45}.seat .name{font-weight:700;font-size:.9rem;display:flex;gap:6px;align-items:center}.seat .meta{font-size:.72rem;color:var(--text-dim)}.mini-card{width:18px;height:26px;border-radius:3px;background:linear-gradient(160deg,#1f3a57,#122537);border:1px solid rgba(212,175,55,.4)}.center-area{display:flex;gap:18px;justify-content:center;align-items:center;padding:8px 0}.pile{display:flex;flex-direction:column;align-items:center;gap:5px}.pile .label{font-size:.7rem}.card{width:66px;height:92px;border-radius:9px;position:relative;user-select:none;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;border:1.5px solid;flex:none}.card.back{background:linear-gradient(160deg,#1f3a57,#0e1f30);border-color:#d4af3780}.card.back:after{content:"★";color:#d4af3780;font-size:1.5rem}.card.face{background:#f7f3e8;border-color:#cdbf94;color:#1a1a1a}.card.face.red{color:var(--red)}.card.empty{background:transparent;border:1.5px dashed var(--line)}.card .corner{position:absolute;font-size:.74rem;font-weight:700;line-height:1}.card .corner.tl{top:5px;left:6px}.card .corner.br{bottom:5px;right:6px;transform:rotate(180deg)}.card .pip{font-size:1.7rem}.card .pts{position:absolute;bottom:-16px;font-size:.62rem;color:var(--text-dim);width:100%;text-align:center}.my-area{background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:14px}.my-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.my-head .name{font-weight:800}.hand{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hand .slot{display:flex;flex-direction:column;align-items:center;gap:16px}.hand .slot .num{font-size:.72rem;color:var(--text-dim)}.hand .slot .card.selectable{cursor:pointer;box-shadow:0 0 0 2px #4ec77d99}.hand .slot .card.selectable:hover{transform:translateY(-3px)}.action-panel{margin-top:14px;background:var(--navy-2);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center}.action-msg{font-size:.92rem;text-align:center;color:var(--text);line-height:1.5}.action-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.waiting{color:var(--text-dim);font-size:.92rem;text-align:center}.drawn-spot{display:flex;flex-direction:column;align-items:center;gap:6px}.drawn-spot .tag{font-size:.74rem;color:var(--gold-hi);font-weight:700}.overlay{position:fixed;inset:0;z-index:40;background:#060c14bd;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.modal h2{margin:0}.modal .desc{color:var(--text-dim);font-size:.9rem;line-height:1.55}.peek-cards{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.peek-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.peek-slot .num{font-size:.72rem;color:var(--text-dim)}.scoreboard{width:100%;border-collapse:collapse}.scoreboard th,.scoreboard td{padding:7px 8px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem}.scoreboard td.num{text-align:right;font-variant-numeric:tabular-nums}.win-name{color:var(--gold-hi);font-weight:800}.lobby-list{display:flex;flex-direction:column;gap:8px;width:100%}.lobby-row{display:flex;justify-content:space-between;align-items:center;background:var(--navy-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.badge{font-size:.68rem;padding:2px 7px;border-radius:20px;border:1px solid var(--line);color:var(--text-dim)}.badge.host{color:var(--gold-hi);border-color:#d4af3780}.code-big{font-size:2.2rem;font-weight:800;letter-spacing:8px;color:var(--gold-hi);text-align:center}.foot{color:var(--text-dim);font-size:.78rem;text-align:center}.card.face.joker{background:linear-gradient(160deg,#2a1d40,#3a2a55);border-color:#b483e8;color:#f3d987}.card.face.joker .corner{color:#d9b3ff}.card.face.joker .pip{font-size:1.9rem}.card.face.joker .joker-label{position:absolute;bottom:14px;font-size:.5rem;letter-spacing:2px;color:#d9b3ff;width:100%;text-align:center}.screen.game{height:100dvh;overflow:hidden;justify-content:flex-start;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.felt-wrap{width:100%;max-width:960px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:8px}.felt-wrap .topbar,.felt-wrap .stop-banner{flex:none}.felt{position:relative;flex:1;min-height:120px;width:100%;max-width:880px;margin:0 auto;border-radius:50%;background:radial-gradient(ellipse at 50% 42%,#1f6b4a,#155138 55%,#0e3a28);border:8px solid #3a2a18;box-shadow:inset 0 0 60px #00000073,0 14px 40px #00000080,0 0 0 2px #d4af3759}.felt.rect{border-radius:26px}.felt-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:16px;align-items:center}.felt-center .pile.tappable .card{cursor:pointer}.felt-center .pile.tappable .card.back{box-shadow:0 0 0 2px #f3d9878c}.felt-center .pile.tappable .card.face{box-shadow:0 0 0 2px #56b7e6b3}.felt-seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:116px}.felt-seat .seat-card{background:#08140eb8;border:1px solid var(--line);border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;transition:box-shadow .2s,border-color .2s}.felt-seat.turn .seat-card{border-color:var(--gold);box-shadow:0 0 0 2px #d4af3773,0 0 18px #d4af374d}.felt-seat.eliminated{opacity:.4}.felt-seat .name{font-weight:700;font-size:.82rem}.felt-seat .meta{font-size:.68rem;color:var(--text-dim)}.mini-hand{display:flex;gap:3px}.mini-card{width:16px;height:23px;border-radius:3px;background:linear-gradient(160deg,#1f3a57,#122537);border:1px solid rgba(212,175,55,.4);position:relative}.mini-card.pulse{animation:slotPulse .9s ease-out 2}@keyframes slotPulse{0%{box-shadow:0 0 #d4af3700}30%{box-shadow:0 0 0 3px #f3d987e6}to{box-shadow:0 0 #d4af3700}}.my-area{background:#ffffff0d;border:1px solid var(--line);border-radius:16px;padding:12px 14px;width:100%;max-width:760px;margin:0 auto;flex:none;max-height:50dvh;overflow:auto}.my-head{margin-bottom:6px}.action-panel{margin-top:10px;padding:10px 12px}.peek-hint{margin-bottom:6px}.hand .slot .card.peekable{cursor:pointer;box-shadow:0 0 0 2px #56b7e699}.hand .slot .card.pulse{animation:slotPulse .9s ease-out 2}.peek-hint{text-align:center;font-size:.86rem;color:#9ad0ee;margin-bottom:8px}.announce-wrap{position:fixed;top:64px;left:0;right:0;z-index:45;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.announce{background:#0d1b2af2;border:1px solid rgba(212,175,55,.6);border-radius:12px;padding:10px 18px;text-align:center;box-shadow:0 8px 24px #00000080;animation:announceIn .3s cubic-bezier(.175,.885,.32,1.275)}.announce .aa-icon{font-size:1.6rem}.announce .aa-title{font-size:.95rem;font-weight:800;color:var(--gold-hi)}.announce .aa-sub{font-size:.78rem;color:var(--text-dim)}@keyframes announceIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:none}}.fly-layer{position:fixed;inset:0;z-index:44;pointer-events:none}.fly-card{position:fixed;width:40px;height:56px;border-radius:6px;background:linear-gradient(160deg,#1f3a57,#0e1f30);border:1.5px solid rgba(212,175,55,.7);box-shadow:0 6px 16px #00000080;transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .65s}.fly-card:after{content:"★";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#d4af3799;font-size:1.1rem}.review-hand{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px 0 4px}.review-explain{background:#d4af371a;border:1px solid rgba(212,175,55,.4);border-radius:12px;padding:12px 16px;max-width:460px;text-align:center;font-size:.92rem;line-height:1.55;color:var(--text)}.screen{min-height:100dvh}@media (max-width: 720px){.screen.game{padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:6px}.felt{max-width:560px;border-width:6px;min-height:100px}.felt-wrap{gap:6px}.felt-seat{width:84px;gap:2px}.felt-seat .seat-card{padding:4px 6px;border-radius:9px}.felt-seat .name{font-size:.7rem}.felt-seat .meta{font-size:.58rem}.mini-card{width:11px;height:16px}.felt-center{gap:10px}.felt-center .card{width:50px;height:70px}.felt-center .card .pip{font-size:1.2rem}.my-area{padding:10px}.hand{gap:8px}.hand .slot{gap:6px}.hand .slot .num{font-size:.66rem}.card{width:58px;height:80px}.topbar{padding:6px 10px}.topbar .pill{font-size:.7rem}.action-msg{font-size:.85rem}.btn.sm{padding:7px 10px;font-size:.82rem}}@media (max-width: 400px){.card{width:52px;height:73px}.felt-center .card{width:46px;height:64px}.btn.sm{padding:6px 8px;font-size:.78rem}}