.modebar button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}
.modebar button small{display:block;margin-top:3px;font-size:7px;letter-spacing:1px}
button:disabled:active{transform:none}
.durak-interactive .durak-card,.durak-interactive .durak-backs i,.durak-interactive .durak-pair,.durak-interactive .durak-pair .cover{animation:none}.durak-interactive .durak-pair{height:105px;isolation:isolate}.durak-interactive .durak-pair .mini-card{left:0;top:0;z-index:1;justify-content:start;align-content:start;padding:7px;font-size:16px}.durak-interactive .durak-pair .mini-card.cover{left:25px;top:28px;z-index:2;transform:rotate(9deg);box-shadow:0 5px 12px #0009}.durak-interactive .durak-table{grid-template-columns:repeat(3,minmax(72px,1fr));gap:12px 4px}.durak-interactive .durak-hand .durak-new-node,.durak-interactive .durak-backs .durak-new-node,.durak-interactive .durak-table .durak-new-node{animation:durakNewCard .25s ease-out}@keyframes durakNewCard{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.durak-interactive .durak-new-node{animation:none!important}}
.durak-interactive .durak-hand{justify-content:flex-start;gap:6px;overflow-x:auto;padding:14px 4px 12px}.durak-interactive .durak-hand button{margin-left:0;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .2s ease,box-shadow .2s ease}.durak-hand .card-selected{transform:translateY(-9px);box-shadow:0 0 0 3px #ffd389}.card-drop-actions{display:flex;gap:8px;margin-top:10px}.card-drop-actions button{flex:1;min-height:48px;border:1px dashed #b2bdae;border-radius:12px;background:#102a21;color:#d8dfd8;padding:8px}.drop-allowed{outline:3px solid #f4c66a;outline-offset:2px;box-shadow:0 0 18px #ecc25d55}.durak-pair[role=button]{border-radius:8px;cursor:pointer}.card-drag-ghost{position:fixed!important;z-index:1000!important;pointer-events:none!important;margin:0!important;transform:translate(-50%,-65%) rotate(-6deg)!important;width:64px!important;height:96px!important;box-shadow:0 14px 30px #0009!important}.drag-source{opacity:.3}.card-landed{animation:cardLand .25s ease-out}@keyframes cardLand{from{transform:translateY(-8px);filter:brightness(1.3)}to{transform:translateY(0);filter:brightness(1)}}body:has(.durak-interactive) .gamehead{display:none}.durak-interactive .durak-felt{min-height:180px;border-radius:24px}.durak-interactive .durak-status{min-height:30px}.durak-interactive .durak-hand-wrap>small{font-size:11px;line-height:1.4}
body:has(.sea-battle) header{margin-bottom:10px}body:has(.sea-battle) main{padding-top:12px}body:has(.sea-battle) .back{margin-bottom:8px;min-height:36px}.sea-battle{padding:12px;border:1px solid #5c4430;border-radius:20px;background:#15110de8}.sea-battle-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.sea-battle-title h2{font-size:20px;margin:0}.sea-battle-title>span{font-size:12px;color:#ffc378}.sea-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.sea-tabs button{min-height:48px;background:#222028;color:#d5cabe;border:1px solid #49404a;border-radius:12px;font-weight:700}.sea-tabs button[aria-selected=true]{background:#754323;border-color:#efa653;color:#fff}.sea-tabs small{display:block;font-size:11px;font-weight:400;margin-top:3px}.sea-battle-notice{font-size:13px;line-height:1.4;min-height:38px;margin:10px 0 0;color:#e0cbb3}.sea-battle .sea-board{width:min(100%,calc(100dvh - 360px));min-width:240px;max-width:400px;margin:6px auto;border-width:3px;padding:4px}.sea-battle-footer{min-height:48px}.sea-battle-footer p{font-size:12px;line-height:1.4;color:#b7aa9d;margin:10px 0}.sea-battle-footer button{margin-top:8px;min-height:42px}@media(max-height:700px){body:has(.sea-battle) header{display:none}.sea-battle .sea-board{width:min(100%,calc(100dvh - 280px))}}
.fleet-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fleet-picker button{min-height:44px;border:1px solid #76583a;border-radius:12px;background:#201c18;color:#fff}.fleet-picker .selected{background:#ab602b;border-color:#ffc879}.sea-board .sunk{background:#853e32;box-shadow:inset 0 0 0 2px #ffb676}.sea-impact{animation:seaImpact .5s ease-out}.sea-splash{animation:seaSplash .6s ease-out}.sea-reveal{animation:seaReveal .5s ease-out}.sea-sink{animation:seaSink .7s ease-out}@keyframes seaImpact{30%{background:#fff0a5;transform:scale(1.15)}70%{background:#ff7134}}@keyframes seaSplash{35%{background:#7ecce6;transform:scale(.85)}}@keyframes seaReveal{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes seaSink{40%{box-shadow:0 0 14px #ff915c;filter:brightness(1.7)}}
.sea-board button.own-ship{background:#c5904b}.sea-board button{font-size:18px;line-height:1;color:white}.sea-board button:disabled{opacity:1}.real-panel p{line-height:1.6;color:#c7b9a8}.rating-row{gap:12px}.rating-row p{font-size:12px}.profile-stats small{display:block}
body{min-height:100dvh}main{padding-bottom:calc(108px + env(safe-area-inset-bottom))}nav{height:calc(78px + env(safe-area-inset-bottom));z-index:30}button{touch-action:manipulation}input{font-size:16px!important}.back,.chat-actions button,.panel-primary,.panel-secondary,.durak-actions button{min-height:44px}button:disabled{cursor:default;opacity:.55}.send-word:disabled{background:#49392d;color:#f2dab9}.gamehead h2{font-size:clamp(25px,7vw,34px);text-wrap:balance}.profile-card>div{min-width:0}.profile-card b,.profile-card span{overflow-wrap:anywhere}.onboarding{overscroll-behavior:contain}.onboarding-card{max-height:calc(100dvh - 32px);overflow-y:auto}.game-chat{overscroll-behavior:contain}.chat-compose{min-width:0}.chat-compose input{min-width:0}#toast{bottom:calc(94px + env(safe-area-inset-bottom))}.durak-hand{padding-bottom:12px;scrollbar-width:thin}.modebar{margin:16px 0}.gamehead p{line-height:1.5}.reaction-bar{flex-wrap:wrap}
@media(max-width:480px){header{margin-bottom:22px}.game{height:210px}.gamecopy{padding:13px}.gamecopy b{font-size:15px;line-height:1.25}.gamecopy>span{letter-spacing:.5px}.section-hero h2{font-size:clamp(28px,9vw,42px)}.real-panel{padding:16px}.profile-card{gap:12px}.durak-opponents{gap:6px}.durak-bot{min-width:0}.chat-line>div{line-height:1.45}.avatar-grid{gap:10px}.onboarding-card{padding:20px}}
@media(max-width:350px){.modebar{gap:5px}.modebar button{padding:9px 4px;font-size:11px}.quick{padding:10px}.quickpic{width:46px;height:46px;margin-right:9px}.quick span b{font-size:12px}.quick span small{font-size:10px}.back{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}