@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Oswald:wght@500;600;700&display=swap";.war-body{color:#f4ead4;background:#24160f;min-height:100dvh;margin:0;font-family:Oswald,Trebuchet MS,Segoe UI,sans-serif}.war-page{box-sizing:border-box;place-items:center;min-height:100dvh;padding:0;display:grid}.war-stage{aspect-ratio:1024/741;width:min(100vw,138.192dvh);height:min(100dvh,72.3633vw);position:relative;overflow:hidden;box-shadow:0 18px 48px #0000008c;container-type:size}.war-table{object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;display:block}.war-nav,.war-joe,.war-joe-deck,.war-battle,.deal-button,.war-you-deck,.war-you,.war-status,.won-pile{z-index:2;position:absolute}.war-nav{background:linear-gradient(#2b2a28,#141311);border:1px solid #1a140e;border-radius:999px;justify-content:center;align-items:center;gap:.85cqw;width:max-content;max-width:78%;padding:.4cqh 1.6cqw .4cqh .45cqw;display:flex;top:6.8%;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #00000059}.nav-logo{box-shadow:none;background:0 0;border:0;flex:none;margin:0 .15cqw 0 0;padding:0;line-height:0;display:block}.nav-logo img{width:auto;max-width:none;height:4.4cqw;display:block}.war-nav button,.war-nav span{color:#efe3c6;letter-spacing:.14em;background:0 0;border:0;margin:0;padding:0;font-family:Oswald,sans-serif;font-size:1.7cqw;font-weight:600;line-height:1}.war-nav span{opacity:.55}.war-nav button{cursor:pointer}.war-nav button:hover,.war-nav button:focus-visible{color:#fff6d8}.war-joe{top:15.6%;left:50%;transform:translate(-50%)}.war-joe-deck{top:29%;left:50%;transform:translate(-50%)}.war-battle{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;width:68%;height:21%;display:flex;top:36.4%;left:50%;transform:translate(-50%)}.deal-button{z-index:3;color:#f7f0de;letter-spacing:.2em;text-shadow:0 .12cqh #4608068c;cursor:pointer;background:radial-gradient(circle at 50% 0,#ffffff38,#0000 42%),linear-gradient(#f06a5c 0%,#d33c34 22%,#b1221c 62%,#8a1612 100%);border:.22cqw solid #f0d7a4;border-radius:.45cqw;min-width:18.5cqw;padding:1.05cqh 3.4cqw 1.15cqh;font-family:Black Ops One,Oswald,sans-serif;font-size:2.85cqw;line-height:1;position:absolute;top:59.6%;left:50%;transform:translate(-50%);box-shadow:inset 0 .18cqh #ffffff61,inset 0 -.28cqh #46080673,inset .18cqw 0 #ffffff1a,inset -.18cqw 0 #00000038,0 .7cqh 1.1cqh #0006}.deal-button .rivet{width:.72cqw;height:.72cqw}.deal-button:disabled{cursor:default;opacity:.45}.war-you-deck{top:68.2%;left:50%;transform:translate(-50%)}.start-layout{z-index:3;pointer-events:none;position:absolute;inset:0}.start-deck-slot{width:13.6cqw;position:absolute;top:38.2%;left:18%}.start-deck-slot .deck-stack-art{width:100%}.pile-anchor,.battle-anchor{pointer-events:none;width:0;height:0;position:absolute}.pile-anchor{top:44.6%;left:49.8%}.battle-anchor{top:55.5%;left:50%}.battle-anchor-you{left:calc(50% - 4.975cqw)}.battle-anchor-joe{left:calc(50% + 4.975cqw)}button.war-you-deck{cursor:pointer;background:0 0;border:0;width:13.6cqw;margin:0;padding:0;line-height:0;display:block}.won-pile{--won-card:8.2cqw;--won-gap:2.2cqw;--stack-box:13.6cqw;width:var(--won-card);height:calc(var(--won-card) * 7 / 5);pointer-events:none;margin-top:calc((var(--stack-box) * 756 / 819 - var(--won-card) * 7 / 5) / 2)}.won-pile .pile-anchor{top:50%;left:50%}.capture-card{width:100%;transform:translate(-50%, -50%) translate(var(--dx,0cqw), var(--dy,0cqw)) rotate(var(--rot,0deg));position:absolute;top:50%;left:50%}.won-pile-joe{--won-gap:1.35cqw;top:29%;left:calc(50% + (var(--stack-box) * .8022 - var(--stack-box) / 2) + var(--won-gap) + var(--won-card) / 2);transform:translate(-50%)}.won-pile-you{top:68.2%;left:calc(50% - (var(--stack-box) / 2 - var(--stack-box) * .1832) - var(--won-gap) - var(--won-card) / 2);margin-top:calc((var(--stack-box) * 756 / 819 - var(--won-card) * 7 / 5) / 2 - 1.15cqw);transform:translate(-50%)}.won-pile .playing-card{width:100%}.start-copy{flex-direction:column;align-items:center;gap:1.5cqh;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%)}.start-copy .deal-button{pointer-events:auto;position:relative;top:auto;left:auto;transform:none}.start-instruction,.play-instruction{color:#f7f0de;letter-spacing:.12em;text-align:center;text-shadow:0 .12cqh #3d100c,0 .28cqh .5cqh #000000b3;margin:0;font-family:Black Ops One,Oswald,sans-serif;font-size:2cqw;font-weight:400;line-height:1}.play-instruction.is-war{z-index:12;top:43.6%}.play-instruction{z-index:4;letter-spacing:.07em;white-space:nowrap;pointer-events:none;width:max-content;max-width:92%;font-size:1.72cqw;position:absolute;top:64.6%;left:50%;transform:translate(-50%)}.victory-splash{z-index:12;pointer-events:none;transform-origin:50%;background:0 0;border:0;width:min(66cqw,90%);margin:0;padding:0;position:absolute;top:46.5%;left:50%}.victory-splash img{user-select:none;-webkit-user-drag:none;background:0 0;border:0;width:100%;height:auto;display:block}.play-again{z-index:13;letter-spacing:.1em;white-space:nowrap;min-width:22cqw;padding-left:2.2cqw;padding-right:2.2cqw;font-size:2.15cqw;top:67.2%}.game-draw{color:#f7f0de;letter-spacing:.16em;text-align:center;white-space:nowrap;text-shadow:0 .12cqh #3d100c,0 .28cqh .5cqh #000000b3;margin:0;font-family:Black Ops One,Oswald,sans-serif;font-size:4.4cqw;font-weight:400;line-height:1}.reshuffle-card{--card-w:8.2cqw}.war-cue{z-index:9;pointer-events:none;transform-origin:50%;width:64cqw;margin:0;position:absolute;top:47%;left:50%}.war-cue img{filter:drop-shadow(0 .7cqh .15cqh #5a100a73)drop-shadow(0 1.5cqh 1.8cqh #00000080);user-select:none;width:100%;height:auto;display:block}.war-stage[data-phase=tied][data-war-cue=running] .war-you-deck,.war-stage[data-phase=tied][data-war-cue=running] .deal-button,.war-stage[data-phase=game-over] .war-you-deck{pointer-events:none}.deck-stack-art.is-pending{visibility:hidden}.flight-card,.riffle-card,.reveal-card{--card-w:7.55cqw;z-index:6;width:var(--card-w);aspect-ratio:436/655;pointer-events:none;position:absolute}.flight-card,.riffle-card{transform:translate(-50%, -50%) rotate(var(--spin,0deg))}.flight-card img,.riffle-card img,.reveal-back img{object-fit:contain;filter:drop-shadow(0 .45cqh .7cqh #00000073);user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.war-stack-card{z-index:8;transition:left .18s,top .18s}.reveal-card{left:calc(var(--x) * 1% - var(--card-w) / 2);top:calc(var(--y) * 1% - (var(--card-w) * 655 / 436) / 2);perspective:90cqw}.reveal-inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotate(var(--spin,0deg)) rotateY(var(--flip,0deg));position:relative}.reveal-back,.reveal-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.reveal-face{transform:rotateY(180deg)}.reveal-face .playing-card{aspect-ratio:auto;width:100%;height:100%}.war-you{top:auto;bottom:3.2%;left:38%;transform:none}.war-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nameplate-art{filter:drop-shadow(0 .4cqh .55cqh #0006);pointer-events:none;width:27cqw;position:relative}.nameplate-art img{width:100%;height:auto;display:block}.nameplate-count{color:#ead9b0;letter-spacing:.08em;white-space:nowrap;width:27%;height:19%;text-shadow:none;place-items:center;margin:0;font-family:Black Ops One,Oswald,sans-serif;font-size:1.55cqw;font-weight:400;line-height:1;display:grid;position:absolute;top:67.5%;left:51.5%}.nameplate-joe .nameplate-count,.nameplate-you .nameplate-count{color:#ead9b0;letter-spacing:.1em;background:0 0;width:26%;height:20%;font-size:1.6cqw;top:66%;left:52%}.rivet{background:radial-gradient(circle at 32% 28%,#f0e4c4,#b39a68 42%,#6a5a3a 68%,#2c2618 100%);border-radius:50%;width:.85cqw;height:.85cqw;position:absolute;box-shadow:0 .12cqh .18cqh #00000073,inset 0 .08cqh #ffffff8c}.rivet-tl{top:.45cqh;left:.45cqw}.rivet-tr{top:.45cqh;right:.45cqw}.rivet-bl{bottom:.45cqh;left:.45cqw}.rivet-br{bottom:.45cqh;right:.45cqw}.playing-card,.deck-empty{aspect-ratio:5/7;box-sizing:border-box;width:8.2cqw}.playing-card.compact,.down-stack .playing-card{width:4.8cqw}.deck-stack-art{pointer-events:none;user-select:none;width:13.6cqw;height:auto;display:block}.deck-empty{color:#f4ead4;letter-spacing:.12em;border:2px dashed #f4ead4b3;border-radius:.7cqw;place-items:center;font-size:1.1cqw;display:grid}.card-back,.card-face{border-radius:.7cqw;position:relative;overflow:hidden;box-shadow:0 .6cqh 1.1cqh #00000059}.card-back{box-shadow:none;filter:drop-shadow(0 .6cqh 1.1cqh #00000059);background:0 0;border-radius:0;overflow:visible}.card-back-art{object-fit:contain;object-position:center;pointer-events:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card-face{color:#1c1a16;background:radial-gradient(circle at 20% 0,#ffffff59,#0000 36%),linear-gradient(#fbf6e8 0%,#efe2c4 100%);border:1px solid #d8c7a2}.card-face.red{color:#c4342a}.corner{flex-direction:column;align-items:center;font-size:1.25cqw;font-weight:700;line-height:.9;display:flex;position:absolute}.playing-card.compact .corner{font-size:.85cqw}.corner.top{top:4%;left:7%}.corner.bottom{bottom:4%;right:7%;transform:rotate(180deg)}.pips{position:absolute;inset:12% 16%}.pip{font-size:1.55cqw;line-height:1;position:absolute;transform:translate(-50%,-50%)}.playing-card.compact .pip{font-size:1cqw}.pip.flip{transform:translate(-50%,-50%)rotate(180deg)}.center-mark{flex-direction:column;justify-content:center;align-items:center;line-height:.9;display:flex;position:absolute;inset:0}.center-rank{font-family:Black Ops One,Oswald,sans-serif;font-size:2.9cqw}.center-suit{font-size:2.5cqw}.battle{flex-direction:column;justify-content:flex-end;align-items:center;gap:.45cqh;width:100%;height:100%;display:flex}.tied-row{flex-wrap:wrap;justify-content:center;gap:1cqw;display:flex}.tied-pair{align-items:center;gap:.5cqw;display:flex}.tied-pair .playing-card{width:3.8cqw}.tied-label{color:#f4ead4;letter-spacing:.12em;text-shadow:0 1px 2px #1a120c;font-family:Black Ops One,Oswald,sans-serif;font-size:1.1cqw}.war-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7cqw 1cqw;display:flex}.war-stamp{color:#c4342a;letter-spacing:.14em;text-shadow:0 1px #fff6d8;background:#f4ead4e6;border:.18cqw solid #c4342a;margin:0;padding:.08cqh .55cqw;font-family:Black Ops One,Oswald,sans-serif;font-size:1.5cqw;transform:rotate(-6deg)}.war-count{color:#f4ead4;letter-spacing:.12em;background:#120c08b8;border-radius:2px;margin:0;padding:.15cqh .8cqw;font-size:1.05cqw}.battle-row{justify-content:center;align-items:flex-end;gap:2.4cqw;display:flex}.battle-side{align-items:flex-end;gap:.6cqw;display:flex}.down-stack{margin:0 .4cqw;position:relative}.down-badge{color:#f4ead4;letter-spacing:.06em;background:#24160f;border:1px solid #f4ead4;padding:.1cqh .35cqw;font-size:.95cqw;position:absolute;bottom:-.4cqh;right:-.6cqw}.battle-result{color:#f4ead4;letter-spacing:.12em;background:#120c08c7;border:1px solid #f4ead4;margin:.2cqh 0 0;padding:.15cqh .7cqw;font-family:Black Ops One,Oswald,sans-serif;font-size:1.35cqw}.overlay{z-index:20;background:#140c089e;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.overlay-panel{color:#24160f;background:radial-gradient(circle at 50% 0,#ffffff2e,#0000 42%),linear-gradient(#f7edd4 0%,#e6d3aa 100%);border:4px solid #c4342a;width:min(36rem,100%);max-height:min(78dvh,40rem);padding:1.1rem 1.25rem 1.3rem;overflow:auto;box-shadow:0 18px 40px #0006}.overlay-head{border-bottom:2px solid #c4342a;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;padding-bottom:.5rem;display:flex}.overlay-head h2{letter-spacing:.08em;margin:0;font-family:Black Ops One,Oswald,sans-serif;font-size:1.45rem}.overlay-close,.option-row,.speed-set label{font:inherit}.overlay-close{color:#f4ead4;letter-spacing:.12em;cursor:pointer;background:#24160f;border:1px solid #24160f;padding:.35rem .7rem}.overlay-body p,.option-note{margin:0 0 .75rem;line-height:1.45}.guide-section h3{letter-spacing:.05em;margin:1.05rem 0 .4rem;font-family:Black Ops One,Oswald,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.3}.guide-section:first-child h3{margin-top:.15rem}.guide-section ul{margin:0 0 .75rem;padding-left:1.25rem}.guide-section li{margin:0 0 .3rem;line-height:1.45}.guide-section strong{font-weight:700}.guide-copyright{margin-top:.35rem;font-weight:700}.option-row,.speed-set label{letter-spacing:.04em;align-items:center;gap:.55rem;margin-bottom:.55rem;font-weight:600;display:flex}.speed-set{border:1px solid #8a7048;margin:.4rem 0 .8rem;padding:.7rem .8rem .3rem}.speed-set legend{letter-spacing:.08em;font-family:Black Ops One,Oswald,sans-serif}.audio-set{border:1px solid #8a7048;margin:0 0 .85rem;padding:.75rem .8rem .85rem}.audio-set legend{letter-spacing:.08em;padding:0 .35rem;font-family:Black Ops One,Oswald,sans-serif}.audio-line{align-items:center;gap:.7rem;display:flex}.audio-line input[type=range]{accent-color:#b1221c;cursor:pointer;flex:1;min-width:0;height:1.6rem}.audio-percent{letter-spacing:.06em;text-align:right;min-width:3.4rem;font-family:Black Ops One,Oswald,sans-serif;font-size:1rem}.audio-mute{color:#f4ead4;letter-spacing:.08em;cursor:pointer;background:#24160f;border:1px solid #24160f;flex:none;padding:.4rem .7rem;font-family:Black Ops One,Oswald,sans-serif}.audio-mute[aria-pressed=true]{background:#8a1612;border-color:#8a1612}.war-nav button:focus-visible,.deal-button:focus-visible,button.war-you-deck:focus-visible,.overlay-close:focus-visible,.option-row input:focus-visible,.speed-set input:focus-visible,.audio-line input:focus-visible,.audio-mute:focus-visible,.nav-logo:focus-visible{outline-offset:3px;outline:3px solid #fff4c2}@media (width<=720px){.war-nav{max-width:92%}.audio-line{flex-wrap:wrap}.audio-line input[type=range]{flex-basis:100%}}