body.is-playing{background:#173e32;overflow:hidden}.is-playing .shell{max-width:none;padding:0}.is-playing .topbar,.is-playing .footer{display:none}.table-layout{height:100vh;height:100dvh;max-height:100dvh;display:grid;grid-template-rows:48px 75px minmax(90px,1fr) 55px minmax(110px,2.2fr) auto;color:#fff9e9;background:radial-gradient(ellipse at 50% 30%,#2c5c46,#173e32 70%);padding:0 max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));gap:7px}.table-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff24}.table-header h1{font-size:19px;letter-spacing:-.5px;margin:0;flex:1}.table-header .link,.hand-heading .link{color:#f5dfad;padding:8px;min-height:40px}.table-opponents{display:flex;justify-content:space-around;gap:5px;overflow-x:auto;align-items:start;padding:2px 0}.seat{border:1px solid #ffffff24;border-radius:10px;padding:7px 10px;text-align:center;font-size:11px;min-width:82px;position:relative}.seat strong{display:block;font-size:12px;margin-bottom:4px}.seat span{white-space:nowrap;color:#bdcbb5}.active-seat{border-color:#e4be70;background:#48734b;box-shadow:0 0 0 2px #e4be7033}.active-seat:before{content:'●';color:#ffd990;position:absolute;top:-3px;right:4px}.mini-backs{display:flex;justify-content:center;gap:3px;margin-top:5px}.mini-backs i{font-style:normal;border:1px solid #bdcbb560;padding:1px 5px;border-radius:2px;font-size:8px}.table-middle{display:flex;justify-content:center;align-items:center;gap:20px;min-height:0}.deck-zone{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#cbdbbe}.deck-zone>.playing-card,.deck-zone .playing-card{width:51px;height:73px}.discard-card{padding:0;background:transparent;border:0}.discard-card:disabled{opacity:1;cursor:default}.discard-card .playing-card{margin:0}.discard-zone{border:1px dashed #cbdbbe65;border-radius:12px;padding:5px;min-width:74px}.table-status{text-align:center;font-size:12px;line-height:1.4;color:#ffe6b0;overflow:auto;padding:0 8px}.table-status small{display:block;font-size:11px;color:#b9d0ab;margin-top:4px}.hand-area{background:#ffffff08;border-radius:12px;min-height:0;overflow:auto;position:relative}.hand-heading{display:flex;align-items:center;justify-content:space-between;color:#dce7cb;font-size:11px;padding:0 10px;min-height:36px;position:sticky;top:0;background:#204333;z-index:2}.my-hand{justify-content:center;align-content:start;gap:4px;padding:12px 5px 9px;min-height:75px}.my-hand .playing-card{width:43px;height:62px;font-size:15px;padding:5px;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .15s}.my-hand .playing-card .pip{font-size:21px}.my-hand .playing-card .bottom{font-size:10px}.my-hand .playing-card.selected{transform:translateY(-6px);outline:2px solid #edc978}.table-controls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-height:53px;background:#122c24;border-radius:12px;padding:7px}.table-controls button{min-height:43px;padding:9px 12px;font-size:12px;background:#e3bd73;color:#173e32}.table-controls .secondary{background:#ffffff18;color:#f6e6c7}.table-controls label{display:flex;align-items:center;gap:5px;font-size:11px}.table-controls select{max-width:65px;padding:6px}.gesture-hint,.waiting-turn{font-size:12px;text-align:center;color:#cfddc0}.own-exposed{font-size:11px;padding:6px 10px;color:#d3ddc5}.exposed-hand{display:flex;gap:3px;flex-wrap:wrap;padding:6px}.exposed-hand .playing-card{width:33px;height:47px;font-size:11px;padding:3px}.exposed-hand .pip{font-size:16px}.exposed-hand .bottom{display:none}.seat details .exposed-hand{position:fixed;top:120px;left:12px;right:12px;z-index:4;background:#173e32;border:1px solid #dfbd79;border-radius:10px}dialog{border:1px solid #dfdecf;border-radius:18px;background:#fffaf0;color:#173e32;max-width:min(90vw,650px);max-height:80vh;overflow:auto;padding:22px;line-height:1.6}dialog::backdrop{background:#05140ebd}.drag-ghost{position:fixed;z-index:99;pointer-events:none;opacity:.95;transform:rotate(5deg);box-shadow:0 15px 35px #0008}.drop-hover{outline:3px solid #e7bd66;background:#c3a96a30}.card-arrival{animation:arrival .6s ease-out}.bot-card-move{animation:flip .7s ease-out}@keyframes arrival{from{opacity:.2;transform:translateY(-20px) rotate(-10deg)}to{opacity:1;transform:none}}@keyframes flip{from{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}.is-playing #toast{bottom:78px}.room-lobby .fields{max-width:600px}.room-code{font-size:28px;letter-spacing:5px;font-weight:bold}.room-players{display:flex;flex-wrap:wrap;gap:12px}.room-players>div{background:#edf2e8;padding:12px;border-radius:12px}.network-state{font-size:11px;color:#718078}html[lang=ne] h1,html[lang=ne] h2{letter-spacing:0}html[lang=ne] .eyebrow{letter-spacing:0}.table-layout .note{color:#173e32}@media(min-width:761px){.table-layout{max-width:1000px;margin:auto;grid-template-rows:54px 90px minmax(115px,1fr) 50px minmax(140px,1.6fr) auto;padding:0 25px 18px}.my-hand .playing-card{width:61px;height:88px;font-size:20px;padding:8px}.my-hand .playing-card .pip{font-size:28px}.deck-zone>.playing-card,.deck-zone .playing-card{width:61px;height:88px}.table-controls button{font-size:14px}}@media(max-height:620px){.table-layout{grid-template-rows:42px 52px 85px 36px minmax(70px,1fr) auto;gap:3px}.mini-backs{display:none}.my-hand .playing-card{width:38px;height:52px}.hand-heading{min-height:30px}.table-status{font-size:11px}.deck-zone>.playing-card,.deck-zone .playing-card{width:43px;height:60px}.table-controls button{min-height:38px;padding:7px;font-size:11px}}@media(prefers-reduced-motion:reduce){.card-arrival,.bot-card-move{animation:none}}
@media(max-height:480px){.table-layout{grid-template-rows:38px 43px 56px 28px minmax(40px,1fr) auto;gap:3px}.table-header h1{font-size:16px}.table-controls{min-height:40px;padding:4px}.table-controls button{min-height:35px;font-size:10px;padding:6px}.table-middle .playing-card{height:40px;width:32px;font-size:11px;padding:3px}.table-middle .pip{font-size:16px}.table-middle .bottom{display:none}.deck-zone{gap:2px;font-size:9px}.seat{padding:4px 7px}.seat strong{font-size:10px}.seat span{font-size:9px}}
.stock-card,.discard-card{touch-action:none;user-select:none;-webkit-user-select:none}

.active-seat{border:2px solid #ffcf65!important;background:#355f48!important;box-shadow:0 0 0 2px #ffd36940}.active-hand{box-shadow:inset 0 0 0 2px #ffd369;border-radius:12px}.turn-banner{display:block;color:#ffdb80;font-size:14px}.turn-banner.my-turn{color:#fff0b7}.recent-discards{display:flex;gap:10px;overflow:auto;white-space:nowrap;font-size:11px}.public-melds{max-width:180px}.exposed-hand{display:flex;gap:2px;overflow:auto}.public-melds .playing-card{flex-shrink:0;width:26px;height:38px;font-size:10px;padding:2px}.public-melds .playing-card .pip{font-size:12px}.public-melds .playing-card .bottom{display:none}.seat{overflow:auto}.table-status{overflow:auto}.sort-mode{display:flex;padding:2px;gap:2px;background:#183f30;border:1px solid #bfa66d;border-radius:20px;font-size:11px}.sort-mode span{padding:5px 8px;border-radius:16px}.sort-mode .chosen{background:#f0c775;color:#203b2e}.own-exposed{font-size:11px}

.table-layout{grid-template-rows:46px 82px 105px 68px minmax(90px,1fr) auto}@media(min-width:761px){.table-layout{grid-template-rows:54px 108px minmax(115px,1fr) 75px minmax(140px,1.6fr) auto}}@media(max-height:620px){.table-layout{grid-template-rows:42px 68px 75px 62px minmax(60px,1fr) auto}}

.public-melds>span{display:none}.public-melds .exposed-hand{padding-top:3px}
.seat{padding:6px 8px}.seat .public-melds .playing-card{height:32px}