body.kittens #stage{padding:8px 10px calc(56px + env(safe-area-inset-bottom));gap:0;justify-content:flex-start;align-items:center;touch-action:pan-y}
.kit-shell{position:relative;width:100%;max-width:520px;min-height:0;height:100%;display:flex;flex-direction:column;gap:8px;isolation:isolate}
.kit-mode{display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font-size:11px;flex:none}.kit-mode #direction{font-size:20px;color:var(--color-muted);line-height:1}
.kit-foes{display:flex;gap:6px;flex:none}.kit-foes.crowded{flex-wrap:wrap}.kit-foes.crowded .kit-seat{flex:1 1 28%}
.kit-seat{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:7px 8px;background:var(--color-surface);border:1.5px solid var(--color-line);border-radius:var(--radius-xl);transition:border-color .15s,opacity .15s;overflow:hidden}
.kit-avatar{width:28px;height:28px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--player) 12%,var(--color-surface));border-radius:50%;color:var(--player)}.kit-avatar svg{width:27px;height:27px}
.kit-seat-info{min-width:0;display:flex;flex-direction:column;gap:2px}.kit-seat b{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-seat small{font-size:10px;color:var(--color-muted);white-space:nowrap}.kit-seat.turn{border-color:var(--color-ink)}.kit-seat.me.turn{border-color:var(--me)}.kit-seat.dead{opacity:.45}.kit-seat.dead b{text-decoration:line-through}.kit-seat.me{padding:5px 8px}.kit-seat.me .kit-seat-info{flex:1;flex-direction:row;gap:8px;align-items:center}.kit-seat .kit-tags{font-size:10px;color:var(--color-signal-ink);margin-left:auto;overflow:hidden;text-overflow:ellipsis}.kit-marks{display:flex;gap:2px}.kit-marks .kit-card{width:28px;height:36px}.kit-marks .kit-card-pack,.kit-marks .kit-card small,.kit-marks .kit-card b{display:none}
.kit-table{position:relative;flex:1;min-height:140px;background:var(--color-line-soft);border-radius:var(--radius-2xl);padding:10px 14px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.kit-table-top{display:flex;justify-content:space-between;font-size:9px;color:var(--color-muted);font-weight:650}.kit-table-top #turnClock{font-variant-numeric:tabular-nums}
.kit-timer{height:4px;background:var(--color-line);border-radius:2px;overflow:hidden;margin-top:4px;flex:none}.kit-timer i{display:block;height:100%;background:var(--me);width:100%}
.kit-piles{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,28px);padding:7px 0}
.kit-pile{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(70px,20vw,100px);flex:none;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:default}button.kit-pile{cursor:pointer}
.kit-card{--accent:#e26142;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;aspect-ratio:.7;border:1.5px solid var(--color-line);border-top:4px solid var(--accent);border-radius:var(--radius-lg);padding:5px;background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;overflow:hidden;flex:none;transition:transform .15s,border-color .15s}
.kit-card-pack{font-size:6px;font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;color:var(--accent);min-height:8px}.kit-card .kit-art{width:100%;min-height:0;flex:1}.kit-card b{font-size:10px;font-weight:700;line-height:1.1;text-align:center;overflow-wrap:normal}.kit-card small{font-size:6px;font-weight:600;margin-top:3px;line-height:1.15;color:var(--color-muted);text-align:center}.kit-card .kit-lock{position:absolute;right:3px;top:3px;padding:3px 5px;background:var(--color-ink);color:var(--color-on-ink);border-radius:5px;font-size:11px;font-weight:700}.kit-card .kit-mark{position:absolute;left:3px;top:15px;color:var(--color-ink);background:var(--color-signal-soft);border-radius:50%;font-size:10px;padding:1px 3px}
.kit-back{background:var(--color-ink);color:var(--color-on-ink);border:2px solid var(--color-line-soft);outline:1px solid var(--color-ink);border-radius:var(--radius-lg);padding:7px;justify-content:center;align-items:center;gap:5px;text-align:center}.kit-back>svg{width:85%;height:70%;min-height:0}.kit-back b{font-size:9px}.kit-back small{color:var(--color-on-ink);opacity:.6}.kit-back-label{font-size:clamp(8px,2.2vw,11px);font-weight:750;line-height:1.1}.kit-back #deckArt{width:80%;min-height:0;flex:1;display:grid;place-items:center;--accent:#f0529c}.kit-back #deckArt svg{width:100%;height:auto;max-height:75px}.kit-back-foot{font-size:6px;letter-spacing:.1em;font-weight:650}
.kit-empty{width:100%;aspect-ratio:.7;border:1.5px dashed var(--color-line);border-radius:var(--radius-lg);display:grid;place-items:center;font-size:9px;letter-spacing:.08em;color:var(--color-soft)}
.kit-pile-label{font-size:10px;color:var(--color-muted);display:flex;gap:6px;align-items:center}.kit-pile-label b{color:var(--color-ink);font-variant-numeric:tabular-nums}
.kit-center-note{width:72px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;font-size:10px;line-height:1.3;color:var(--color-muted)}.kit-center-note #debtLabel{font-size:10px;font-weight:700;color:var(--color-ink)}.kit-center-note #centerIcon{width:26px;color:var(--color-soft)}.kit-center-note #centerIcon svg{width:100%}
.kit-altar{display:flex;justify-content:center;gap:10px;font-size:9px;color:var(--color-muted);padding:3px;border-top:1px solid var(--color-line)}
.kit-log{display:flex;flex-direction:column;gap:2px;flex:none;min-height:28px;max-height:40px;overflow:hidden;font-size:11px;line-height:14px;color:var(--color-muted)}.kit-log span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-log span:last-child{font-weight:600;color:var(--color-ink)}
.kit-hand-label{flex:none;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:650;color:var(--color-muted)}.kit-hand-label b{color:var(--color-ink);margin-left:3px}.kit-hand-label #comboHint{font-weight:500}
.kit-hand{flex:none;display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;padding:5px 0 7px;scrollbar-width:thin;touch-action:pan-x;min-height:96px;max-height:144px}.kit-hand .kit-card{width:clamp(64px,17vw,80px);height:clamp(88px,15dvh,120px);aspect-ratio:auto;touch-action:pan-x}.kit-hand .kit-card.selected{border-color:var(--me);border-top-color:var(--accent);transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--me)}.kit-hand .kit-card:hover{transform:translateY(-3px)}.kit-hand .kit-card b{font-size:9px}.kit-hand .kit-card.is-new{animation:kit-deal .4s ease-out}
.kit-actionbar{flex:none;display:flex;flex-direction:column;gap:6px}.kit-status{display:flex;flex-direction:column;gap:2px;min-height:32px}.kit-status b{font-size:13px;line-height:16px;font-weight:700}.kit-status span{font-size:11px;line-height:14px;color:var(--color-muted)}.kit-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kit-buttons .btn{font-size:12px;padding:8px 10px}
body.kittens>.kit-panel{z-index:95;touch-action:pan-y}.kit-panel-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:400px;margin:auto}.kit-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.kit-panel-card h2{font-size:22px}.kit-panel-card p{font-size:13px;line-height:1.5;color:var(--color-muted)}.kit-panel-card [data-close]{font-size:22px}.kit-selected-art{display:flex;justify-content:center}.kit-selected-art .kit-card{width:118px}.kit-selected-art .kit-card b{font-size:13px}.kit-selected-art .kit-card-pack,.kit-selected-art .kit-card small{font-size:8px}.kit-field-label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}.kit-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kit-toggles label{display:flex;gap:6px;align-items:center;font-size:11px}.kit-toggles input{accent-color:var(--me);width:17px;height:17px}
.kit-choice-buttons{display:flex;flex-wrap:wrap;gap:6px}.kit-choice-buttons .btn{flex:1 1 100px}.kit-choice-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.kit-choice-cards .kit-card{width:82px;touch-action:pan-y}.kit-reorder-item{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--color-line);border-radius:var(--radius-lg);margin-bottom:6px}.kit-reorder-item b{flex:1;font-size:12px}.kit-reorder-item .icon-btn{width:32px;height:32px;font-size:17px}.kit-reorder-item small{color:var(--color-soft)}
.kit-library{max-width:520px}.kit-catalog{display:flex;flex-direction:column;gap:9px}.kit-catalog-row{display:flex;gap:10px;padding:10px;border:1px solid var(--color-line);border-radius:var(--radius-xl);align-items:center}.kit-catalog-row .kit-card{width:64px;flex:none}.kit-catalog-row .kit-card b{font-size:8px}.kit-catalog-body{flex:1;min-width:0}.kit-catalog-body h3{font-size:13px}.kit-catalog-body p{font-size:11px;margin-top:4px}.kit-catalog-body small{font-size:9px;color:var(--color-soft)}.kit-catalog-row .btn{font-size:10px;min-height:32px;margin-top:7px;padding:5px 9px}
.kit-cinematic{position:absolute;left:0;top:30px;width:100%;height:calc(100% - 30px);z-index:5;pointer-events:none;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}
.kit-table-top,.kit-timer{position:relative;z-index:6}
.kit-table.is-story .kit-piles,.kit-table.is-story .kit-altar,.kit-table.is-story .kit-known,.kit-table.is-story .kit-log{visibility:hidden}
.kit-animation-announcer{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@keyframes kit-deal{from{opacity:0;transform:translateY(-30px) rotate(-8deg)}}
@media(min-height:800px){.kit-shell{gap:10px}.kit-seat{padding:9px 10px}.kit-seat b{font-size:13px}.kit-table{padding:12px 16px}.kit-pile{width:100px}.kit-hand .kit-card{height:122px;width:80px}.kit-log{font-size:12px;line-height:15px;max-height:45px}.kit-status span{font-size:12px}}
@media(max-width:370px){.kit-shell{gap:6px}.kit-seat{padding:5px;gap:4px}.kit-avatar{width:22px;height:22px}.kit-avatar svg{width:23px}.kit-seat b{font-size:11px}.kit-foes .kit-seat-info small{font-size:9px}.kit-table{padding:7px 10px;min-height:128px}.kit-pile{width:70px}.kit-log{max-height:28px}.kit-hand .kit-card{width:63px}}
@media(max-height:630px){.kit-shell{gap:5px}.kit-table{min-height:125px;padding-block:6px}.kit-piles{padding-block:4px}.kit-pile{width:65px}.kit-log{max-height:26px;min-height:24px}.kit-hand .kit-card{height:85px;width:62px}.kit-hand{min-height:93px}.kit-seat{padding:5px}.kit-altar{padding:1px}.kit-status{min-height:29px}}
@media(max-height:500px) and (min-width:550px){body.kittens #stage{overflow-y:auto;padding-bottom:60px}.kit-shell{height:auto}.kit-table{flex:none;min-height:155px}.kit-hand .kit-card{height:95px}.kit-panel{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.kit-card,.kit-seat{transition:none}.kit-hand .kit-card.is-new{animation:none}}

.kit-known{display:block;border:0;background:transparent;text-align:left;font:inherit;font-size:10px;color:var(--color-signal-ink);padding:3px 0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}.kit-known:hover{text-decoration:underline}
@media(max-height:670px){
 .kit-shell:has(.crowded) .kit-mode{display:none}
 .kit-foes.crowded .kit-avatar{display:none}
 .kit-foes.crowded .kit-seat{padding:5px 6px}
 .kit-foes.crowded .kit-seat-info{flex-direction:row;align-items:center;gap:5px}
 .kit-foes.crowded .kit-seat-info b{font-size:10px;max-width:42px}
 .kit-shell:has(.crowded) .kit-table{min-height:110px}
 .kit-shell:has(.crowded) .kit-pile{width:56px}
 .kit-shell:has(.crowded) .kit-altar{font-size:8px}
 .kit-shell:has(.crowded) .kit-log{font-size:10px;line-height:12px;min-height:22px}
 .kit-shell:has(.crowded) .kit-hand{min-height:82px}
 .kit-shell:has(.crowded) .kit-hand .kit-card{height:74px;width:58px}
 .kit-shell:has(.crowded) .kit-hand .kit-card b{font-size:8px}
}
/* Шаг партии: кто сыграл и на кого, карта, название и что оно значит. */
.kit-log{position:relative;width:100%;padding:0 18px 0 0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.kit-log::after{content:"›";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--color-soft);font-size:18px;line-height:1}
.kit-log:empty{visibility:hidden}
.kit-beat{position:absolute;left:0;right:0;top:30px;bottom:0;z-index:6;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:6px;padding:16px 12px 10px;pointer-events:none}
.kit-beat-who{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;font-size:13px;font-weight:700}
.kit-beat-who em{font-style:normal;color:var(--color-muted)}
.kit-beat-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 10px 2px 7px;border-radius:99px;background:var(--color-surface);border:1.5px solid var(--player)}
.kit-beat-chip i{width:8px;height:8px;border-radius:50%;background:var(--player)}
.kit-beat-cards{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:8px}
.kit-beat-cards .kit-card{width:auto;height:min(150px,var(--room,120px));cursor:default;animation:kit-reveal .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--k)*90ms)}
.kit-beat-text{max-width:100%;text-align:center}
.kit-beat-text b{display:block;font-size:17px;line-height:21px;letter-spacing:-.01em}
.kit-beat-text span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:var(--color-muted);font-size:11.5px;line-height:15px}
.kit-beat-text span:empty,.kit-beat.is-tight .kit-beat-text span{display:none}
.kit-beat[data-kind=turn]{justify-content:center}
.kit-beat[data-kind=turn] .kit-beat-who,.kit-beat[data-kind=turn] .kit-beat-cards{display:none}
.kit-beat[data-kind=turn] .kit-beat-text b{font-size:30px;line-height:34px;color:var(--color-signal-ink);animation:kit-reveal .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes kit-reveal{from{opacity:0;transform:translateY(18px) scale(.7) rotate(-6deg)}to{opacity:1;transform:none}}
.kit-seat.acting{border-color:var(--player);box-shadow:0 0 0 2px var(--player)}
.kit-seat.targeted{border-color:var(--color-danger);border-style:dashed}
.kit-history{display:flex;flex-direction:column;gap:8px;max-height:60dvh;overflow-y:auto;touch-action:pan-y}
.kit-history p{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.4;color:var(--color-ink)}
.kit-history p:first-child{font-weight:700}
.kit-history i{flex:none;width:8px;height:8px;border-radius:50%}
@media(prefers-reduced-motion:reduce){.kit-beat-cards .kit-card,.kit-beat[data-kind=turn] .kit-beat-text b{animation:none}}