.babanuki-table{--baba-card-width:96px;--baba-card-height:140px;--baba-step:64px;--baba-own-step:56px;font-family:Avenir Next,Trebuchet MS,sans-serif}.babanuki-table:before{display:none}.babanuki-board{min-width:0;min-height:0;margin:0 var(--table-inset);flex:1;grid-template-rows:58px minmax(172px,1fr) 56px minmax(172px,1fr) 50px;grid-template-areas:"seats""pick""middle""hand""footer";gap:8px;padding-bottom:14px;display:grid;position:relative}.baba-seats{grid-area:seats;justify-content:space-between;align-items:start;gap:16px;display:flex}.babanuki-table .player-info{opacity:1;max-width:min(300px,46%);min-height:48px;position:relative}.babanuki-table .player-info-you{max-width:min(320px,100% - 138px)}.babanuki-table .seat-turn{color:#f4c95d;white-space:nowrap;font-size:11px;font-weight:800}.babanuki-table .baba-safe{border-color:#8ed7b1}.baba-hand-region{grid-template-rows:28px minmax(0,1fr);min-width:0;min-height:0;display:grid}.baba-pick-zone{border-bottom:1px solid #e5f3ef28;grid-area:pick}.baba-own-zone{border-top:1px solid #e5f3ef28;grid-area:hand;padding-top:4px}.baba-zone-heading{color:#c8e0d9;justify-content:space-between;align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.baba-zone-heading h2{white-space:nowrap;flex:1;align-items:baseline;gap:6px;min-width:0;font-size:14px;font-weight:600;display:flex}.baba-zone-heading strong{text-overflow:ellipsis;white-space:nowrap;color:#f4fff9;min-width:0;overflow:hidden}.baba-zone-heading>span{flex:none}.baba-turn-label{color:#f4c95d;font-weight:800}.baba-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;min-width:0;min-height:0;display:grid}.baba-scroll-area{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9acbb8 #003b3033;min-width:0;overflow:auto hidden}.baba-cards{width:max-content;min-width:0;height:calc(var(--baba-card-height) + 22px);align-items:center;margin:auto;padding:10px 4px 12px;display:flex}.baba-scroll{color:#f4fff9;cursor:pointer;background:#043e35;border:1px solid #f0fff128;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.baba-scroll:disabled{visibility:hidden}.baba-scroll:hover{background:#136c56}.baba-pick,.baba-own-card{width:var(--baba-step);height:var(--baba-card-height);background:0 0;border:0;border-radius:6px;flex:none;position:relative}.baba-pick:last-child,.baba-own-card:last-child{width:var(--baba-card-width)}.baba-pick img,.baba-own-card img{width:var(--baba-card-width);height:var(--baba-card-height);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute;inset:0 auto auto 0;box-shadow:-3px 3px 7px #00291f55}.baba-pick{cursor:pointer}.baba-pick img{border:2px solid #e7f0e5}.baba-pick:disabled{cursor:default;opacity:1}.baba-card-number{color:#254a3a;pointer-events:none;background:#f8fff3;border-radius:3px;min-width:20px;font-size:11px;font-weight:800;position:absolute;bottom:8px;left:7px}.baba-pick:not(:disabled):hover img,.baba-pick:focus-visible img{transform:translateY(-6px);box-shadow:0 0 0 3px #f4c95d,-3px 7px 10px #00291f55}.baba-pick.in-flight{visibility:hidden}.baba-own-card{width:var(--baba-own-step)}.baba-empty{color:#bcebd5;align-items:center;gap:10px;font-size:18px;display:flex}.baba-middle{grid-area:middle;justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.baba-pair-total{color:#c3ddd2;flex:none;align-items:baseline;gap:6px;font-size:12px;display:flex}.baba-pair-total strong{font-variant-numeric:tabular-nums;color:#fff3c5;font-size:24px}.baba-pair-total strong span{color:#b2ccc1;font-size:12px}.baba-last-draw{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.baba-draw-names{color:#cee4db;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.baba-draw-names span{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.baba-draw-names svg{flex:none}.baba-pair{color:#c8e0d9;flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.baba-pair img{border-radius:3px;width:34px;height:49px;animation:.24s ease-out baba-pair-appear}.baba-brand{color:#cce9d48c;letter-spacing:0;font-size:18px;font-weight:800}.baba-footer{grid-area:footer;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.baba-controls{flex:none;align-items:center;display:flex}.baba-controls button{color:#f2faeb;cursor:pointer;background:#093c32;border:1px solid #e0eedd55;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-weight:750;display:inline-flex;position:static}.baba-controls button:disabled{opacity:.45;cursor:default}.baba-controls .button{color:#143c32;background:#f4c95d}.baba-controls .baba-shuffle{width:44px;padding:8px}.baba-result{grid-row:1/-1;justify-content:center;align-items:center;gap:24px;min-width:0;padding:8px;display:flex}.baba-result>img{width:var(--baba-card-width);height:var(--baba-card-height);flex:none;transform:rotate(-8deg)}.baba-result>div{min-width:0}.baba-result h2{color:#f4dc8d;overflow-wrap:anywhere;margin-bottom:8px;font-size:24px}.baba-result p{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.baba-result .baba-finishers{color:#b5d8c8;margin-top:6px;font-size:12px}.baba-connection{pointer-events:none;z-index:35;position:absolute;bottom:50px;left:0;right:0}.baba-connection .hint-stack{position:static}.baba-connection .hint{background:#093c32;border-radius:6px;width:fit-content;max-width:100%;margin:auto;padding:4px 8px}.baba-flight{z-index:30;pointer-events:none;border-radius:6px;animation:.6s cubic-bezier(.22,.65,.3,1) both baba-flight;position:absolute;box-shadow:0 12px 24px #001f2680}@keyframes baba-flight{0%{transform:translate(0)rotate(0)}48%{transform:translate(calc(var(--flight-x) * .5), calc(var(--flight-y) * .45 - 24px)) rotate(-12deg) scale(1.06)}to{transform:translate(var(--flight-x), var(--flight-y)) rotate(0) scale(.86)}}@keyframes baba-pair-appear{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=767px){.babanuki-table{--baba-card-width:72px;--baba-card-height:105px;--baba-step:44px;--baba-own-step:36px}.babanuki-board{grid-template-rows:50px minmax(150px,1fr) 46px minmax(150px,1fr) 46px;gap:4px;padding-bottom:8px}.babanuki-table .player-info{max-width:calc(50% - 5px);min-height:44px;padding:6px 10px}.babanuki-table .player-info-you{max-width:calc(100% - 130px)}.baba-seats{gap:8px}.baba-zone-heading{gap:6px;font-size:11px}.baba-zone-heading h2{gap:4px;font-size:12px}.baba-row{gap:0}.baba-middle{gap:8px}.baba-pair-total{gap:3px;font-size:11px}.baba-pair-total strong{font-size:20px}.baba-pair img{width:28px;height:41px}.baba-last-draw{gap:6px}.baba-draw-names{gap:3px;font-size:10px}.baba-pair{gap:2px;font-size:10px}.baba-result{gap:16px}.baba-result h2{font-size:18px}.baba-result p{font-size:12px}}@media (height<=650px) and (width<=767px) and (aspect-ratio<=1){.babanuki-table{--baba-card-width:62px;--baba-card-height:90px}.babanuki-board{grid-template-rows:46px minmax(130px,1fr) 42px minmax(130px,1fr) 44px;gap:3px}.baba-pair img{width:26px;height:38px}.baba-card-number{bottom:6px;left:5px}}@media (height<=600px) and (aspect-ratio>=4/3){.babanuki-table{--baba-card-width:58px;--baba-card-height:84px;--baba-step:44px;--baba-own-step:32px}.babanuki-board{grid-template:"seats seats"42px"pick hand"minmax(112px,1fr)"middle footer"44px/minmax(0,1fr) minmax(0,1fr);gap:2px 14px;padding-bottom:5px}.baba-hand-region{grid-template-rows:22px minmax(0,1fr)}.baba-own-zone{border-top:0;border-bottom:1px solid #e5f3ef28;padding-top:0}.baba-cards{height:calc(var(--baba-card-height) + 16px);padding:6px 3px 10px}.babanuki-table .player-info{min-height:38px;padding:4px 10px}.babanuki-table .player-info-you{max-width:calc(100% - 112px)}.babanuki-table .seat-name{font-size:11px}.babanuki-table .seat-avatar{display:none}.baba-zone-heading h2,.baba-zone-heading>span{font-size:11px}.baba-row{gap:0}.baba-pair img{width:23px;height:34px}.baba-pair-total strong{font-size:18px}.baba-draw-names,.baba-pair{font-size:10px}.baba-result{gap:10px;padding:4px}.baba-result h2{margin-bottom:4px;font-size:15px}.baba-result p{font-size:11px;line-height:1.3}.baba-result .baba-finishers{display:none}.baba-controls button{gap:5px;padding:6px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.babanuki-table *,.babanuki-table :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}