@property --ring{syntax:"<percentage>";inherits:false;initial-value:100%}:root{--bg:#07120d;--bg-2:#0c1d15;--panel:rgba(255,255,255,0.045);--panel-solid:#12241b;--line:rgba(255,255,255,0.09);--line-strong:rgba(255,255,255,0.16);--text:#eef3ef;--muted:#94ab9e;--gold:#e9b949;--gold-2:#c58f22;--gold-ink:#241703;--good:#4fd18b;--danger:#ff7566;--felt:#127048;--felt-dark:#083b25;--wood:#5a3418;--wood-dark:#2e1909;--radius:16px;--shadow:0 18px 40px rgba(0,0,0,0.38);--font:"Prompt","Sarabun",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,html{margin:0;min-height:100%}body{color:var(--text);font-family:var(--font);background:radial-gradient(1200px 600px at 50% -10%,rgba(233,185,73,.1),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(18,112,72,.18),transparent 60%),var(--bg);background-attachment:fixed;line-height:1.5}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 8px;line-height:1.25;font-weight:600}h2{font-size:18px}code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;letter-spacing:.06em}main{padding:20px 16px 40px;max-width:1180px;margin:0 auto}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.title{font-size:clamp(24px,4vw,34px);font-weight:700;letter-spacing:-.01em}.eyebrow{margin:0 0 4px;color:var(--gold);font-size:13px;font-weight:500;letter-spacing:.04em}.hint,.muted{color:var(--muted)}.hint{margin:0;font-size:12.5px}.small{font-size:12px}.center-text{text-align:center}.error{color:var(--danger)}.error.banner{background:rgba(255,117,102,.12);border:1px solid rgba(255,117,102,.3);padding:10px 14px;border-radius:12px}.loading{text-align:center;color:var(--muted);padding:60px 0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:18px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:rgba(7,18,13,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:var(--text);font-weight:700;letter-spacing:.08em;font-size:17px}.brand:hover{text-decoration:none}.brand b{color:var(--gold)}.brand-mark{position:relative;width:26px;height:26px}.brand-mark span{position:absolute;width:16px;height:22px;border-radius:3px;background:#fbf8f0;border:1px solid #d9d2bf;top:2px}.brand-mark span:first-child{left:1px;transform:rotate(-12deg)}.brand-mark span:last-child{left:9px;transform:rotate(10deg);background:linear-gradient(160deg,#8d1a2b,#4d0a16);border-color:#f2eadb}.topbar nav{display:flex;gap:4px;margin-left:auto}.topbar nav a{color:var(--muted);padding:6px 12px;border-radius:999px;font-size:14px}.topbar nav a:hover{color:var(--text);background:var(--panel);text-decoration:none}.topbar nav a.active{color:var(--text);background:rgba(233,185,73,.14)}.me-chip{display:flex;align-items:center;gap:8px;color:var(--text);padding:3px 12px 3px 3px;border-radius:999px;border:1px solid var(--line);font-size:14px;max-width:160px}.me-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-chip:hover{border-color:var(--line-strong);text-decoration:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.panel.narrow{max-width:420px;margin:40px auto}.stack{flex-direction:column}.row,.stack{display:flex;gap:10px}.row{flex-wrap:wrap;align-items:center}form{margin:0}input{font:inherit;font-size:15px;color:var(--text);background:rgba(0,0,0,.3);border:1px solid var(--line-strong);border-radius:12px;padding:11px 14px;min-width:0;width:100%;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#6f877a}input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(233,185,73,.18)}.code-input{font-family:ui-monospace,Menlo,monospace;letter-spacing:.3em;text-transform:uppercase;font-size:18px}.code-input::placeholder{letter-spacing:normal;font-family:var(--font);font-size:15px}button{font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;color:var(--text);background:rgba(255,255,255,.08);border:1px solid var(--line-strong);border-radius:12px;padding:9px 16px;transition:transform .08s,background .15s,border-color .15s,box-shadow .15s,opacity .15s}button:not(.card):hover:not(:disabled){background:rgba(255,255,255,.13)}button:not(.card):active:not(:disabled){transform:translateY(1px)}button:not(.card):disabled{opacity:.38;cursor:not-allowed}button.primary{color:var(--gold-ink);background:linear-gradient(180deg,#f5cd65,var(--gold-2));border-color:rgba(255,230,160,.6);box-shadow:0 6px 18px rgba(233,185,73,.25),inset 0 1px 0 rgba(255,255,255,.5)}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffd978,#d39c2a)}button.ghost{background:transparent}button.big{padding:13px 22px;font-size:16px;border-radius:14px}button.small{padding:5px 10px;font-size:13px;border-radius:10px}.tag{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:500;white-space:nowrap}.tag.good{background:rgba(79,209,139,.16);color:#9ff0c3}.tag.warn{background:rgba(255,117,102,.18);color:#ffb3a9}.tag.gold{background:rgba(233,185,73,.16);color:#ffd98a}.chip{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;color:#fff;font-weight:700;line-height:1;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.35)}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:2000;transform:translateX(-50%);max-width:min(92vw,480px);background:#3a1612;color:#ffd6d0;border:1px solid rgba(255,117,102,.45);padding:10px 16px;border-radius:12px;box-shadow:var(--shadow);font-size:14px;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.login{display:grid;place-items:center;grid-gap:8px;gap:8px;padding-top:24px}.fan{position:relative;height:170px;width:300px;margin-bottom:6px}.fan-card{position:absolute;left:50%;bottom:0;margin-left:-41px;transform-origin:50% 190%;transform:rotate(calc(var(--i) * 11deg))}.fan-card .card{--card-w:82px;--card-h:115px;box-shadow:0 10px 24px rgba(0,0,0,.45)}.login .panel{margin-top:0;text-align:center;width:100%}.lobby{display:grid;grid-gap:22px;gap:22px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:26px;border-radius:22px;border:1px solid rgba(233,185,73,.22);background:radial-gradient(500px 200px at 85% 50%,rgba(233,185,73,.16),transparent 70%),linear-gradient(135deg,#0f3a27,#0a2419);box-shadow:var(--shadow)}.hero p{margin:0}.lobby-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.lobby-actions h2{margin-bottom:2px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.count{background:rgba(233,185,73,.16);color:var(--gold);border-radius:999px;font-size:12px;padding:1px 8px}.empty{color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:22px;text-align:center;margin:0 0 12px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:14px;gap:14px}.room-card{display:grid;grid-gap:12px;gap:12px;padding:16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);transition:border-color .15s,transform .15s}.room-card:hover{border-color:rgba(233,185,73,.4);transform:translateY(-2px)}.room-card.closed{opacity:.7}.room-card footer,.room-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-card h3{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:11.5px;border-radius:999px;padding:2px 8px;white-space:nowrap}.status-waiting{background:rgba(79,209,139,.16);color:#9ff0c3}.status-playing{background:rgba(233,185,73,.16);color:#ffd98a}.status-round_end{background:rgba(255,255,255,.1);color:var(--muted)}.room-seats{display:flex;align-items:center;gap:6px}.seat-empty{width:30px;height:30px;border-radius:50%;border:1.5px dashed var(--line-strong)}.waiting{display:grid;grid-gap:20px;gap:20px;max-width:900px;margin:0 auto}.seat-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:20px 10px 16px;min-height:170px;border-radius:18px;background:linear-gradient(180deg,rgba(18,112,72,.35),rgba(8,59,37,.35));border:1px solid rgba(255,255,255,.1);animation:pop-in .25s ease}.slot.empty{background:transparent;border:1.5px dashed var(--line-strong);justify-content:center;animation:none}.slot.offline{opacity:.55}.slot-plus{font-size:28px;color:var(--muted);line-height:1}.slot-name{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-tags{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.slot-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border-radius:50%;font-size:12px;background:rgba(0,0,0,.3)}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}.invite{display:grid;grid-gap:12px;gap:12px}.invite h2{margin:0}.invite-row{display:flex;gap:8px}.invite-row input{font-size:13px;font-family:ui-monospace,Menlo,monospace;color:#cfe3d8}.invite-row button{flex:none}.waiting-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.gate{text-align:center}.gate-icon{font-size:40px}.back-link{display:inline-block;margin-top:14px;font-size:14px}.table-wrap{display:grid;grid-gap:12px;gap:12px}.table-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.turn-banner{flex:1 1;text-align:center;font-size:15px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-banner b,.turn-banner.mine{color:var(--text)}.turn-banner.mine b{color:var(--gold);text-shadow:0 0 18px rgba(233,185,73,.6)}.table{--card-w:68px;--card-h:95px;--small-w:46px;--small-h:64px;position:relative;display:grid;grid-gap:14px;gap:14px;padding:22px 22px 16px;border-radius:46px;background:radial-gradient(ellipse 70% 55% at 50% 45%,rgba(255,255,255,.08),transparent 70%),repeating-radial-gradient(circle at 30% 20%,rgba(0,0,0,.035) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,var(--felt),var(--felt-dark));border:12px solid transparent;box-shadow:0 0 0 2px #1a0d04,0 0 0 3px rgba(233,185,73,.35),inset 0 0 0 2px rgba(233,185,73,.25),inset 0 0 60px rgba(0,0,0,.45),0 30px 60px rgba(0,0,0,.5);background-clip:padding-box}.table:before{content:"";position:absolute;inset:-12px;border-radius:46px;z-index:-1;background:repeating-linear-gradient(100deg,var(--wood) 0 14px,#6b3f1e 14px 18px,var(--wood-dark) 18px 26px)}.table-grid{display:grid;grid-template-columns:minmax(120px,180px) 1fr minmax(120px,180px);grid-template-areas:". top ." "left center right";grid-gap:12px;gap:12px;align-items:center}.seat-top{grid-area:top;justify-self:center;min-width:210px}.seat-left{grid-area:left}.seat-right{grid-area:right}.center{grid-area:center;display:grid;grid-gap:14px;gap:14px;min-width:0}.seat{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07);transition:border-color .2s,box-shadow .2s,background .2s}.seat.active{border-color:rgba(233,185,73,.7);background:rgba(0,0,0,.38);box-shadow:0 0 24px rgba(233,185,73,.28)}.seat.offline .avatar{filter:grayscale(.8);opacity:.7}.seat-info{min-width:0;display:grid;grid-gap:3px;gap:3px}.seat-name{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-backs{display:flex;align-items:center;min-height:20px}.mini-back{width:13px;height:19px;border-radius:3px;border:1px solid #f2eadb;background:linear-gradient(160deg,#8d1a2b,#4d0a16);box-shadow:0 1px 2px rgba(0,0,0,.4)}.mini-back+.mini-back{margin-left:-8px}.seat-count{margin-left:7px;font-size:13px;font-weight:700}.seat-meta{display:flex;gap:4px;flex-wrap:wrap}.turn-ring{position:relative;display:inline-grid;place-items:center;padding:3px;border-radius:50%;flex:none}.turn-ring.on{background:rgba(233,185,73,.25)}.ring-progress{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--gold) var(--ring),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:ring-countdown linear forwards}@keyframes ring-countdown{0%{--ring:100%}80%{filter:none}to{--ring:0%;filter:hue-rotate(-40deg) saturate(2)}}.piles{display:flex;gap:22px;align-items:flex-end;justify-content:center}.pile{display:grid;grid-gap:6px;gap:6px;justify-items:center;padding:8px;border-radius:14px;border:2px dashed transparent;transition:border-color .15s,background .15s;min-width:0}.pile.discard{flex:0 1 520px;justify-items:start;background:rgba(0,0,0,.14)}.pile-label{font-size:12px;color:rgba(230,245,236,.75);white-space:nowrap}.deck-stack{position:relative;width:var(--card-w);height:var(--card-h)}.deck-stack:after,.deck-stack:before{content:"";position:absolute;inset:0;border-radius:9px;background:#3d0812;border:2px solid #e8e0cf}.deck-stack:before{transform:translate(4px,4px)}.deck-stack:after{transform:translate(2px,2px)}.deck-stack>.card{position:relative;z-index:1}.deck-count{position:absolute;z-index:2;top:-8px;right:-10px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--gold-ink);background:var(--gold);box-shadow:0 2px 6px rgba(0,0,0,.4)}.discard-cards{display:flex;flex-wrap:wrap;row-gap:6px;padding-top:12px;min-height:calc(var(--small-h) + 12px)}.discard-cards>.card+.card{margin-left:calc(var(--small-w) * -.45)}.meld-area{display:flex;flex-wrap:wrap;gap:10px;min-height:70px;justify-content:center;align-content:flex-start}.meld-area.empty{color:rgba(230,245,236,.55);font-size:13px;align-items:center;border:1.5px dashed rgba(255,255,255,.12);border-radius:14px}.meld{background:rgba(0,0,0,.2);border-radius:12px;padding:6px 8px 8px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,background .15s}.meld:hover{background:rgba(0,0,0,.28)}.meld.selected{border-color:var(--gold);box-shadow:0 0 16px rgba(233,185,73,.3)}.meld.new-meld{display:flex;align-items:center;justify-content:center;min-width:140px;min-height:calc(var(--small-h) + 30px);border:2px dashed rgba(255,255,255,.35);color:#e5f2ea;font-size:13px;cursor:default}.meld-label{font-size:11px;color:rgba(230,245,236,.7);margin-bottom:4px}.meld-cards{display:flex}.meld-cards>.card+.card{margin-left:calc(var(--small-w) * -.48)}.notice{margin:0;text-align:center;color:#ffe2a0;font-size:14px;background:rgba(0,0,0,.25);border-radius:999px;padding:6px 14px;justify-self:center}.my-area{display:grid;grid-gap:6px;gap:6px}.me-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.me-name{font-weight:600}.me-bar.active .me-name{color:var(--gold)}.hand{display:flex;justify-content:center;padding:18px 0 6px;min-height:calc(var(--card-h) + 26px);border-radius:16px;border:2px dashed transparent;transition:border-color .15s}.hand>.card+.card{margin-left:clamp(calc(var(--card-w) * -.6),calc((100% - var(--card-w)) / max(var(--n) - 1, 1) - var(--card-w)),6px)}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ctl{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:10px 18px;background:rgba(255,255,255,.07)}.ctl .ico{font-size:15px;opacity:.85}.ctl.hot{color:var(--gold-ink);background:linear-gradient(180deg,#f5cd65,var(--gold-2));border-color:rgba(255,230,160,.6);box-shadow:0 0 0 0 rgba(233,185,73,.6);animation:hot-pulse 1.6s ease-out infinite}.ctl.hot:hover:not(:disabled){background:linear-gradient(180deg,#ffd978,#d39c2a)}@keyframes hot-pulse{0%{box-shadow:0 0 0 0 rgba(233,185,73,.55)}70%{box-shadow:0 0 0 10px rgba(233,185,73,0)}to{box-shadow:0 0 0 0 rgba(233,185,73,0)}}.card{--w:var(--card-w,68px);width:var(--w);height:var(--card-h,95px);flex:none;padding:0;position:relative;border-radius:calc(var(--w) * .1);background:linear-gradient(170deg,#ffffff,#f5f1e6);border:1px solid #d6cfbd;box-shadow:0 1px 0 rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.28);color:#17181c;overflow:hidden;transition:transform .14s ease,box-shadow .14s}.card.red{color:#c3202b}.card.mini,.discard-cards .card,.meld-cards .card{--w:var(--small-w,46px);height:var(--small-h,64px)}.card-face{display:block;width:100%;height:100%;pointer-events:none}.card-face .rank-text{font-family:var(--font);font-weight:700;fill:currentColor}.card-face .court-frame{stroke:currentColor;stroke-width:1.3}.card-face .court-divider{stroke:currentColor;stroke-width:.8;opacity:.25}.card-face .court-letter{font:700 28px Georgia,Times New Roman,serif;fill:currentColor}.card-face .court-crown{fill:#e0ad34;stroke:#8b6414;stroke-width:1}.card-face .court-pearl{fill:#fffdf6;stroke:#8b6414;stroke-width:.8}.card.selected{transform:translateY(-16px);box-shadow:0 0 0 3px var(--gold),0 12px 22px rgba(0,0,0,.4);z-index:3}.card.speto:after{content:"★";position:absolute;top:3%;right:6%;font-size:calc(var(--w) * .2);color:#9a6bff;line-height:1;text-shadow:0 0 4px rgba(154,107,255,.6)}.card.speto{box-shadow:inset 0 0 0 2px rgba(154,107,255,.7),0 4px 10px rgba(0,0,0,.28)}.card.speto.selected{box-shadow:0 0 0 3px var(--gold),inset 0 0 0 2px rgba(154,107,255,.7),0 12px 22px rgba(0,0,0,.4)}.card:disabled{cursor:default;opacity:1}.card.back{background:radial-gradient(circle at 50% 50%,rgba(233,185,73,.9) 0 8%,transparent 8.5%),radial-gradient(circle at 50% 50%,transparent 0 14%,rgba(233,185,73,.5) 14.5% 16%,transparent 16.5%),repeating-linear-gradient(45deg,rgba(255,220,150,.16) 0 1.5px,transparent 1.5px 8px),repeating-linear-gradient(-45deg,rgba(255,220,150,.16) 0 1.5px,transparent 1.5px 8px),linear-gradient(160deg,#921b2e,#4a0915);border:3px solid #f4efe4;box-shadow:inset 0 0 0 2px rgba(233,185,73,.55),0 4px 10px rgba(0,0,0,.3)}.card.draggable{cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@media (hover:hover){.card.draggable:not(.selected):hover{transform:translateY(-6px)}}.card.lifted{background:rgba(0,0,0,.18)!important;border:2px dashed rgba(255,255,255,.35);box-shadow:none!important;transform:none}.card.lifted:after,.card.lifted>*{visibility:hidden}.card.empty-slot{background:rgba(0,0,0,.12);border:2px dashed rgba(255,255,255,.25);box-shadow:none}.is-dragging,.is-dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.drag-ghost{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;display:flex;will-change:transform;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}.drag-ghost>span{display:block}.drag-ghost>span+span{margin-left:-34px}.drag-ghost .card{--card-w:68px;--card-h:95px;rotate:-5deg}.drop-ok{border-color:var(--gold)!important;background:rgba(233,185,73,.14)!important}.drop-bad{border-color:rgba(255,117,102,.6)!important}.card.drop-ok{box-shadow:-5px 0 0 0 var(--gold);background:linear-gradient(170deg,#ffffff,#f5f1e6)!important}.card.drop-bad{box-shadow:none}.is-dragging .hand,.is-dragging .pile.discard{border-color:rgba(255,255,255,.2)}.modal-backdrop{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:16px;background:rgba(2,8,5,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade-in .25s ease}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:linear-gradient(180deg,#163526,#0d2219);border:1px solid rgba(233,185,73,.3);border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.6);text-align:center;animation:pop-in .3s cubic-bezier(.2,.8,.2,1.2)}.my-score{font-size:18px;font-weight:600;margin:0 0 14px}.up{color:var(--good)}.down{color:var(--danger)}.ranking{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-gap:8px;gap:8px;text-align:left}.ranking li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.22);border:1px solid transparent}.ranking li.winner{border-color:rgba(233,185,73,.5);background:rgba(233,185,73,.1)}.ranking li.me .who{color:var(--gold)}.ranking .place{width:24px;text-align:center;font-weight:700;color:var(--muted)}.ranking .who{flex:1 1;min-width:0;display:grid;font-weight:600}.ranking .who small{color:var(--muted);font-weight:400;font-size:12px}.ranking b{font-size:18px}.modal-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}}.code{background:rgba(0,0,0,.35);border:1px solid var(--line);padding:14px;border-radius:12px;overflow-x:auto;font-size:13px}@media (max-width:760px){main{padding:12px 12px 24px}.topbar{gap:10px}.topbar nav a{padding:6px 8px;font-size:13px}.me-chip span:last-child{display:none}.me-chip{padding:3px}.hero{padding:20px}.hero button{width:100%}.seat-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.slot{min-height:150px}.waiting-actions button{flex:1 1}.invite-row{flex-wrap:wrap}.invite-row input{flex:1 1 100%}.invite-row button{flex:1 1}.table{--card-w:52px;--card-h:73px;--small-w:34px;--small-h:48px;padding:12px 10px 10px;border-width:8px;border-radius:28px;gap:10px}.table:before{inset:-8px;border-radius:28px}.table-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"left top right" "center center center";gap:6px}.seat{flex-direction:column;text-align:center;gap:4px;padding:8px 4px}.seat-top{min-width:0;justify-self:stretch}.seat-info{justify-items:center;width:100%}.seat-name{font-size:12.5px;max-width:100%}.seat .avatar{width:34px!important;height:34px!important;font-size:14px!important}.mini-back{width:9px;height:14px}.mini-back+.mini-back{margin-left:-6px}.seat-meta .tag{font-size:10px;padding:0 6px}.piles{gap:10px;justify-content:flex-start}.pile{padding:4px}.chip{font-size:12px;padding:3px 8px}.turn-banner{font-size:13px;white-space:normal}.me-bar .hint,.pile-hint{display:none}.controls{position:-webkit-sticky;position:sticky;bottom:0;z-index:30;margin:0 -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(7,18,13,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px}.ctl{justify-content:center;padding:10px 4px;font-size:13.5px;gap:4px}.ctl .ico{display:none}}@media (prefers-reduced-motion:reduce){:after,:before,:not(.ring-progress){animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}