@charset "UTF-8";
:root{color-scheme:light;--ink:#203a33;--muted:#73827b;--paper:#f6f5f0;--green:#235847;--gold:#dfbd80;--line:#dfe5dc;--red:#ac4d40;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:11px 17px;background:white;color:var(--ink);font-size:14px;transition:background .15s,transform .15s}button:hover{background:#ecf0e9}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:default;transform:none}button:focus-visible,a:focus-visible{outline:3px solid #a1c1a4;outline-offset:3px}input,select{min-width:0;width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fff;outline:none;font-size:16px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #23584710}label{display:grid;gap:8px;font-size:13px;color:#5f7268}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.topbar{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 40px;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;gap:12px;align-items:center;font-size:21px;letter-spacing:1px;font-weight:700}.brand-icon{display:grid;place-items:center;width:43px;height:47px;border-radius:12px;background:var(--green);color:var(--gold);font-size:30px;box-shadow:0 4px 10px #173e2515}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:4px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:18px}.text-button{border:0;background:transparent;padding:8px;font-size:13px}.connection{font-size:11px;color:var(--muted);white-space:nowrap}.connection::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#99a59c;margin-right:6px}.connection.online::before{background:#4c9a66}.connection.offline{color:#b97548}.page-footer{max-width:1360px;margin:25px auto;padding:0 25px;color:#9aa49b;display:flex;justify-content:space-between;font-size:11px;gap:12px}.loading{text-align:center;padding:100px;color:var(--muted)}#app{max-width:1360px;margin:0 auto;padding:36px 32px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--muted);font-weight:600}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.hero h1{font-size:34px;font-weight:600;letter-spacing:2px;margin:12px 0}.hero p{font-size:14px;color:var(--muted);line-height:1.9}.hero-cards{display:flex;align-items:center;margin-right:35px}.hero-cards .card:nth-child(1){transform:rotate(-15deg) translateX(20px)}.hero-cards .card:nth-child(2){transform:translateY(-8px);z-index:2}.hero-cards .card:nth-child(3){transform:rotate(15deg) translateX(-20px)}.lobby-grid{display:grid;grid-template-columns:360px 1fr;gap:26px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.panel-title h2{font-size:19px;font-weight:600}.panel-title small{font-size:11px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-stack{display:grid;gap:19px}.check-row{display:flex;align-items:center;gap:9px;font-size:13px}.check-row input{width:17px;height:17px;accent-color:var(--green)}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#306d58}.gold{background:var(--gold);border-color:var(--gold);color:#332c21;font-weight:600}.gold:hover{background:#edce96}.danger{color:var(--red)}.wide{width:100%}.hint{font-size:12px;color:var(--muted);line-height:1.8}.join-row{display:flex;gap:10px;margin-bottom:20px}.join-row input{max-width:240px;text-transform:uppercase;letter-spacing:3px}.room-list{display:grid;gap:12px}.room-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;text-align:left;background:#fbfcf9;border-radius:12px}.room-item strong{font-size:16px;font-weight:600}.room-item .meta{display:flex;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:#eaf2e8;color:#4a7354;font-size:11px;font-weight:400}.empty{padding:55px 20px;text-align:center;color:var(--muted);font-size:13px;line-height:2}.empty .suit{display:block;font-size:45px;color:#cbd7c9;margin-bottom:8px}.login{max-width:440px;margin:7vh auto;padding:35px}.login h1{font-size:27px;margin:20px 0 12px}.login .brand-icon{width:56px;height:60px;font-size:40px}.login form{display:grid;gap:15px;margin-top:25px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.room-heading h1{font-size:25px;letter-spacing:1px}.room-heading .meta{display:flex;gap:12px;align-items:center;margin-top:7px;color:var(--muted);font-size:12px}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.table-wrap{border:1px solid #264c3d;border-radius:24px;background:radial-gradient(ellipse at 50% 35%,#2a6050,#153e32 75%);padding:24px;position:relative;overflow:hidden;min-height:460px;box-shadow:0 10px 25px #183e2512;color:#ecf0e4}.table-wrap::before{content:"";position:absolute;inset:13px;border:1px solid #c5bc8420;border-radius:17px;pointer-events:none}.table-label{display:flex;justify-content:space-between;font-size:10px;color:#a2baac;letter-spacing:2px;margin-bottom:22px;position:relative}.seat-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;z-index:1}.seat{min-width:0;background:#12352a88;border:1px solid #98b39a24;border-radius:13px;padding:12px 10px;position:relative}.seat.current{border-color:var(--gold);box-shadow:0 0 0 2px #e3bb7330;background:#315d4b}.seat.folded{opacity:.52}.seat .name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:7px}.seat .status{font-size:10px;color:#afc4b4;display:flex;justify-content:space-between;gap:3px;margin-top:7px}.seat .chips{font-size:17px;font-weight:600;color:#e9d4a7;font-variant-numeric:tabular-nums}.seat small{font-size:10px;color:#a6bba9;font-weight:400}.seat .host{color:#d9bd89}.seat.empty-seat{border-style:dashed;background:transparent;display:flex;align-items:center;justify-content:center;color:#8faa99;min-height:80px;font-size:12px}.seat-cards{display:flex;gap:3px;margin-top:10px}.card{display:inline-flex;flex-direction:column;justify-content:space-between;background:#f9f6ea;width:70px;height:99px;border-radius:7px;padding:8px 9px;color:#1a3730;font-family:Georgia,serif;box-shadow:0 3px 8px #0002;border:1px solid #e6e4d3;flex-shrink:0}.card.red{color:#b34d3d}.card b{font-size:25px;font-weight:600;line-height:1}.card i{font-style:normal;font-size:31px;align-self:center}.card.back{background:repeating-linear-gradient(45deg,#214f40,#214f40 5px,#2c594b 5px,#2c594b 6px);border:3px solid #d3d9c3;justify-content:center;align-items:center;color:#dbc386}.card.back b{font-size:31px}.mini .card{width:25px;height:35px;padding:2px;border-radius:3px}.mini .card b{font-size:12px}.mini .card i{font-size:12px;line-height:1}.mini .card.back{border-width:1px}.mini .card.back b{font-size:15px}.pot-zone{position:relative;text-align:center;padding:28px 8px 24px}.pot-caption{font-size:11px;color:#afc3b4;letter-spacing:3px}.pot{font-family:Georgia,serif;font-size:56px;line-height:1.15;color:#edd4a1;font-variant-numeric:tabular-nums;margin:7px 0}.pot-meta{display:flex;justify-content:center;gap:25px;font-size:12px;color:#a9c1af}.pot-meta b{color:#e7eddc;margin-left:7px}.turn-status{display:inline-block;font-size:12px;margin-top:18px;padding:8px 18px;background:#0b2a2166;border-radius:30px;color:#cfdfcc}.turn-status.mine{color:#f5d393;border:1px solid #d1b77944}.waiting-center{position:relative;text-align:center;padding:38px 0 15px}.waiting-center .big-suit{font-size:50px;color:#cdb985}.waiting-center h2{font-size:21px;margin:8px 0 10px;font-weight:500}.waiting-center p{color:#9fb8a6;font-size:12px;line-height:1.8}.waiting-center button{margin-top:25px;min-width:170px}.hand-dock{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 8px 13px}.my-hand{display:flex;gap:8px}.hand-copy{flex:1}.hand-copy h3{font-size:14px;margin-bottom:7px}.hand-copy p{font-size:12px;line-height:1.8;color:var(--muted)}.action-bar{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}.action-bar button{flex:1;min-width:75px;font-weight:500}.action-bar .action-label{width:100%;font-size:12px;color:var(--muted);margin-bottom:3px}.sidebar{display:grid;gap:16px}.sidebar .panel{padding:19px}.sidebar h2{font-size:14px;font-weight:600;margin-bottom:14px}.score-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;padding:9px 0;border-bottom:1px solid #f0f2ec}.score-row:last-child{border:0}.score-row .positive{color:#387a50}.score-row .negative{color:var(--red)}.score-row .score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.chat-feed{height:215px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.chat-feed b{color:#638572;font-size:11px;display:block;font-weight:500}.chat-feed .system{color:#9ca49b;font-size:11px}.chat-form{display:flex;gap:7px;margin-top:13px}.chat-form input{font-size:13px;padding:10px}.chat-form button{padding:9px}.log-feed{max-height:150px;overflow-y:auto;font-size:11px;line-height:1.9;color:var(--muted)}.result{border:1px solid #dacaac;border-radius:13px;background:#f5eedf;padding:18px;margin-top:18px}.result h2{font-size:18px;margin-bottom:7px}.result p{font-size:12px;line-height:1.8;color:#86714e}.history{margin-top:15px;font-size:12px}.history summary{cursor:pointer;color:var(--muted)}.history p{padding-top:8px;line-height:1.8}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.tools button{font-size:12px;padding:8px 12px}.rules-chip{font-size:11px;color:#a5b6a7}.share-box{display:flex;gap:8px;align-items:center}.share-box input{font-size:13px}dialog{border:1px solid var(--line);border-radius:19px;padding:28px;width:min(490px,calc(100% - 30px));color:var(--ink);box-shadow:0 30px 90px #0003;max-height:85vh}dialog::backdrop{background:#0b241d88;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:14px}dialog p{font-size:13px;line-height:1.95;color:#657769;margin:10px 0}dialog form{display:grid;gap:16px}dialog .dialog-buttons{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}dialog .choice-list{display:grid;gap:10px}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#223f34;color:white;box-shadow:0 5px 30px #0002;padding:14px 22px;border-radius:10px;max-width:90%;font-size:13px;z-index:100;line-height:1.7}.error-text{color:var(--red);font-size:12px;line-height:1.8}.seat-kick{padding:3px 6px;margin-top:6px;font-size:10px;color:#e8cfa9;background:transparent;border-color:#92aa9155}.back-link{font-size:12px;color:var(--muted);margin-bottom:15px;display:inline-block}.small-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:11px}
@media(min-width:1450px){#app{padding-top:45px}.table-wrap{min-height:510px}.seat{padding:16px 12px}.pot-zone{padding-top:40px}}
@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr) 245px}.lobby-grid{grid-template-columns:320px 1fr}.table-wrap{padding:20px}.seat-grid{gap:7px}.seat{padding:10px 7px}.topbar{padding:19px 25px}#app{padding:28px 22px}.room-heading h1{font-size:22px}}
@media(max-width:760px){.topbar{padding:15px 17px}.brand{font-size:18px;gap:9px}.brand small{font-size:9px;letter-spacing:1px}.brand-icon{width:36px;height:40px;font-size:27px}.top-actions{gap:6px}.connection{font-size:10px}.text-button{font-size:11px}.hero h1{font-size:27px}.hero p{font-size:12px}.hero-cards{margin-right:0}.hero-cards .card{width:45px;height:64px;padding:5px}.hero-cards .card b{font-size:18px}.hero-cards .card i{font-size:20px}#app{padding:22px 15px}.lobby-grid{grid-template-columns:1fr}.hero{margin-bottom:22px;gap:10px}.panel{padding:21px}.game-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.room-heading{align-items:flex-start}.room-heading h1{font-size:20px;max-width:210px;overflow-wrap:anywhere}.room-actions button{font-size:12px;padding:9px 11px}.room-heading .meta{font-size:10px;gap:7px;flex-wrap:wrap}.table-wrap{border-radius:19px;padding:20px 13px 15px;min-height:390px}.table-wrap::before{inset:8px}.table-label{font-size:9px;letter-spacing:1px;margin-bottom:15px}.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.seat{padding:9px 6px;border-radius:9px}.seat .name{font-size:11px}.seat .chips{font-size:14px}.seat .status{font-size:9px;flex-wrap:wrap}.seat small{font-size:9px}.seat-cards{gap:2px}.mini .card{width:19px;height:28px}.mini .card b{font-size:10px}.mini .card i{font-size:10px}.pot-zone{padding:22px 5px 14px}.pot{font-size:46px}.pot-meta{gap:14px;font-size:11px}.turn-status{margin-top:13px;font-size:11px;padding:7px 12px}.hand-dock{padding:18px 1px 14px;gap:13px}.my-hand{gap:5px}.my-hand .card{width:52px;height:74px;padding:6px}.my-hand .card b{font-size:21px}.my-hand .card i{font-size:25px}.hand-copy p{font-size:11px}.action-bar{gap:7px}.action-bar button{padding:13px 10px;font-size:13px}.sidebar .panel{padding:19px}.chat-feed{height:160px}.page-footer{font-size:10px;display:block;text-align:center;line-height:2}.page-footer span{display:block}.waiting-center{padding-top:26px}.hero-cards .card:nth-child(1){transform:rotate(-15deg) translateX(16px)}.hero-cards .card:nth-child(3){transform:rotate(15deg) translateX(-16px)}.login{margin:35px auto}.action-bar{position:sticky;bottom:0;background:var(--paper);padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:5}.result{margin-top:10px}.score-row{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.chat-form button{white-space:nowrap;flex-shrink:0}

/* 后周炸炸炸 · 1.1: warm paper, deep jade, cinnabar accents. */
:root{--paper:#f5f1e8;--ink:#233a32;--muted:#647369;--line:#deded1;--green:#254f40;--gold:#e9c88c;--red:#a64235}
body{background:radial-gradient(ellipse at 88% 0%,#eadcc9a8,transparent 42%),var(--paper);line-height:1.5}button{min-height:44px}button:disabled{opacity:.58}.skip-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:white;padding:12px 20px;z-index:200;border-radius:8px}.skip-link:focus{top:12px}.topbar{padding-top:21px;padding-bottom:21px}.brand-icon{font-family:serif;background:#9d4436;color:#fff4d7;border-radius:11px 5px 11px 5px;box-shadow:inset 0 0 0 3px #9d4436,inset 0 0 0 4px #fff4d780;transform:rotate(-4deg);font-size:26px}.brand{letter-spacing:.5px}.brand small{letter-spacing:1px}.hero{padding:24px 12px 34px;border-bottom:1px solid var(--line);margin-bottom:30px}.hero h1{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1px;font-weight:750}.hero .eyebrow{color:#a15c42;letter-spacing:2.5px}.hero-cards{filter:drop-shadow(0 10px 9px #293d3215)}.panel{box-shadow:0 4px 20px #384c3205;background:#fffefb;border-radius:18px}.panel-title h2{letter-spacing:-.4px}.primary{box-shadow:0 3px 8px #23493416}.room-item{background:#f8f8f2;border-color:#e5e6da;min-height:86px}.room-item:not(:disabled):hover{border-color:#9ba996;background:#f0f3e9;box-shadow:0 4px 12px #314b3210}.room-item:disabled{cursor:not-allowed}.room-item>span:first-child{min-width:0}.room-item strong{display:block;overflow-wrap:anywhere}.room-item .meta{flex-wrap:wrap;gap:5px 12px}.pill{flex-shrink:0}.login{border-top:4px solid #a2523f}.table-wrap{background:radial-gradient(ellipse at 50% 25%,#346b55,#173e31 75%);box-shadow:0 12px 35px #173d3219,inset 0 0 0 5px #102f261f}.table-label{color:#c0cbbb;letter-spacing:1px}.seat{transition:border-color .2s,background .2s}.seat.self{border-bottom:3px solid #c7ba8c}.seat.current{box-shadow:0 0 0 2px #e3bb7344,0 4px 18px #0002}.seat.current .name{color:#ffe1a6;font-weight:700}.seat .away{color:#e0b59d}.seat.folded{opacity:.65}.seat-cards{justify-content:flex-start}.pot-caption{color:#c4d0bd}.pot{font-variant-numeric:tabular-nums;letter-spacing:-1px}.hand-dock{border-radius:15px}.hand-copy h3{font-size:17px}.my-hand .card{box-shadow:0 5px 12px #243c3218}.turn-status.urgent{background:#893e30;color:#fff3d8;border-color:#edb798}.turn-status.urgent #countdown{font-weight:800}.result{background:#fff9e9;border-color:#ddc497;padding:20px}.result h2{font-size:20px}.result-hands{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #e5d7b8;margin-top:13px;padding-top:13px}.reveal-player{min-width:90px;display:grid;gap:4px}.reveal-player strong{font-size:12px;overflow-wrap:anywhere}.reveal-player>span{font-size:11px;color:#6d674f}.result-hands .seat-cards{margin-top:2px}.result-hands .mini .card{width:32px;height:45px;padding:3px}.result-hands .mini .card b{font-size:15px}.result-hands .mini .card i{font-size:17px}.connection.offline{color:#9c492e}.page-footer{color:#737b70}.small-note{color:#68756a}.chat-feed .system{color:#737e71}dialog{background:#fffef9;overscroll-behavior:contain}dialog h2{overflow-wrap:anywhere}.choice-list button{text-align:left;padding:15px}.action-bar button{min-height:48px}.action-bar .primary{flex:1.6}.score-row{font-variant-numeric:tabular-nums}.back-link{min-height:36px}#toast{bottom:max(25px,env(safe-area-inset-bottom));pointer-events:none}
@media(max-width:760px){.hero{padding:7px 0 23px;gap:6px}.hero h1{font-size:29px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-cards{margin-right:0}.topbar{gap:6px;padding:14px 15px}.brand{font-size:17px}.brand small{font-size:8px;letter-spacing:0}.top-actions{gap:1px}.top-actions .text-button{padding:7px 4px}.connection{max-width:75px;overflow:hidden;text-overflow:ellipsis}.lobby-grid{gap:19px}.join-row{gap:7px}.join-row button{white-space:nowrap;padding:10px}.room-item{padding:14px;gap:7px}.room-item strong{font-size:15px}.pill{font-size:10px;padding:4px 6px}.seat .name{line-height:1.7}.hand-copy h3{font-size:15px}.action-bar{border-radius:15px 15px 0 0;border:1px solid #deded1;border-bottom:0;margin-top:6px;padding:12px 10px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px #243b3210;background:#fcfaf4}.action-bar .action-label{font-size:11px}.result h2{font-size:18px}.result-hands{gap:12px}.game-layout{gap:20px}#toast{bottom:max(115px,calc(env(safe-area-inset-bottom) + 105px))}.room-heading h1{max-width:100%}.room-heading>div:first-child{min-width:0}.room-actions{flex-shrink:0}}
@media(max-width:380px){.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-cards.mini .card{width:24px;height:33px}.hero-cards .card{width:35px;height:53px}.hero h1{font-size:25px}.brand small{display:none}.hand-dock{gap:9px}.my-hand .card{width:43px;height:64px}.top-actions .connection{font-size:9px}.table-label{letter-spacing:0}.field-grid{gap:12px}.login{padding:24px}}

.share-box button{white-space:nowrap;flex-shrink:0}.share-box input{flex:1;min-width:0}@media(max-width:380px){dialog{padding:22px}.share-box{gap:6px}.share-box button{padding:10px}}

.current-rules{padding:13px 16px;border-radius:10px;background:#eef2e7;border:1px solid #d9e1d0}@media(max-width:760px){.seat .name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;line-height:17px;overflow-wrap:anywhere}.seat .status{min-height:28px;align-content:flex-start}.seat-kick{min-height:30px}}

.connection-error{max-width:560px;margin:8vh auto;text-align:center;padding:40px 26px}.connection-error h1{font-size:26px;margin:16px 0}.connection-error p{font-size:14px;line-height:1.9;color:var(--muted)}.connection-error button{margin:24px 0 16px;min-width:170px}.connection-error .hint{font-size:12px}

/* Compact phone navigation and readable, reachable controls. */
.password-field{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
.password-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #23584718}
.password-field input{flex:1;border:0;box-shadow:none;min-width:0}
.password-field button{flex-shrink:0;border:0;border-left:1px solid var(--line);border-radius:0;font-size:12px;padding:10px}
.hand-dock:empty,.action-bar:empty{display:none}
.log-feed{overflow-wrap:anywhere}
.login .eyebrow{margin-top:12px}
.dialog-buttons{flex-wrap:wrap}
dialog{max-height:85dvh;overflow-y:auto}
.chat-form input{font-size:16px}
.seat-kick{min-width:44px;min-height:44px}
@media(max-width:760px){
  .hero{position:relative;display:block;padding-bottom:25px}
  .hero h1{font-size:clamp(24px,7vw,29px);letter-spacing:-.5px;white-space:nowrap}
  .hero p{padding-right:100px}
  .hero-cards{position:absolute;right:0;bottom:24px;transform:scale(.75);transform-origin:right bottom;pointer-events:none}
  .room-heading{flex-wrap:wrap;gap:12px}
  .room-heading>div:first-child{flex:1 1 210px}
  .room-actions{margin-left:auto}
  .mini .card{flex-shrink:1;min-width:0}
  .seat-kick{min-height:44px}
  .table-wrap{min-height:0}
  .waiting-center{padding-bottom:10px}
  .action-bar .hint{width:100%}
  .action-bar:has(button){scroll-margin-bottom:20px}
  .share-box input{font-size:16px}
}
@media(max-width:380px){
  .hero p{padding-right:85px}
  .seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seat{padding:10px}
  .seat .name{min-height:17px}
  .seat .status{min-height:17px}
}

#app:focus{outline:none}
.lobby-grid{grid-template-columns:minmax(0,1fr) 360px}
@media(min-width:761px) and (max-width:1000px){.lobby-grid{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:760px){.lobby-grid{grid-template-columns:1fr}}