.war-wrap{--cw: clamp(60px, 18vw, 88px);--ch: calc(var(--cw) * 1.4);max-width:620px;margin:0 auto}.war-wrap .war-table{display:grid;gap:8px;padding:10px 12px;border-radius:var(--radius);color:#fff;background:radial-gradient(ellipse at 50% 35%,var(--table),var(--table-2))}.war-wrap .war-side{display:flex;align-items:center;gap:14px}.war-wrap .war-deck{--cw: clamp(42px, 12vw, 64px);--ch: calc(var(--cw) * 1.4);position:relative;width:var(--cw);height:var(--ch);flex:none;border-radius:calc(var(--cw) * .08)}.war-wrap .war-deck-btn{appearance:none;border:0;padding:0;background:none;cursor:pointer}.war-wrap .war-deck-btn:disabled{cursor:default}.war-wrap .war-deck-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.war-wrap .war-deck .card{pointer-events:none}.war-wrap .war-stacked .card{box-shadow:3px 3px #0000004d,6px 6px #0000002e}.war-wrap .war-empty{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;border:2px dashed rgb(255 255 255 / .3);color:#fff9;font-size:.8rem}.war-wrap .war-info{display:flex;flex-direction:column;gap:2px;font-weight:600;line-height:1.25}.war-wrap .war-info b{font-size:1.5rem;font-variant-numeric:tabular-nums}.war-wrap .war-won{font-size:.85rem;color:#ffffffb8;font-weight:500}.war-wrap .war-play{display:flex;justify-content:center;align-items:center;min-height:var(--ch)}.war-wrap .war-play .card{position:relative;flex:none;cursor:default;animation:war-in .25s ease-out both}.war-wrap .war-play .war-down+.war-after-down{margin-left:calc(var(--cw) * -.8)}.war-wrap .war-play .war-up+.war-after-down{margin-left:calc(var(--cw) * -.58)}.war-wrap .war-play .war-after-up{margin-left:calc(var(--cw) * -.68)}.war-wrap .war-winner .war-up:last-child .card-face{box-shadow:0 0 0 3px #ffd166,0 0 16px #ffd166b3}.war-wrap .war-mid{display:flex;flex-direction:column;align-items:center;gap:4px}.war-wrap .war-banner{min-height:2.6em;display:grid;place-items:center;text-align:center;font-weight:700;font-size:1rem;line-height:1.3}.war-wrap .war-banner-war{color:#ffd166;font-size:1.15rem}.war-wrap .war-clock{font-weight:700;font-variant-numeric:tabular-nums;padding:2px 12px;border-radius:999px;background:#00000040}.war-wrap .war-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.war-wrap .war-big{min-height:48px;flex:1 1 96px;font-size:1.02rem}.war-wrap .war-keys{text-align:center;margin:8px 0 0}@keyframes war-in{0%{opacity:0;transform:translateY(-8px) scale(.94)}}@media (max-width: 400px){.war-wrap .war-table{padding:8px}.war-wrap .war-big{flex-basis:30%;padding:8px 6px;font-size:.95rem}}