.room-list{width:100%;max-height:70vh;overflow-y:auto}.room-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.room-list-header h3{margin:0;font-size:18px;font-weight:600}.room-list :global(.ant-table-wrapper){max-height:60vh;overflow:auto}.room-list :global(.ant-table){min-width:600px}.room-list :global(.ant-table-container){overflow-x:auto}@media (max-aspect-ratio: 3/4){.room-list{max-height:65vh}.room-list :global(.ant-table-wrapper){max-height:55vh}.room-list :global(.ant-table){min-width:500px}.room-list-header{flex-direction:column;gap:12px;align-items:stretch}.room-list-header h3{font-size:16px;text-align:center}}@media (max-aspect-ratio: 11/20){.room-list{max-height:60vh}.room-list :global(.ant-table-wrapper){max-height:50vh}.room-list :global(.ant-table){min-width:400px;font-size:12px}.room-list-header h3{font-size:14px}}@media ((min-aspect-ratio: 16/10) and (max-height: 600px)) or (orientation: landscape and max-height: 500px){.room-list{max-height:50vh}.room-list :global(.ant-table-wrapper){max-height:40vh}}.card{position:relative;width:clamp(30px,8vmin,80px);height:clamp(42px,11.2vmin,112px);background:#fff;border:2px solid #d9d9d9;border-radius:clamp(4px,.8vmin,8px);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000001a;display:inline-block;margin:0 calc(clamp(30px,8vmin,80px)/-8);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card.small{width:clamp(24px,6vmin,50px);height:clamp(34px,8.4vmin,70px);margin:0 calc(clamp(24px,6vmin,50px)*-.12)}.card:hover{transform:translateY(-10px);box-shadow:0 4px 8px #0003}@media (hover: none){.card:hover{transform:none;box-shadow:0 2px 4px #0000001a}.card:active{transform:translateY(-5px);box-shadow:0 3px 6px #00000026}}.card.selected{transform:translateY(-30%);border-color:#1890ff;border-width:3px;box-shadow:0 6px 12px #1890ff66}.card.disabled{cursor:not-allowed}.card.disabled:hover{transform:none;box-shadow:0 2px 4px #0000001a}.card-corner{position:absolute;font-weight:700}.card-corner.top-left{top:clamp(2px,.4vmin,4px);left:clamp(3px,.6vmin,6px);text-align:left}.card-corner.bottom-right{bottom:clamp(2px,.4vmin,4px);right:clamp(3px,.6vmin,6px);text-align:right;transform:rotate(180deg)}.card-rank{font-size:clamp(12px,2.2vmin,18px);line-height:1;margin-bottom:2px}.card.small .card-rank{font-size:clamp(9px,1.8vmin,12px)}.card-suit{font-size:clamp(10px,1.8vmin,16px);line-height:1}.card.small .card-suit{font-size:clamp(7px,1.4vmin,10px)}.card-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.suit-symbol{font-size:clamp(28px,6vmin,48px);opacity:.2}.card.small .suit-symbol{font-size:clamp(18px,4vmin,30px)}.joker-text{font-size:clamp(14px,2.8vmin,20px);font-weight:700}.card.small .joker-text{font-size:clamp(10px,2vmin,14px)}.trump-badge{position:absolute;bottom:clamp(2px,.4vmin,4px);left:clamp(2px,.4vmin,4px);z-index:10}.trump-star{font-size:clamp(10px,2vmin,16px);color:gold;text-shadow:0 0 2px rgba(0,0,0,.3);display:inline-block;animation:twinkle 2s ease-in-out infinite}.card.small .trump-star{font-size:clamp(8px,1.6vmin,12px)}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@media (orientation: landscape){.card{width:clamp(28px,8vh,70px);height:clamp(39px,11.2vh,98px);margin:0 calc(clamp(28px,8vh,70px)*-.13)}.card.small{width:clamp(22px,6vh,45px);height:clamp(31px,8.4vh,63px);margin:0 calc(clamp(22px,6vh,45px)*-.12)}.card-rank{font-size:clamp(10px,2.2vh,16px)}.card.small .card-rank{font-size:clamp(8px,1.8vh,11px)}.card-suit{font-size:clamp(9px,1.8vh,14px)}.card.small .card-suit{font-size:clamp(6px,1.4vh,9px)}.suit-symbol{font-size:clamp(24px,6vh,42px)}.card.small .suit-symbol{font-size:clamp(16px,4vh,26px)}.joker-text{font-size:clamp(12px,2.8vh,18px)}.card.small .joker-text{font-size:clamp(9px,2vh,12px)}.trump-star{font-size:clamp(8px,2vh,14px)}.card.small .trump-star{font-size:clamp(7px,1.6vh,10px)}}@media (orientation: portrait){.card{width:clamp(32px,9vw,75px);height:clamp(45px,12.6vw,105px);margin:0 calc(clamp(32px,9vw,75px)*-.13)}.card.small{width:clamp(26px,7vw,48px);height:clamp(36px,9.8vw,67px);margin:0 calc(clamp(26px,7vw,48px)*-.12)}.card-rank{font-size:clamp(11px,2.4vw,17px)}.card.small .card-rank{font-size:clamp(9px,2vw,11px)}.suit-symbol{font-size:clamp(26px,6.5vw,45px)}.card.small .suit-symbol{font-size:clamp(17px,4.5vw,28px)}}.hand{--card-width: clamp(30px, 8vmin, 80px);--card-overlap: clamp(12px, 2.5vmin, 25px);display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;padding:clamp(3px,.6vmin,5px);padding-top:clamp(25px,4.5vmin,45px);min-height:0;flex-wrap:nowrap;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,215,0,.6) rgba(0,0,0,.3)}.hand::-webkit-scrollbar{height:6px}.hand::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.hand::-webkit-scrollbar-thumb{background:#ffd70099;border-radius:3px}.hand::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.hand>*{margin-left:calc(var(--card-overlap, 25px) * -1);flex-shrink:0}.hand>*:first-child{margin-left:0}.hand.compact-1{--card-overlap: clamp(18px, 3.5vmin, 30px)}.hand.compact-2{--card-overlap: clamp(22px, 4.2vmin, 38px)}.hand.compact-3{--card-overlap: clamp(26px, 4.8vmin, 45px)}.hand.compact-4{--card-overlap: clamp(28px, 5.2vmin, 50px)}.hand.small{--card-width: clamp(24px, 6vmin, 50px);--card-overlap: clamp(10px, 2vmin, 18px);padding:clamp(3px,.6vmin,5px);min-height:0;flex-wrap:nowrap}.hand.small.compact-1{--card-overlap: clamp(14px, 2.8vmin, 25px)}.hand.small.compact-2{--card-overlap: clamp(17px, 3.3vmin, 30px)}.hand.small.compact-3{--card-overlap: clamp(20px, 3.8vmin, 35px)}.hand.small.compact-4{--card-overlap: clamp(22px, 4.2vmin, 38px)}.card-wrapper{position:relative;display:inline-block;width:var(--card-width, 80px);flex-shrink:0}.tractor-line{pointer-events:none;z-index:10}.tractor-label{pointer-events:none;z-index:11;font-size:clamp(6px,1.2vmin,10px)!important;bottom:clamp(-12px,-2vmin,-8px)!important}@media (orientation: landscape){.hand{--card-width: clamp(28px, 8vh, 70px);--card-overlap: clamp(10px, 2.5vh, 22px);padding-top:clamp(20px,4vh,40px)}.hand.compact-1{--card-overlap: clamp(16px, 3.5vh, 28px)}.hand.compact-2{--card-overlap: clamp(20px, 4.2vh, 35px)}.hand.compact-3{--card-overlap: clamp(24px, 4.8vh, 42px)}.hand.compact-4{--card-overlap: clamp(26px, 5.2vh, 46px)}.hand.small{--card-width: clamp(22px, 6vh, 45px);--card-overlap: clamp(8px, 2vh, 16px)}.hand.small.compact-1{--card-overlap: clamp(12px, 2.8vh, 22px)}.hand.small.compact-2{--card-overlap: clamp(15px, 3.3vh, 27px)}.hand.small.compact-3{--card-overlap: clamp(18px, 3.8vh, 32px)}.hand.small.compact-4{--card-overlap: clamp(20px, 4.2vh, 35px)}.tractor-label{font-size:clamp(5px,1.2vh,9px)!important}.tractor-line{height:clamp(1px,.3vh,3px)!important}}@media (orientation: portrait){.hand{--card-width: clamp(32px, 9vw, 75px);--card-overlap: clamp(12px, 2.8vw, 24px);padding-top:clamp(28px,5vw,42px)}.hand.compact-1{--card-overlap: clamp(18px, 3.8vw, 28px)}.hand.compact-2{--card-overlap: clamp(22px, 4.5vw, 36px)}.hand.compact-3{--card-overlap: clamp(26px, 5.2vw, 42px)}.hand.compact-4{--card-overlap: clamp(28px, 5.6vw, 48px)}.hand.small{--card-width: clamp(26px, 7vw, 48px);--card-overlap: clamp(10px, 2.2vw, 17px)}.hand.small.compact-1{--card-overlap: clamp(14px, 3vw, 24px)}.hand.small.compact-2{--card-overlap: clamp(17px, 3.6vw, 28px)}.hand.small.compact-3{--card-overlap: clamp(20px, 4.2vw, 33px)}.hand.small.compact-4{--card-overlap: clamp(22px, 4.6vw, 36px)}.tractor-label{font-size:clamp(6px,1.4vw,10px)!important}}.game-table{--table-padding: clamp(4px, 1vmin, 10px);--table-border-radius: clamp(6px, 1.2vmin, 12px);--player-area-padding: clamp(4px, .8vmin, 8px);--gap-size: clamp(2px, .4vmin, 4px);--center-max-width: clamp(200px, 35vmin, 400px);--score-panel-width: clamp(140px, 18vmin, 200px);width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:var(--table-border-radius);padding:var(--table-padding);box-shadow:0 8px 32px #0000004d;overflow:visible}.position-top{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--gap-size);gap:var(--gap-size)}.position-middle{flex:1 1 auto;display:flex;justify-content:space-between;align-items:center;gap:clamp(4px,1vmin,10px);min-height:0;overflow:hidden}.position-left{flex:0 0 auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(4px,.8vmin,8px)}.table-center{flex:1;display:flex;justify-content:center;align-items:center;background:#ffffff0d;border-radius:var(--table-border-radius);min-height:0;max-width:var(--center-max-width);overflow:hidden;padding:var(--player-area-padding)}.position-right{flex:0 0 auto;display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:clamp(4px,.8vmin,8px)}.position-bottom{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;margin-top:var(--gap-size);gap:var(--gap-size);overflow:visible}.player-area{background:#ffffff1a;border-radius:var(--table-border-radius);padding:var(--player-area-padding);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;transition:all .3s ease;overflow:visible}.player-area.current-turn{border-color:gold;box-shadow:0 0 15px #ffd70080;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 15px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}}.player-area.current-player{background:#ffffff26;border:2px solid rgba(255,255,255,.3)}.player-area.revealing-phase{border:none;box-shadow:none;background:#ffffff0d;animation:none}.player-area.compact{padding:clamp(2px,.4vmin,4px) clamp(4px,.6vmin,6px);width:auto;min-width:auto;max-width:fit-content;height:auto;min-height:auto}.player-area.compact .player-cards-area,.player-area.compact .declared-trump-zone{min-height:0;display:none}.player-info{margin-bottom:clamp(2px,.4vmin,4px);text-align:center;color:#fff}.player-info .ant-typography{color:#fff;font-size:clamp(10px,1.4vmin,14px)}.player-info.compact-info{margin-bottom:0}.player-info.compact-info .ant-typography{font-size:clamp(9px,1.2vmin,12px);line-height:1.3}.player-cards-area{min-height:0;display:flex;flex-direction:column;gap:clamp(2px,.4vmin,4px)}.declared-trump-zone{min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.declared-trump-zone:empty{display:none}.played-cards-area{display:flex;align-items:center;justify-content:center;padding:clamp(2px,.4vmin,4px);min-height:clamp(50px,8vmin,70px);flex-shrink:0}.shown-cards{display:flex;flex-direction:column;gap:clamp(2px,.4vmin,4px)}.shown-cards .ant-typography{color:#fff;font-size:clamp(10px,1.2vmin,12px)}.my-hand-container{display:flex;align-items:center;gap:clamp(4px,.8vmin,8px);width:100%;max-width:100%;box-sizing:border-box;justify-content:center;min-height:0;overflow:visible}.my-hand-container>.my-hand:only-child{margin:0 auto}.bottom-trump-zone{flex:0 0 auto;min-width:clamp(50px,8vmin,120px);max-width:clamp(80px,12vmin,120px);min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2px,.4vmin,4px);box-sizing:border-box}.bottom-trump-zone~.my-hand{flex:1 1 auto;margin:0}.bottom-player-header{display:flex;justify-content:space-between;align-items:center;gap:clamp(4px,.8vmin,8px);margin-bottom:clamp(2px,.4vmin,4px)}.bottom-player-header .player-info{flex:0 0 auto;text-align:left;margin-bottom:0}.inline-controls{flex:0 1 auto;max-width:clamp(400px,70vmin,900px);background:#ffffff26;padding:clamp(4px,.7vmin,10px) clamp(6px,.9vmin,10px);border-radius:clamp(4px,.7vmin,6px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto;overflow-x:auto}.my-hand{flex:1 1 auto;padding:clamp(4px,.7vmin,10px) clamp(6px,.9vmin,10px);background:#0003;border-radius:clamp(6px,.9vmin,8px);min-height:0;display:flex;justify-content:center;align-items:center;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.my-hand::-webkit-scrollbar{height:6px}.my-hand::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.my-hand::-webkit-scrollbar-thumb{background:#ffd70099;border-radius:3px}.my-hand::-webkit-scrollbar-thumb:hover{background:#ffd700cc}.player-top{width:auto;max-width:clamp(300px,55vmin,600px);min-width:clamp(150px,20vmin,200px)}.player-left,.player-right{width:auto;min-width:clamp(80px,10vmin,120px);max-width:clamp(150px,20vmin,250px)}.player-bottom{width:100%;max-width:clamp(800px,90vmin,1400px)}.player-area.compact.player-top,.player-area.compact.player-left,.player-area.compact.player-right{min-width:auto;max-width:fit-content}.score-panel{position:absolute;top:var(--gap-size);left:var(--gap-size);background-color:#000c;padding:var(--player-area-padding);border-radius:var(--table-border-radius);border:2px solid #ffd700;z-index:100;max-width:var(--score-panel-width);font-size:clamp(9px,1.1vmin,12px)}.score-panel-teams{display:flex;justify-content:space-between;margin-bottom:clamp(4px,.6vmin,6px);padding-bottom:clamp(3px,.4vmin,4px);border-bottom:1px solid rgba(255,215,0,.3)}.score-panel-team{text-align:center;flex:1}.score-panel-team .ant-typography{font-size:clamp(9px,1.1vmin,11px)!important}.score-panel-team strong{font-size:clamp(12px,1.6vmin,16px)!important}.score-panel-score{font-size:clamp(14px,2vmin,18px);font-weight:700;color:#fff;text-align:center;margin-bottom:clamp(3px,.4vmin,4px)}.score-panel-cards{max-height:clamp(50px,8vmin,70px);position:relative;overflow:hidden}.score-panel-cards-list{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:clamp(45px,7vmin,60px);padding-bottom:clamp(3px,.4vmin,4px)}.score-panel-cards-list>div{margin-left:calc(clamp(10px,1.5vmin,15px)*-1)}.score-panel-cards-list>div:first-child{margin-left:0}.trump-declaration-wrapper{margin:clamp(3px,.4vmin,4px) 0;padding:0}.game-table ::-webkit-scrollbar{height:6px}.game-table ::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.game-table ::-webkit-scrollbar-thumb{background:#ffd70099;border-radius:3px}.game-table ::-webkit-scrollbar-thumb:hover{background:#ffd700cc}@media (orientation: landscape){.game-table{--table-padding: clamp(3px, .8vh, 8px);--table-border-radius: clamp(5px, 1vh, 10px);--player-area-padding: clamp(3px, .6vh, 6px);--gap-size: clamp(2px, .3vh, 3px);--center-max-width: clamp(180px, 30vh, 350px);--score-panel-width: clamp(130px, 16vh, 190px)}.player-info .ant-typography{font-size:clamp(9px,1.3vh,13px)}.played-cards-area{min-height:clamp(45px,7vh,65px)}.my-hand-container{gap:clamp(3px,.6vh,6px)}.bottom-trump-zone{min-width:clamp(45px,7vh,110px);max-width:clamp(75px,11vh,110px)}.score-panel{font-size:clamp(8px,1vh,11px)}.score-panel-team .ant-typography{font-size:clamp(8px,1vh,10px)!important}.score-panel-team strong{font-size:clamp(11px,1.4vh,15px)!important}.score-panel-score{font-size:clamp(13px,1.8vh,17px)}}@media (orientation: portrait){.game-table{--table-padding: clamp(4px, 1vw, 9px);--table-border-radius: clamp(6px, 1.3vw, 11px);--player-area-padding: clamp(4px, .8vw, 7px);--gap-size: clamp(2px, .4vw, 4px);--center-max-width: clamp(220px, 38vw, 380px);--score-panel-width: clamp(150px, 20vw, 195px)}.player-info .ant-typography{font-size:clamp(10px,1.5vw,13px)}.bottom-player-header{flex-direction:column;align-items:stretch}.bottom-player-header .player-info{text-align:center}.inline-controls{max-width:100%;margin-left:0}}.game-paused-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;border-radius:var(--table-border-radius);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-paused-content{text-align:center;color:#fff;padding:clamp(24px,4vmin,48px);background:#ffffff1a;border-radius:clamp(12px,2vmin,24px);border:2px solid rgba(255,215,0,.5);box-shadow:0 8px 32px #0000004d;max-width:90%}.game-paused-icon{font-size:clamp(48px,8vmin,80px);margin-bottom:clamp(12px,2vmin,20px);animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-paused-title{font-size:clamp(24px,4vmin,36px);font-weight:700;color:gold;margin-bottom:clamp(8px,1.5vmin,16px);text-shadow:0 2px 4px rgba(0,0,0,.3)}.game-paused-message{font-size:clamp(14px,2.5vmin,20px);color:#fff;margin-bottom:clamp(8px,1.5vmin,12px)}.game-paused-waiting{font-size:clamp(12px,2vmin,16px);color:#ffffffb3;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.ant-list-item{transition:background-color .2s}.ant-list-item:hover{background-color:#f0f0f0;border-radius:4px}.ant-modal-body{padding:24px}.trump-declaration{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;margin-bottom:16px;box-shadow:0 2px 8px #00000026}.declaration-label{font-size:16px;font-weight:600;color:#fff;min-width:60px}.declaration-slots{display:flex;gap:10px;flex:1}.declaration-slot{flex:1;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:default;transition:all .3s ease;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.declaration-slot .slot-label{font-size:24px;font-weight:700;color:#fff9}.declaration-slot .slot-count{font-size:12px;color:#ffffff80;margin-top:2px}.declaration-slot.active{background:#fffffff2;border-color:gold;cursor:pointer;box-shadow:0 0 12px #ffd70099;animation:pulse 1.5s ease-in-out infinite}.declaration-slot.active .slot-label{color:#333}.declaration-slot.active .slot-count{color:#666}.declaration-slot.active:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #ffd700cc}@media (hover: none){.declaration-slot.active:hover{transform:none}.declaration-slot.active:active{transform:scale(.98);box-shadow:0 2px 8px #ffd70099}}@keyframes pulse{0%,to{box-shadow:0 0 12px #ffd70099}50%{box-shadow:0 0 20px #ffd700e6}}.declaration-slot:nth-child(3) .slot-label,.declaration-slot:nth-child(5) .slot-label{color:#ff6464cc}.declaration-slot.active:nth-child(3) .slot-label,.declaration-slot.active:nth-child(5) .slot-label{color:#e74c3c}@media (max-width: 768px){.trump-declaration{flex-direction:column;gap:8px;padding:10px 12px;margin-bottom:10px}.declaration-label{font-size:14px;min-width:auto;text-align:center}.declaration-slots{gap:6px;width:100%}.declaration-slot{height:48px;border-radius:5px}.declaration-slot .slot-label{font-size:20px}}@media (max-width: 480px){.trump-declaration{gap:6px;padding:8px 10px;margin-bottom:8px;border-radius:6px}.declaration-label{font-size:12px}.declaration-slots{gap:4px}.declaration-slot{height:40px;border-radius:4px;min-width:40px}.declaration-slot .slot-label{font-size:16px}}@media (orientation: landscape) and (max-height: 500px){.trump-declaration{flex-direction:row;gap:8px;padding:6px 10px;margin-bottom:6px;border-radius:5px}.declaration-label{font-size:11px;min-width:40px}.declaration-slots{gap:4px}.declaration-slot{height:32px;border-radius:4px;min-width:32px}.declaration-slot .slot-label{font-size:14px}}@media (orientation: landscape) and (max-height: 400px){.trump-declaration{gap:6px;padding:4px 8px;margin-bottom:4px}.declaration-label{font-size:10px;min-width:35px}.declaration-slot{height:28px;min-width:28px}.declaration-slot .slot-label{font-size:12px}}.game-board{display:flex;flex-direction:column;height:100vh;height:100dvh;flex:1;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;overflow:hidden;position:relative}.main-game-area{flex:1;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.phase-content{flex:1;background:#fffffff2;padding:clamp(12px,2vmin,24px);border-radius:clamp(8px,1.5vmin,16px);text-align:center;color:#333;margin:clamp(6px,1vmin,12px);box-shadow:0 8px 32px #0000004d;overflow-y:auto;min-height:0}.phase-content.playing-phase{position:relative;padding:0;background:transparent;box-shadow:none;height:100%;max-height:100%;margin:0;overflow:hidden;display:flex;flex-direction:column}.game-controls{position:absolute;bottom:clamp(12px,2vmin,24px);right:clamp(12px,2vmin,24px);background:#fffffff2;padding:clamp(10px,1.5vmin,20px);border-radius:clamp(6px,1vmin,10px);box-shadow:0 4px 16px #0003;min-width:clamp(140px,20vmin,220px);max-width:clamp(200px,30vmin,280px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.game-info{margin-bottom:clamp(8px,1.2vmin,14px);padding-bottom:clamp(8px,1.2vmin,14px);border-bottom:1px solid #e0e0e0}.game-info .ant-typography{margin:0;line-height:1.8;color:#333;font-size:clamp(12px,1.6vmin,16px)}@keyframes trumpPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.trump-animation-overlay{animation:fadeIn .3s ease-out}.trump-animation{background:#000000b3;padding:clamp(20px,3vmin,40px) clamp(40px,6vmin,80px);border-radius:clamp(10px,2vmin,20px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trump-animation.overtrump{background:#320000cc}.trump-animation span:first-child{font-size:clamp(40px,8vmin,72px)!important}.trump-animation span:last-child{font-size:clamp(16px,2.5vmin,24px)!important}.responsive-button-grid{display:flex;gap:clamp(3px,.6vmin,6px);width:100%;flex-wrap:nowrap;overflow-x:auto;align-items:center}.responsive-button-grid .ant-btn{font-size:clamp(10px,1.2vmin,13px)!important;padding:clamp(2px,.4vmin,4px) clamp(4px,.6vmin,6px)!important;min-width:clamp(50px,8vmin,80px)!important;height:auto!important;min-height:clamp(28px,4.5vmin,40px);flex-shrink:0;white-space:nowrap}.responsive-flex-buttons{display:flex;gap:clamp(3px,.6vmin,6px);justify-content:flex-end;flex-wrap:nowrap;overflow-x:auto;align-items:center}.responsive-flex-buttons .ant-btn{font-size:clamp(10px,1.2vmin,13px)!important;padding:clamp(2px,.4vmin,4px) clamp(4px,.6vmin,6px)!important;min-width:clamp(50px,8vmin,80px)!important;min-height:clamp(28px,4.5vmin,40px);flex-shrink:0;white-space:nowrap}@media (orientation: landscape){.game-controls{bottom:clamp(8px,1.5vh,16px);right:clamp(8px,1.5vh,16px);min-width:clamp(120px,18vh,200px);max-width:clamp(180px,27vh,260px)}.trump-animation{padding:clamp(15px,2.5vh,30px) clamp(30px,5vh,60px)}.trump-animation span:first-child{font-size:clamp(36px,7vh,64px)!important}.trump-animation span:last-child{font-size:clamp(14px,2.2vh,20px)!important}.responsive-button-grid .ant-btn,.responsive-flex-buttons .ant-btn{min-height:clamp(26px,4vh,36px);font-size:clamp(9px,1.1vmin,12px)!important}}@media (orientation: portrait){.responsive-flex-buttons{justify-content:center}.responsive-button-grid .ant-btn,.responsive-flex-buttons .ant-btn{min-width:clamp(45px,7vw,75px)!important}}.app-container{min-height:100vh}.ant-layout-header{padding:0 clamp(8px,1.5vmin,16px)!important;height:clamp(48px,8vmin,64px)!important;line-height:clamp(48px,8vmin,64px)!important}.ant-layout-content{padding:clamp(8px,1.5vmin,16px)!important}.ant-layout-header .ant-typography{font-size:clamp(14px,2vmin,20px)!important;line-height:clamp(48px,8vmin,64px)!important;margin:0!important}.ant-btn-lg{padding:clamp(4px,.8vmin,8px) clamp(12px,2vmin,20px)!important;height:auto!important;min-height:clamp(36px,6vmin,44px)!important;font-size:clamp(13px,1.8vmin,16px)!important}.ant-space{gap:clamp(6px,1vmin,12px)!important}.ant-modal{max-width:calc(100vw - clamp(24px,4vmin,48px))!important;margin:clamp(12px,2vmin,24px)!important}.ant-modal-content{max-height:calc(100vh - clamp(80px,12vmin,160px));overflow-y:auto;padding:clamp(12px,2vmin,24px)!important}.ant-modal-header,.ant-modal-body,.ant-modal-footer{padding:clamp(8px,1.2vmin,16px)!important}.ant-form-item{margin-bottom:clamp(6px,1vmin,12px)!important}.ant-input-number{width:100%!important}h2.ant-typography{font-size:clamp(16px,2.4vmin,24px)!important;margin-bottom:clamp(8px,1.2vmin,16px)!important}h3.ant-typography{font-size:clamp(14px,2vmin,20px)!important;margin-bottom:clamp(6px,1vmin,12px)!important}h4.ant-typography{font-size:clamp(12px,1.8vmin,18px)!important;margin-bottom:clamp(6px,1vmin,12px)!important}p{margin-bottom:clamp(4px,.8vmin,8px)!important;font-size:clamp(12px,1.6vmin,16px)}@media (orientation: landscape){.ant-layout-header{height:clamp(40px,7vh,56px)!important;line-height:clamp(40px,7vh,56px)!important}.ant-layout-header .ant-typography{line-height:clamp(40px,7vh,56px)!important}.ant-btn-lg{min-height:clamp(32px,5.5vh,40px)!important}}@media (orientation: portrait){.ant-layout-header{height:clamp(52px,9vw,68px)!important;line-height:clamp(52px,9vw,68px)!important;flex-wrap:wrap}.ant-layout-header .ant-typography{line-height:clamp(52px,9vw,68px)!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:contain}#root{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:auto}@supports (-webkit-touch-callout: none){#root{height:-webkit-fill-available}}html{font-size:clamp(10px,1.6vmin,20px)}@media (orientation: portrait){html{font-size:clamp(10px,2.2vw,18px)}}@media (orientation: landscape){html{font-size:clamp(9px,2.4vh,18px)}}@media (min-width: 1920px) and (min-height: 1080px){html{font-size:18px}}@media (hover: none) and (pointer: coarse){button,.ant-btn{min-height:44px;min-width:44px}}@media (orientation: landscape) and (max-height: 500px){button,.ant-btn{min-height:32px;min-width:32px}}