body{background:linear-gradient(135deg,#eff6ff,#faf3ff);color:#293349}main{max-width:900px;margin:auto;padding:16px}nav{display:flex;justify-content:space-between}header{text-align:center;margin:18px 0}h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:0 0 6px}header p{margin:0;color:#5d687d}.war-table{background:linear-gradient(145deg,#e2f4ef,#e8eafd);border:1px solid #d0dce8;border-radius:24px;padding:20px;box-shadow:0 8px 25px #3c526512}.scoreline,.battle{display:flex;justify-content:space-around;align-items:center;gap:14px}.scoreline{font-size:1.1rem}.battle{margin:20px 0}.card-side{text-align:center}.playing-card{width:110px;height:148px;border-radius:14px;background:#fff;border:2px solid #d3dbe8;display:grid;place-items:center;font-size:2.3rem;font-weight:800;box-shadow:0 5px 0 #bcc7d6}.playing-card.red{color:#c03959}.playing-card.back{background:repeating-linear-gradient(45deg,#678ace,#678ace 8px,#789ada 8px,#789ada 16px);color:white;border:5px solid white}.revealed{animation:reveal .25s ease-out}.versus{font-weight:bold;color:#64738e}.current{text-align:center;min-height:96px}.current h2{font-size:1.45rem;margin:0 0 8px}.current p{margin:0;font-size:.95rem}.war .current h2{color:#9845a0}.war{border-color:#b36bb5}.controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}button{font:inherit;font-weight:700;border:1px solid #c5d2e8;border-radius:13px;padding:12px 18px;background:white;color:#354563;cursor:pointer;min-height:44px}button.primary{background:#527fd1;color:white}button:disabled{opacity:.6;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b656d3;outline-offset:4px}#player-deck{margin-top:10px;padding:6px 12px;font-size:.85rem}#pot,#rounds{text-align:center;color:#53647c;font-size:.85rem;margin:10px 0}.guide{line-height:1.7;margin:34px auto;max-width:760px}.guide h2{margin-top:28px}.guide h3{font-size:1.05rem;margin-bottom:4px}.guide p{margin-top:4px}@keyframes reveal{from{transform:scaleX(.3);opacity:.5}to{transform:scaleX(1);opacity:1}}@media(max-width:400px){main{padding:10px}.war-table{padding:14px}.playing-card{width:90px;height:125px;font-size:2rem}.scoreline{font-size:1rem}.battle{margin:14px 0}.current{min-height:112px}}@media(prefers-reduced-motion:reduce){.revealed{animation:none}}
#site-footer{max-width:100%;white-space:normal;overflow-wrap:anywhere}#site-footer a{display:inline-block}main{width:100%;min-width:0}
#site-footer{position:static;padding:16px;line-height:2}
.controls{display:grid;grid-template-columns:1fr 1fr;max-width:440px;margin:auto}.controls #flip{grid-column:1/-1;font-size:1.15rem;min-height:54px}.controls #auto,.controls #restart{font-size:.85rem;background:transparent}.controls #restart.primary{grid-column:1/-1;background:#527fd1;color:white;font-size:1.15rem}.controls #flip[hidden]{display:none}.ready{box-shadow:0 0 0 4px #527fd122}.scoreline span{display:inline-block}.current{min-height:112px}#stakes{display:flex;justify-content:space-around;color:#657bb0;font-size:.85rem;min-height:22px}.battle{margin-bottom:8px}.card-side p{margin:10px 0}.current h2{font-size:clamp(1.15rem,4vw,1.45rem)}

.flip-prompt{min-height:78px;display:flex;justify-content:center;align-items:center;margin:0 auto 8px;max-width:440px}.flip-prompt #flip{position:relative;width:100%;min-height:64px;font-size:1.1rem;border-radius:18px;box-shadow:0 6px 18px #527fd138,0 0 0 5px #ffffffa6;border:2px solid #fff}.flip-prompt #flip::before{content:'';position:absolute;top:-9px;left:calc(50% - 7px);width:14px;height:14px;background:#527fd1;transform:rotate(45deg);border-top:2px solid white;border-left:2px solid white}.flip-prompt #flip[hidden]{display:none}.current{min-height:90px}.controls{margin-top:8px}