/* Thirteen-water surfaces are independent of the Hold'em table geometry. */
html.on-thirteen-table, html.on-thirteen-table body { overflow:auto; overscroll-behavior:auto; background:#12382f; }
.game-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.game-choice { display:flex; flex-wrap:wrap; align-items:center; text-align:left; overflow:hidden; min-width:0; padding:0 20px 20px; background:#fff; color:#202625; border:1px solid #d9e2df; border-radius:8px; gap:12px; }
.game-choice .game-art { width:calc(100% + 40px); flex:none; margin:0 -20px 8px; height:170px; position:relative; background:#185c49; overflow:hidden; display:block; }
.game-choice.holdem .game-art { background:#66394b; }
.game-choice-copy { flex:1; display:grid; gap:6px; min-width:0; }
.game-choice-copy b { font-size:22px; }
.game-choice-copy small { font-size:13px; color:#64716c; }
.game-choice > svg { width:22px; }
.art-card { position:absolute; left:calc(50% - 60px); top:28px; width:66px; height:95px; padding:8px; border-radius:5px; background:#fff; color:#24352f; font:bold 26px Georgia,serif; transform:rotate(-14deg); box-shadow:0 5px 12px #0003; }
.art-card small { display:block; font-size:22px; }.art-card.second { left:50%; top:38px; transform:rotate(14deg); color:#b4404e; }
.art-chip { position:absolute; left:calc(50% - 16px); top:100px; width:48px; height:48px; display:grid; place-items:center; background:#f7e9ac; border:5px dashed #9c5267; border-radius:50%; color:#643949; font-size:22px; }
.art-thirteen { position:absolute; left:calc(50% - 90px); top:37px; font:bold 70px Georgia,serif; color:#f2e6b8; }
.art-rows { position:absolute; left:50%; top:40px; display:grid; gap:8px; }.art-rows i { font-style:normal; font-size:16px; padding:2px 6px; background:#fff; border-radius:3px; color:#215140; white-space:nowrap; transform:rotate(-7deg); }
.game-tag { display:inline-block; margin:0 8px 7px 0; font-size:12px; font-weight:700; padding:3px 7px; border-radius:3px; }.game-tag.thirteen { background:#def1e7; color:#145b42; }.game-tag.holdem { background:#f4e4eb; color:#7b3955; }
.tw-rule-toggles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; }.tw-rule-toggles .live-checkbox { margin:8px 0; }
.tw-screen { --tw-card-width:48px; min-height:100dvh; max-width:980px; margin:auto; color:#f0f6ee; background:#144c3e; padding:0 22px env(safe-area-inset-bottom); letter-spacing:0; }
.tw-screen *, .tw-showdown * { box-sizing:border-box; letter-spacing:0; }
.tw-screen button,.tw-showdown button { font:inherit; cursor:pointer; color:inherit; }.tw-screen button:disabled { opacity:.45; cursor:default; }
.tw-hand-dock { background:#273330; margin:3px -22px -14px; padding:10px 22px 14px; }
.tw-screen svg,.tw-showdown svg { width:19px; height:19px; stroke-width:1.8; flex:none; }
.tw-header { display:flex; align-items:center; gap:8px; padding:14px 22px; margin:0 -22px; background:#222d2b; border-bottom:1px solid #ffffff21; min-height:75px; }
.tw-title { flex:1; min-width:0; display:grid; gap:5px; }.tw-title b { font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tw-title span { font-size:11px; color:#c6d8cf; }
.tw-tool { display:grid; place-items:center; border:0; background:transparent; width:36px; height:38px; flex:none; border-radius:4px; }.tw-tool:hover { background:#ffffff15; }
.tw-connection { font-size:11px; color:#f5d082; }.tw-connection.connected { color:#a6d8bb; }
.tw-rule-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 0; color:#c0d9ca; font-size:12px; }
.tw-rule-bar button { display:flex; gap:2px; align-items:center; border:0; background:none; font-size:12px; }
.tw-seats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:10px 0 16px; }
.tw-seat { position:relative; display:grid; justify-items:center; gap:4px; min-width:0; background:none; border:0; color:inherit; padding:4px; border-bottom:2px solid transparent; border-radius:0; }.tw-seat.is-self { border-bottom-color:#efcd79; }.tw-seat.is-submitted { border-bottom-color:#80c99c; }
.tw-avatar { position:relative; width:42px; height:42px; display:grid; place-items:center; background:#e2eee7; color:#164a39; border-radius:50%; }.tw-avatar img,.tw-avatar .avatar-fallback { width:100%; height:100%; border-radius:50%; object-fit:cover; }.tw-avatar .avatar-fallback { display:grid; place-items:center; }
.tw-seat b { max-width:100%; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.tw-seat strong { font-size:15px; color:#f3db9b; }.tw-seat small { font-size:10px; color:#c0d6ca; white-space:nowrap; }
.tw-online { width:8px; height:8px; border-radius:50%; background:#7c8582; border:1px solid #154b3b; position:absolute; right:0; bottom:1px; }.tw-online.online { background:#86d5a3; }
.tw-table-area { padding:8px 0 14px; border-top:1px solid #ffffff16; }
.tw-arrange-status { display:flex; justify-content:space-between; gap:8px; padding:7px 0 13px; font-size:13px; }.tw-arrange-status > span { font-variant-numeric:tabular-nums; color:#f1d593; }
.tw-lanes { display:grid; gap:8px; }.tw-lane { display:grid; grid-template-columns:54px minmax(0,1fr) 65px; gap:10px; align-items:center; padding:8px 10px; min-height:88px; background:#103e3266; border-left:3px solid transparent; border-bottom:1px solid #ffffff14; }.tw-lane.selected { border-left-color:#efce7e; background:#205c4977; }
.tw-lane-label { display:grid; gap:4px; justify-items:start; align-content:center; height:68px; border:0; background:none; padding:0; }.tw-lane-label b { font-size:14px; }.tw-lane-label small { font-size:11px; color:#b5cfc0; }
.tw-lane-cards { display:flex; justify-content:flex-start; gap:6px; min-width:0; }.tw-hand-name { font-size:12px; text-align:right; color:#f0d895; }
.tw-card-button { position:relative; background:transparent; padding:0; border:0; border-radius:4px; width:var(--tw-card-width); height:calc(var(--tw-card-width) * 1.42); flex:none; transition:transform .12s; touch-action:manipulation; }.tw-card-button:hover:not(:disabled) { transform:translateY(-3px); }
.tw-screen .playing-card,.tw-result-cards .playing-card,.tw-reveal-cards .playing-card { width:var(--tw-card-width); height:calc(var(--tw-card-width) * 1.42); min-width:0; border-radius:4px; background:#fffefa; color:#20302d; flex:none; box-shadow:0 2px 3px #0002; }
.tw-screen .playing-card.red,.tw-result-cards .playing-card.red,.tw-reveal-cards .playing-card.red { color:#c34250; }
.tw-screen .card-face,.tw-result-cards .card-face,.tw-reveal-cards .card-face { background:#fffefa; border-radius:4px; padding:4px; }
.tw-screen .card-rank,.tw-result-cards .card-rank,.tw-reveal-cards .card-rank { font:700 17px/1 Georgia,serif; }.tw-screen .card-face small,.tw-result-cards .card-face small,.tw-reveal-cards .card-face small { font-size:13px; line-height:1; }
.tw-screen .card-pip,.tw-result-cards .card-pip,.tw-reveal-cards .card-pip { font-size:21px; right:4px; bottom:4px; }
.tw-screen .card-face > small,.tw-result-cards .card-face > small,.tw-reveal-cards .card-face > small { display:none; }
.tw-screen .card-pip,.tw-result-cards .card-pip,.tw-reveal-cards .card-pip { left:50%; right:auto; transform:translateX(-50%); bottom:5px; }
.tw-card-slot { display:block; width:var(--tw-card-width); height:calc(var(--tw-card-width) * 1.42); border:1px dashed #ffffff29; border-radius:4px; flex:none; }
.tw-joker { display:flex; flex-direction:column; padding:5px; color:#a83e5b!important; }.tw-joker b { font-size:15px; }.tw-joker span { font-size:6px; }.tw-joker i { font-style:normal; align-self:end; font-size:20px; }
.tw-validity { padding:8px 0; font-size:12px; color:#bee8c7; min-height:31px; }.tw-validity.invalid { color:#ffc8b7; }
.tw-hand-toolbar { display:flex; align-items:center; justify-content:space-between; padding:6px 0 10px; font-size:13px; }.tw-hand-toolbar b span { color:#bfcec6; }.tw-hand-toolbar > div { display:flex; gap:8px; }.tw-hand-toolbar button { display:flex; gap:5px; align-items:center; justify-content:center; min-width:32px; min-height:32px; background:transparent; border:0; padding:4px; font-size:12px; }
.tw-hand { display:grid; grid-template-columns:repeat(13,minmax(0,1fr)); gap:6px; min-height:76px; align-content:start; }.tw-hand .tw-card-button { width:100%; max-width:var(--tw-card-width); }
.tw-actions { display:flex; gap:8px; align-items:center; padding:12px 0 0; }.tw-actions > button { border:1px solid #709a82; background:#255e4b; min-height:44px; padding:9px 14px; border-radius:5px; flex:1; display:flex; align-items:center; justify-content:center; gap:6px; font-size:14px; font-weight:600; white-space:nowrap; }.tw-actions .tw-submit { background:#f1d58e; border-color:#f1d58e; color:#234336; }
.tw-special-submit { padding:10px; width:100%; background:#6e4055; border:1px solid #b98ba0; border-radius:4px; margin-top:8px; font-size:13px!important; }
.tw-between { border-top:1px solid #ffffff21; padding:10px 0 14px; font-size:12px; color:#d2e1d7; }.tw-between > span { display:block; min-height:18px; text-align:center; }
.tw-social { display:flex; gap:6px; align-items:center; border-top:1px solid #ffffff21; padding:9px 0; font-size:12px; }.tw-social > span { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#d1e0d5; }
.tw-waiting { min-height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; }.tw-waiting b { font-size:21px; color:#e8d99f; }.tw-waiting span { font-size:13px; color:#b8cdbc; }.tw-table-mark { font:700 65px Georgia,serif; color:#a7bd8c; opacity:.6; }
.tw-result-title { display:flex; justify-content:space-between; align-items:center; padding:8px 0; }.tw-result-title h2 { font-size:18px; margin:0; }.tw-result-title button { display:flex; align-items:center; gap:5px; background:none; border:0; font-size:12px; }
.tw-player-result { border-bottom:1px solid #ffffff29; padding:5px 0; }.tw-player-result summary { display:flex; justify-content:space-between; gap:10px; padding:10px 0; cursor:pointer; font-size:13px; }.tw-player-result summary > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tw-player-result summary b { white-space:nowrap; }.tw-player-result summary:before { content:'▸'; font-size:11px; }.tw-player-result[open] summary:before { content:'▾'; }
.tw-win { color:#f2d48b; }.tw-loss { color:#efaba9; }.tw-result-note { font-size:11px; color:#b7cdbe; padding:5px 0; }
.tw-result-lanes { --tw-card-width:34px; display:grid; gap:8px; }.tw-result-lanes > div { display:flex; align-items:center; gap:10px; }.tw-result-lanes > div > b { width:32px; font-size:12px; }.tw-result-lanes small { font-size:11px; }.tw-result-cards { display:flex; gap:4px; }.tw-result-cards .card-rank { font-size:13px; }.tw-result-cards .card-pip { font-size:17px; }
.tw-pairs { padding:12px 0; font-size:12px; }.tw-pairs summary { cursor:pointer; }.tw-pairs table { width:100%; margin-top:10px; border-collapse:collapse; table-layout:auto; font-size:11px; }.tw-pairs th,.tw-pairs td { padding:8px 4px; border-bottom:1px solid #ffffff20; text-align:left; }
.tw-special-name { font-size:14px; color:#e9d38e; }.tw-special-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 20px; }.tw-special-list > div { display:flex; justify-content:space-between; border-bottom:1px solid #dee4df; padding:6px 0; }.tw-special-list dd { margin:0; font-size:12px; }
.tw-special-list > div { flex-wrap:wrap; }.tw-special-list small { flex-basis:100%; font-size:11px; color:#68796d; padding:4px 0; }
.live-modal .tw-player-result { color:#263c31; border-color:#d6e1d9; }.live-modal .tw-win { color:#207344; }.live-modal .tw-loss { color:#b4434d; }.live-modal .tw-result-note { color:#64756b; }.live-modal .tw-pairs td,.live-modal .tw-pairs th { border-color:#dce6df; }
.tw-showdown { --tw-card-width:42px; position:fixed; inset:0; z-index:180; background:#0e3029f5; color:#f1f5ee; display:flex; align-items:center; justify-content:center; padding:16px; overflow:auto; backdrop-filter:blur(5px); }
.tw-showdown-inner { width:100%; max-width:540px; margin:auto; }.tw-showdown header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }.tw-showdown header small { font-size:12px; color:#bed3c3; }.tw-showdown-title { margin:6px 0; font-size:27px; color:#f0d695; }.tw-skip { display:grid; place-items:center; width:40px; height:40px; border:1px solid #638772; border-radius:4px; background:transparent; }
.tw-reveal-players { display:grid; gap:8px; }.tw-reveal-player { border:1px solid transparent; border-bottom-color:#ffffff22; padding:10px; min-height:110px; transition:background .15s; }.tw-reveal-player.speaking { background:#386d4d; border-color:#dfc383; }.tw-reveal-identity { display:flex; justify-content:space-between; gap:10px; margin-bottom:8px; font-size:13px; }.tw-reveal-identity b { max-width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.tw-reveal-name { color:#f3d18f; }
.tw-reveal-cards { display:flex; gap:5px; min-height:60px; }.tw-card-back { display:grid; place-items:center; width:var(--tw-card-width); height:calc(var(--tw-card-width) * 1.42); border:2px solid #d3d8c4; border-radius:4px; color:#c8d6ba; background:repeating-linear-gradient(45deg,#536b68,#536b68 3px,#49615e 3px,#49615e 6px); font-size:22px; }.tw-reveal-player.revealed .playing-card { animation:tw-flip .35s ease both; }.tw-special-reveal { align-self:center; font-size:22px; color:#f1d692; }
.tw-event-banner { min-height:48px; display:flex; align-items:center; justify-content:center; padding:10px 0; font-size:17px; text-align:center; color:#f4d797; overflow-wrap:anywhere; }.tw-showdown-progress { height:3px; background:#d8c285; transform-origin:left; transition:transform .3s; }
.tw-reveal-player.shot-source { background:#826740; }.tw-reveal-player.shot-target { background:#6a3544; animation:tw-shot .45s both; }.tw-showdown[data-effect="home-run"] .tw-showdown-title { animation:tw-trophy .6s ease both; color:#ffdf8f; }
.tw-confetti { position:absolute; inset:0; pointer-events:none; overflow:hidden; }.tw-confetti i { position:absolute; top:-12px; width:7px; height:12px; background:#efd286; animation:tw-confetti 1.8s ease-in both; animation-delay:calc(var(--i) * .015s); }.tw-confetti i:nth-child(3n) { background:#ea819b; }.tw-confetti i:nth-child(3n + 1) { background:#80c9b1; }
@keyframes tw-flip { from { transform:perspective(400px) rotateY(85deg); opacity:.3; } to { transform:perspective(400px) rotateY(0); opacity:1; } }
@keyframes tw-shot { 20% { transform:translateX(8px); } 45% { transform:translateX(-7px); } 75% { transform:translateX(3px); } }
@keyframes tw-trophy { from { transform:scale(.7); opacity:.4; } to { transform:scale(1); opacity:1; } }
@keyframes tw-confetti { to { top:100%; transform:translateX(calc(var(--turn) * 80px)) rotate(420deg); } }
.reduce-motion .tw-showdown *,.reduce-motion .tw-screen * { animation:none!important; transition:none!important; }.reduce-motion .tw-confetti { display:none; }
@media (prefers-reduced-motion:reduce) { .tw-showdown *,.tw-screen * { animation:none!important; transition:none!important; }.tw-confetti { display:none; } }
@media (max-width:600px) {
  .tw-header { margin:0 -12px; padding-left:12px!important; padding-right:12px!important; }.tw-hand-dock { margin:3px -12px -14px; padding:8px 12px 14px; }
  .game-choices { gap:10px; }.game-choice { padding:0 12px 14px; gap:6px; }.game-choice .game-art { width:calc(100% + 24px); margin:0 -12px 6px; height:145px; }.game-choice-copy b { font-size:19px; }.game-choice-copy small { font-size:10px; }.game-choice > svg { width:17px; }.art-thirteen { left:16%; font-size:54px; top:42px; }.art-rows { left:52%; top:42px; }.art-rows i { font-size:10px; padding:3px; }
  .tw-screen { --tw-card-width:38px; padding-left:12px; padding-right:12px; }.tw-header { gap:2px; min-height:62px; padding:10px 0; }.tw-header .tw-tool { width:29px; }.tw-title b { font-size:15px; }.tw-title span { font-size:10px; }.tw-connection { display:none; }.tw-rule-bar { font-size:11px; }.tw-rule-bar button { font-size:11px; }
  .tw-seats { gap:3px; padding:4px 0 10px; }.tw-avatar { width:36px; height:36px; }.tw-seat b { font-size:11px; }.tw-seat strong { font-size:14px; }.tw-seat small { font-size:9px; }.tw-lane { grid-template-columns:36px minmax(0,1fr) 43px; gap:5px; padding:6px; min-height:71px; }.tw-lane-label { height:55px; }.tw-lane-label b { font-size:12px; }.tw-lane-cards { gap:4px; }.tw-hand-name { font-size:10px; }.tw-hand { grid-template-columns:repeat(7,minmax(0,1fr)); gap:7px 4px; min-height:115px; }.tw-hand .tw-card-button { justify-self:center; }.tw-actions { gap:6px; }.tw-actions > button { padding:8px 5px; font-size:12px; gap:4px; }.tw-actions svg { width:16px; }.tw-screen .card-rank { font-size:15px; }.tw-screen .card-pip { font-size:18px; }.tw-showdown { --tw-card-width:36px; padding:12px; }.tw-reveal-player { min-height:99px; padding:8px; }.tw-reveal-cards { min-height:52px; }.tw-showdown-title { font-size:24px; }
}
@media (max-width:359px) { .tw-screen { --tw-card-width:33px; padding-left:8px; padding-right:8px; }.tw-hand { min-height:102px; }.tw-lane { grid-template-columns:32px minmax(0,1fr) 40px; gap:4px; padding:5px; }.tw-lane-cards { gap:3px; }.tw-header .tw-tool { width:27px; }.tw-rule-toggles { grid-template-columns:1fr; } }
@media (max-width:359px) { .tw-header { margin:0 -8px; }.tw-hand-dock { margin:3px -8px -14px; padding-left:8px; padding-right:8px; } }
@media (max-height:650px) and (min-width:601px) { .tw-showdown { --tw-card-width:30px; align-items:flex-start; }.tw-reveal-player { min-height:80px; padding:5px; }.tw-reveal-cards { min-height:44px; }.tw-showdown header { margin-bottom:3px; } }

.game-choice.niuniu .game-art { background:#365079; }
.game-choice.zjh .game-art { background:#87573a; }
.game-choice.zjh .art-chip { color:#70422d; border-color:#b7794c; }
.art-coming-symbol { position:absolute; inset:22px 0 auto; text-align:center; color:#f2e6b8; font:700 64px/1.2 Georgia,serif; }
.art-coming-cards { position:absolute; bottom:22px; left:0; right:0; text-align:center; color:#fff5d7; font-size:24px; letter-spacing:8px; }
.game-choice.niuniu .game-choice-copy small,.game-choice.zjh .game-choice-copy small { color:#8a7448; }
@media (max-width:600px) { .art-coming-symbol { font-size:52px; top:18px; }.art-coming-cards { font-size:18px; letter-spacing:4px; } }

/* Portrait table redesign: the felt is a narrow phone table even on wide screens. */
html.on-thirteen-table, html.on-thirteen-table body { background:#071f1a; }
.tw-portrait { width:min(100%, 480px); max-width:480px; min-height:100dvh; margin:0 auto; padding:0 12px 18px; background:linear-gradient(180deg,#0a3027 0%,#0c4435 48%,#08271f 100%); box-shadow:0 0 40px #0006; }
.tw-portrait .tw-header { margin:0 -12px; padding:10px 12px; min-height:58px; position:sticky; top:0; z-index:4; background:#071b18ee; backdrop-filter:blur(10px); }
.tw-portrait .tw-rule-bar { margin:0 -4px; padding:9px 4px; font-size:11px; }
.tw-portrait-board { border:1px solid #b9d48c55; border-radius:14px; overflow:hidden; background:radial-gradient(circle at 50% 48%,#287859 0,#12513d 46%,#0a3128 100%); box-shadow:inset 0 0 28px #031a1266,0 8px 22px #0004; }
.tw-board-title { display:flex; justify-content:space-between; padding:10px 12px; color:#f1d995; font-size:14px; border-bottom:1px solid #ffffff1c; }.tw-board-title span { color:#b8d8c2; font-size:11px; }
.tw-opponents { display:grid; gap:6px; padding:8px; }.tw-opponent-card { background:#082b24bb; border:1px solid #b6d59c36; border-radius:8px; padding:7px 8px; }.tw-opponent-head { display:flex; align-items:center; gap:7px; }.tw-mini-avatar,.tw-strip-avatar,.tw-self-avatar { display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#dce9d8; color:#174331; flex:none; }.tw-mini-avatar { width:27px; height:27px; }.tw-mini-avatar img,.tw-strip-avatar img,.tw-self-avatar img { width:100%; height:100%; object-fit:cover; }.tw-opponent-head div { display:grid; gap:1px; min-width:0; flex:1; }.tw-opponent-head b { font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.tw-opponent-head small { color:#b3d0bd; font-size:9px; }.tw-opponent-head strong { color:#f2d58d; font-size:12px; }.tw-opponent-lanes { display:grid; gap:3px; margin-top:6px; }.tw-opponent-lanes > div { display:flex; gap:2px; align-items:center; }.tw-opponent-lanes i { width:17px; color:#d9e5c8; font-size:9px; font-style:normal; }.tw-mini-card { width:21px; height:26px; display:grid; place-items:center; border-radius:3px; background:#edf2e8; color:#c34a58; font:700 11px Georgia,serif; box-shadow:0 1px 2px #0004; }.tw-mini-card.back { color:#a9c8ad; background:#254f45; border:1px solid #73a58a; font-size:9px; }.tw-no-opponent { padding:18px; text-align:center; color:#afcdb9; font-size:12px; }
.tw-felt-center { display:grid; justify-items:center; gap:2px; padding:8px; border-top:1px solid #ffffff18; border-bottom:1px solid #ffffff18; }.tw-felt-center strong { font:700 40px/1 Georgia,serif; color:#f0d58d; text-shadow:0 2px 4px #0008; }.tw-felt-center span { color:#c3dcca; font-size:10px; }.tw-self-banner { display:flex; align-items:center; gap:8px; padding:9px 11px; background:#f0d58d18; }.tw-self-avatar { width:34px; height:34px; }.tw-self-banner div { flex:1; display:grid; gap:1px; }.tw-self-banner b { font-size:13px; }.tw-self-banner small { color:#c7dccd; font-size:10px; }.tw-self-banner > strong { color:#f1d58d; font-size:15px; text-align:right; }.tw-self-banner > strong small { display:block; color:#b9d0c0; font-size:9px; font-weight:400; }
.tw-seat-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; padding:8px 0; }.tw-seat-strip-item { display:grid; justify-items:center; gap:2px; min-width:0; padding:4px 1px; color:#dce9db; border:0; border-bottom:2px solid transparent; background:#103b30; border-radius:5px; }.tw-seat-strip-item.is-self { border-bottom-color:#f0d58d; }.tw-seat-strip-item.is-submitted { border-bottom-color:#86d4a0; }.tw-strip-avatar { width:26px; height:26px; font-size:12px; }.tw-seat-strip-item b { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }.tw-seat-strip-item small { color:#a8c5b2; font-size:8px; }.tw-portrait .tw-table-area { margin:0 -12px; padding:8px 12px 14px; background:#0a2822; border-top:1px solid #ffffff1c; }.tw-portrait .tw-arrange-status { padding:5px 0 9px; font-size:12px; }.tw-portrait .tw-lanes { gap:5px; }.tw-portrait .tw-lane { grid-template-columns:39px minmax(0,1fr) 45px; gap:4px; padding:5px; min-height:67px; border-radius:5px; }.tw-portrait .tw-lane-label { height:50px; }.tw-portrait .tw-lane-cards { gap:3px; }.tw-portrait .tw-hand { grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px 3px; min-height:114px; }.tw-portrait .tw-actions > button { min-height:43px; padding:8px 3px; font-size:11px; }.tw-portrait .tw-hand-dock { margin:3px -12px -14px; padding:8px 12px 14px; }.tw-portrait .tw-social { margin:0 -12px; padding:10px 12px; background:#061b17; }
@media (min-width:601px) { .tw-portrait { min-height:900px; margin:14px auto; border:1px solid #477866; border-radius:16px; } }

.tw-replay-controls { display:flex; gap:5px; align-items:center; }.tw-replay-controls button { display:grid; place-items:center; width:34px; height:34px; border:1px solid #638772; border-radius:5px; background:#103d32; }.tw-replay-controls svg { width:17px; height:17px; }.tw-replay-controls .tw-skip { background:#5a3842; border-color:#9c6670; }
@media (max-width:359px) { .tw-replay-controls button { width:30px; height:30px; } }