/* The third cabinet: a sun-warmed pizzeria receipt wrapped around a seaside duel. */
.wars-page{--wars-red:#b84932;--wars-dark:#28493f;--wars-green:#497769;--wars-sand:#ecd8a5;--wars-cheese:#efd17d}
.wars-page [hidden]{display:none!important}
.wars-page button,.wars-page input,.wars-page select{font-family:var(--mono)}
.wars-page button,.wars-page select{touch-action:manipulation}
.wars-page select:focus-visible{outline:3px solid #427e85;outline-offset:3px}
.wars-page .game-menu{grid-template-columns:repeat(3,minmax(0,1fr))}
.wars-page .game-menu>a{padding-inline:18px;gap:13px;border-right:1px solid var(--line)}
.wars-page .game-menu>a:first-child{padding-left:0}
.wars-page .game-menu>a:last-child{border-right:0}
.wars-page .menu-copy>strong{font-size:30px}
.wars-page .menu-number{font-size:25px}
.wars-page .menu-meta{font-size:8px;gap:6px;flex-wrap:wrap;line-height:1.5}
.wars-page .menu-description{font-size:9px;line-height:1.6}
.wars-page .menu-arrow{font-size:24px}
.wars-page .menu-wars[aria-current=page]{box-shadow:inset 0 -3px var(--wars-red)}
.wars-intro h2>span{color:var(--wars-red)}
.wars-intro>p{padding-left:22px;border-left:1px solid var(--line)}
.wars-cabinet{background:var(--wars-dark);border-color:#2e392d;touch-action:pan-y}
.wars-cabinet .cabinet-top{height:44px;background:var(--wars-dark);padding-inline:16px}
.wars-cabinet .cabinet-top>span:nth-child(2){font-size:8px;letter-spacing:.6px}
.wars-cabinet .cabinet-tools button{min-height:44px;min-width:44px;font-size:8px;letter-spacing:.4px;padding:0 3px;color:#f8eed6}
.wars-hud{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;padding:17px 22px 16px;background:#f0e7d1;border-top:1px solid #16362e}
.wars-hud>div{min-width:0}
.wars-player .hud-label{display:flex;gap:6px;align-items:center;letter-spacing:.65px;min-width:0;margin-bottom:8px;color:#6d6a55;font-size:8px;white-space:nowrap}
.wars-player .hud-label span{overflow:hidden;text-overflow:ellipsis}
.wars-player .hud-label i{display:inline-block;width:7px;height:7px;flex:none;background:var(--wars-red)}
.wars-player strong{font-size:31px;letter-spacing:-1px;color:var(--wars-red);font-variant-numeric:tabular-nums}
.wars-hp-unit{display:inline-block;font-size:8px;line-height:1.4;letter-spacing:.7px;max-width:36px;margin-left:7px;color:#8a8067;vertical-align:2px}
.wars-player-two{text-align:right}
.wars-player-two .hud-label{justify-content:flex-end}
.wars-player-two .hud-label i{background:var(--wars-green)}
.wars-player-two strong{color:var(--wars-green)}
.wars-match-info{text-align:center}
.wars-match-info>.hud-label{font-size:8px;letter-spacing:.85px;margin-bottom:6px}
.wars-match-info>strong{display:block;font-size:16px;letter-spacing:1px;color:var(--wars-dark)}
.wars-wind{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:8px;color:#7f806c;font-size:8px;letter-spacing:.35px;white-space:nowrap}
.wars-wind b{color:var(--wars-dark);font-size:10px;letter-spacing:0}
.wars-screen{aspect-ratio:960/600;background:#528c7c;contain:paint}
.wars-screen canvas{height:auto;aspect-ratio:960/600}
.wars-screen .scanlines{mix-blend-mode:normal;opacity:.3;z-index:2}
.wars-screen .game-overlay{backdrop-filter:none;background:#233a2735;z-index:3;padding:14px}
.wars-ticket{position:relative;width:402px;max-width:100%;max-height:100%;padding:24px 26px 20px;text-align:center;background:#fff1d6f7;border:2px solid #293d31;box-shadow:6px 7px 0 #273c356b;transform:rotate(-1.25deg)}
.wars-ticket:before{content:'';position:absolute;left:0;right:0;top:-5px;height:4px;background:repeating-linear-gradient(90deg,transparent 0 9px,#293d31 9px 11px)}
.wars-ticket .edition{color:#697057;font-size:8px;letter-spacing:1.2px}
.wars-ticket h2{font:normal 61px/.88 var(--display);letter-spacing:-1.5px;margin:18px 0 13px;color:var(--wars-dark)}
.wars-ticket h2 span{color:var(--wars-red)}
.wars-ticket p{font-size:10px;line-height:1.6;margin:12px 0 17px;color:#6a6553}
.wars-name-label{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:8px;letter-spacing:.8px;font-weight:bold;color:var(--wars-dark);margin-bottom:7px}
.wars-name-label>span{font-size:8px;color:#8c8269;font-weight:normal;letter-spacing:.5px}
#wars-name{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #a09475;border-radius:0;background:#fffaec;padding:10px 12px;font-size:16px;color:var(--ink)}
#wars-name::placeholder{color:#a59b7f;font-size:12px}
.wars-lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.wars-ticket .primary-button,.wars-secondary{min-height:46px;font-size:10px;letter-spacing:.25px;padding:11px 10px}
.wars-ticket .primary-button{background:var(--wars-red);color:#fff5df;border-color:#293d31;box-shadow:2px 3px 0 #293d31}
.wars-ticket .primary-button:hover{background:#d25a3b}
.wars-secondary{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #49705b;box-shadow:2px 3px 0 #b7bc92;background:#dfe5b0;color:var(--wars-dark);font-weight:bold}
.wars-secondary:hover{background:#edf0c7}
.wars-secondary span{font-size:16px}
.wars-ticket .card-foot{font-size:8px;letter-spacing:.4px;color:#82775c;margin-top:17px;padding-top:12px;border-top:1px dashed #c4b492}
.wars-lobby-overlay:has(#wars-join:not([hidden])) #wars-bot,.wars-lobby-overlay:has(#wars-join:not([hidden])) #wars-invite{display:none}
#wars-join{grid-column:1/-1}
.wars-waiting{text-align:left;margin-top:16px;border-top:1px dashed #c4b492;padding-top:15px}
.wars-waiting>strong{font-size:9px;line-height:1.5;color:var(--wars-dark)}
.wars-waiting>p{font-size:9px;margin:6px 0 11px}
.wars-link-row{display:flex;border:1px solid #49705b;min-width:0}
#wars-link{width:0;min-width:0;flex:1;border:0;border-radius:0;background:#fffaec;color:var(--wars-dark);min-height:44px;font-size:10px;padding:8px}
#wars-copy{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;padding:8px 10px;border:0;border-left:1px solid #49705b;background:#dfe5b0;color:var(--wars-dark);font-size:8px;font-weight:bold}
.wars-lobby-overlay:has(#wars-waiting:not([hidden])) .wars-name-label,.wars-lobby-overlay:has(#wars-waiting:not([hidden])) #wars-name,.wars-lobby-overlay:has(#wars-waiting:not([hidden])) .wars-lobby-actions,.wars-lobby-overlay:has(#wars-waiting:not([hidden])) #wars-lobby-copy{display:none}
.wars-lobby-overlay:has(#wars-waiting:not([hidden])) .wars-ticket h2{font-size:45px}
.wars-result-ticket{transform:rotate(.75deg);padding:29px 30px 23px}
.wars-result-ticket h2{font-size:53px;line-height:.98;margin:23px 0 12px;padding-inline:15px;overflow-wrap:anywhere}
.wars-result-ticket p{font-size:11px;line-height:1.6;margin:15px 0 23px;overflow-wrap:anywhere}
.wars-result-ticket .primary-button{font-size:10px}
.wars-result-seal{position:absolute;top:-21px;right:13px;display:grid;place-content:center;width:53px;height:53px;border:2px solid var(--wars-red);outline:1px solid var(--wars-red);outline-offset:-5px;transform:rotate(13deg);background:#fff1d6;color:var(--wars-red);font-size:8px;line-height:1.35;letter-spacing:1px;font-weight:bold;border-radius:50%}
.wars-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 100px;grid-template-areas:'angle power power' 'weapon move fire';gap:9px 14px;padding:15px 18px 17px;background:var(--wars-dark);color:#f6ecd4;border-top:1px solid #78947b}
.wars-slider{min-width:0;grid-area:angle;display:block}
.wars-slider:has(#wars-power){grid-area:power}
.wars-slider>span{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:bold;letter-spacing:.8px;color:#c7d0ae}
.wars-slider output{font-size:12px;letter-spacing:0;color:#f3e7c8;font-variant-numeric:tabular-nums}
.wars-slider input{display:block;width:100%;min-width:0;height:36px;margin:0;accent-color:var(--wars-cheese);cursor:pointer;touch-action:pan-x}
.wars-weapon-control{grid-area:weapon;min-width:0}
.wars-weapon-control>label,.wars-move-control>span{display:block;font-size:8px;font-weight:bold;letter-spacing:.65px;color:#c7d0ae;margin-bottom:7px}
#wars-weapon{width:100%;height:44px;min-height:44px;border:1px solid #90a083;border-radius:0;background:#e9edca;color:#294a3e;font-size:10px;padding:8px 6px;cursor:pointer}
.wars-move-control{grid-area:move;min-width:0;justify-self:end;width:96px}
.wars-move-control>div{display:flex;gap:6px}
.wars-move-control button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;border:1px solid #90a083;background:transparent;color:#f6ecd4;font-size:21px;line-height:1}
.wars-move-control button:hover{background:#416554}
.wars-fire{grid-area:fire;align-self:end;background:var(--wars-cheese);border-color:#182e25;box-shadow:2px 3px 0 #142b21;min-height:44px;padding:11px 12px;font-size:12px;color:#293d31}
.wars-fire:hover{background:#ffe8a3}
.wars-controls button:disabled,.wars-controls select:disabled,.wars-controls input:disabled{opacity:.48}
.wars-statusbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:0 16px;background:#e8e1cb;color:#4d5647;min-height:36px;border-top:1px solid #93a087}
#wars-status{font-size:8px;line-height:1.5;margin:0;padding:9px 0;min-width:0;overflow-wrap:anywhere}
#wars-leave,#wars-retry{border:0;background:none;color:var(--wars-dark);font-size:8px;font-weight:bold;letter-spacing:.45px;min-height:44px;padding:8px 0;white-space:nowrap}
#wars-leave span{font-size:12px;margin-left:3px}
#wars-error{font-size:9px;line-height:1.5;margin:0;padding:10px 0;color:#922f20;overflow-wrap:anywhere}
#wars-retry{color:#922f20}
.wars-sidebar{display:block}
.wars-howto{margin-top:0;background:#e0e5b1;transform:rotate(.8deg);padding:20px 21px 17px}
.wars-howto h3{font-size:28px;line-height:1.08;color:var(--wars-dark);margin:10px 0 20px}
.wars-howto ol{list-style:none;margin:0;padding:0}
.wars-howto li{display:flex;align-items:start;gap:11px;margin-top:12px}
.wars-howto li>span{flex:none;display:grid;place-items:center;width:20px;height:20px;border:1px solid #a0ad78;color:var(--wars-dark);font-size:8px}
.wars-howto li p{font-size:9px;line-height:1.7;margin:-2px 0 0}
.wars-howto li strong{color:var(--wars-dark)}
.wars-howto .note-bottom{font-size:8px;letter-spacing:.35px;line-height:1.7}
.wars-menu-card{margin-top:22px;border:1px solid #8c886f;background:#f9f1de;position:relative}
.wars-menu-card .board-heading{padding:21px 20px 15px}
.wars-menu-card .board-heading .eyebrow{font-size:8px;color:#9c6343}
.wars-menu-card .board-heading h2{font-size:28px;letter-spacing:-1px}
.wars-menu-card .board-heading h2>span{color:var(--wars-red)}
.wars-menu-card .board-heading p{font-size:8px}
.wars-arsenal{margin:0;padding:0 20px}
.wars-arsenal>div{padding:13px 0;border-top:1px dashed #c6baa0}
.wars-arsenal dt{display:flex;gap:8px;align-items:center;font-weight:bold;font-size:8px;letter-spacing:.1px}
.wars-arsenal dt small{margin-left:auto;font-size:15px;color:#9c6343}
.wars-ammo-icon{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #c6baa0;background:#f0dfbb;color:var(--wars-red);font-size:17px;line-height:1}
.wars-ammo-icon.olive{color:var(--wars-dark)}
.wars-ammo-icon.family{color:#c6833f}
.wars-arsenal dd{margin:5px 0 0 31px;color:#80755c;font-size:8px;line-height:1.7}
.wars-menu-foot{border-top:1px solid #c6baa0;padding:12px 17px;background:#f1e5c9;font-size:8px;letter-spacing:.3px;line-height:1.5}
.wars-friend-note{display:flex;align-items:start;gap:12px;margin-top:23px;padding:0 4px}
.wars-link-stamp{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid var(--wars-red);outline:1px solid var(--wars-red);outline-offset:-5px;transform:rotate(-7deg);color:var(--wars-red);font-size:29px;font-family:Georgia,serif}
.wars-friend-note .eyebrow{font-size:8px;letter-spacing:.6px;margin:2px 0 7px}
.wars-friend-note p{font-size:9px;line-height:1.6;margin:0 0 6px;color:#676653}
.wars-friend-note small{display:block;font-size:8px;line-height:1.7;color:#8b8069}
.wars-delivery-strip{display:flex;align-items:center;gap:20px;margin-top:30px;padding:19px 3px;border-block:1px solid var(--line)}
.wars-delivery-strip>span{font-size:45px;line-height:1;color:var(--wars-red)}
.wars-delivery-strip .eyebrow{font-size:8px;color:var(--wars-dark)}
.wars-delivery-strip p{font-size:11px;line-height:1.5;margin:6px 0 0}
.wars-delivery-strip>small{margin-left:auto;border-left:1px solid var(--line);padding-left:25px;font-size:8px;letter-spacing:.8px;line-height:1.8;white-space:nowrap}
#wars-help-close{width:44px;height:44px;right:6px;top:5px}
@media(max-width:1150px){
 .wars-page .game-menu>a{gap:10px;padding-inline:13px}.wars-page .menu-copy>strong{font-size:25px}.wars-page .menu-number{font-size:21px}.wars-page .menu-description{font-size:8px}.wars-page .menu-arrow{display:none}
 .wars-hud{padding:14px 16px}.wars-player strong{font-size:27px}.wars-hp-unit{display:none}.wars-match-info>strong{font-size:14px}.wars-hud .hud-label{font-size:8px}.wars-match-info>.hud-label{font-size:8px}
 .wars-cabinet .cabinet-top>span:nth-child(2){display:none}.wars-controls{padding:13px 13px 15px;gap:8px 10px;grid-template-columns:minmax(0,1fr) 96px 86px}.wars-slider{grid-column:1}.wars-ticket{width:360px;padding:20px 22px 16px}.wars-ticket h2{font-size:51px;margin:15px 0 11px}.wars-ticket p{margin:9px 0 13px}.wars-ticket .card-foot{margin-top:13px;padding-top:10px}.wars-howto h3{font-size:25px}.wars-howto li p{font-size:8px}.wars-menu-card .board-heading h2{font-size:25px}.wars-menu-card .board-heading{padding-inline:17px}.wars-arsenal{padding-inline:17px}.wars-arsenal dt{font-size:8px}
}
@media(max-width:850px){
 .wars-page .game-menu>a{gap:10px}.wars-page .menu-copy>strong{font-size:26px}.wars-page .menu-meta{font-size:8px}.wars-page .menu-number{font-size:22px}
 .wars-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.wars-howto{padding:23px}.wars-howto h3{font-size:29px}.wars-howto li p{font-size:10px}.wars-menu-card{margin:0}.wars-menu-card .board-heading h2{font-size:30px}.wars-arsenal dt{font-size:9px}.wars-arsenal dd{font-size:9px}.wars-friend-note{grid-column:1/-1;max-width:420px;margin:2px 0 0}.wars-friend-note .eyebrow{font-size:8px}.wars-friend-note p{font-size:10px}
 .wars-ticket{width:400px;padding:25px 27px 20px}.wars-ticket h2{font-size:60px}.wars-hud{padding:15px 20px}.wars-hud .hud-label{font-size:8px}.wars-match-info>.hud-label{font-size:8px}.wars-player strong{font-size:31px}.wars-controls{grid-template-columns:minmax(0,1fr) 110px 104px;padding:15px 18px 17px;gap:9px 14px}.wars-move-control{width:102px}.wars-move-control>div{gap:10px}.wars-hp-unit{display:inline-block}
}
@media(max-width:600px){
 .wars-page .game-menu>a,.wars-page .game-menu>a:first-child{position:relative;display:block;padding:15px 9px 13px;min-height:112px}.wars-page .game-menu>a:first-child{padding-left:0}.wars-page .menu-number{position:absolute;right:8px;top:12px;font-size:14px}.wars-page .menu-copy{display:flex;gap:8px}.wars-page .menu-copy>strong{font-size:22px;letter-spacing:-.5px;white-space:nowrap}.wars-page .menu-meta{font-size:0;min-height:19px;letter-spacing:0;padding-right:12px}.wars-page .menu-meta b{font-size:8px;padding:3px 4px}.wars-page .menu-description{font-size:8px;line-height:1.6;max-width:110px}
 .wars-hud{padding:12px 12px 11px;gap:8px}.wars-hud .hud-label{font-size:8px;letter-spacing:.2px;margin-bottom:6px}.wars-player strong{font-size:24px;letter-spacing:-.5px}.wars-hp-unit{display:none}.wars-match-info>.hud-label{font-size:8px;letter-spacing:.4px}.wars-match-info>strong{font-size:12px;letter-spacing:.6px}.wars-wind{gap:4px;font-size:8px;margin-top:6px}.wars-wind b{font-size:9px}
 .wars-intro>p{padding:0;border:0}.wars-screen{aspect-ratio:960/600;min-height:216px}.wars-screen canvas{width:100%;height:100%;object-fit:contain}.wars-screen .game-overlay{padding:9px}.wars-ticket{width:340px;max-width:96%;padding:12px 16px 11px;transform:rotate(-.6deg)}.wars-ticket .edition{font-size:8px;letter-spacing:.8px}.wars-ticket h2{font-size:32px;line-height:.9;margin:10px 0}.wars-ticket #wars-lobby-copy{display:none}.wars-name-label{font-size:8px;margin-bottom:4px}.wars-name-label>span{font-size:8px}.wars-lobby-actions{gap:8px;margin-top:8px}.wars-ticket .primary-button,.wars-secondary{font-size:10px;min-height:44px;padding:10px 9px}.wars-ticket .card-foot{display:none}.wars-waiting{margin-top:10px;padding-top:10px}.wars-waiting>strong{font-size:8px}.wars-waiting>p{font-size:8px;margin:5px 0 8px}.wars-lobby-overlay:has(#wars-waiting:not([hidden])) .wars-ticket h2{font-size:30px}.wars-result-ticket{padding:16px 19px}.wars-result-ticket h2{font-size:34px;margin:9px 0 10px;padding:0 13px}.wars-result-ticket p{font-size:9px;line-height:1.5;margin:9px 0 13px}.wars-result-seal{width:40px;height:40px;font-size:6px;top:-17px;right:10px}
 .wars-controls{grid-template-columns:minmax(0,1fr) 94px 82px;padding:12px;gap:8px}.wars-slider input{height:36px}.wars-slider>span{font-size:8px}.wars-slider output{font-size:11px}.wars-weapon-control>label,.wars-move-control>span{font-size:8px;letter-spacing:.5px;margin-bottom:6px}#wars-weapon{font-size:9px;padding-inline:5px}.wars-move-control{width:94px}.wars-move-control>div{gap:6px}.wars-fire{font-size:11px;padding:11px 10px}.wars-statusbar{padding-inline:11px;gap:0 8px}#wars-status{font-size:8px}#wars-leave{font-size:8px}#wars-error{font-size:8px}
 .wars-sidebar{grid-template-columns:1fr;gap:22px}.wars-howto{padding:23px;transform:rotate(-.7deg)}.wars-howto h3{font-size:31px}.wars-howto h3 br{display:block}.wars-howto li p{font-size:10px;max-width:none}.wars-howto .note-bottom{font-size:8px}.wars-menu-card .board-heading{padding:23px 21px 18px}.wars-arsenal{padding-inline:21px}.wars-arsenal dt{font-size:9px}.wars-arsenal dd{font-size:10px}.wars-menu-foot{font-size:8px;padding-inline:21px}.wars-friend-note{margin:0 0 0 4px;padding:0}.wars-delivery-strip{gap:13px;padding:18px 2px;margin-top:24px}.wars-delivery-strip>span{font-size:35px}.wars-delivery-strip .eyebrow{font-size:8px}.wars-delivery-strip p{font-size:9px;line-height:1.65;margin-top:5px}.wars-delivery-strip>small{display:none}
}
@media(max-width:370px){.wars-page .menu-copy>strong{font-size:19px}.wars-page .menu-meta b{font-size:8px}.wars-page .menu-description{font-size:8px}.wars-controls{grid-template-columns:minmax(0,1fr) 92px 75px;gap:6px;padding:10px}.wars-move-control{width:92px}.wars-move-control>div{gap:4px}.wars-fire{padding-inline:8px}.wars-wind>span{display:none}}

/* Fullscreen leaves every action in the cabinet, on both axes of a phone. */
.wars-cabinet.is-expanded{container:wars-cabinet / size;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px 70px minmax(0,1fr) 148px auto;background:var(--wars-dark);overflow:hidden}
.wars-cabinet.is-expanded .cabinet-top{position:static;grid-column:1;grid-row:1;height:44px;padding:0 12px;border-bottom:1px solid #87a0874d;z-index:6}
.wars-cabinet.is-expanded .cabinet-top>span:first-child{display:block;font-size:9px;letter-spacing:.6px}
.wars-cabinet.is-expanded .cabinet-top>span:nth-child(2){display:none}
.wars-cabinet.is-expanded .cabinet-tools{margin-left:auto}
.wars-cabinet.is-expanded .cabinet-tools button{min-height:44px;min-width:90px;font-size:9px}
.wars-cabinet.is-expanded .wars-hud{position:static;grid-column:1;grid-row:2;width:auto;height:auto;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;gap:12px;padding:10px 18px;background:var(--wars-dark);border:0;color:#f6ecd4;justify-content:initial}
.wars-cabinet.is-expanded .wars-hud>div{text-align:left}
.wars-cabinet.is-expanded .wars-player-two{text-align:right}
.wars-cabinet.is-expanded .wars-match-info{text-align:center}
.wars-cabinet.is-expanded .wars-player .hud-label{font-size:8px;letter-spacing:.3px;color:#b8c7a7;margin-bottom:5px}
.wars-cabinet.is-expanded .wars-player strong{font-size:25px;color:#f2d18a;letter-spacing:-.5px}
.wars-cabinet.is-expanded .wars-player-two strong{color:#c8deba}
.wars-cabinet.is-expanded .wars-hp-unit{display:none}
.wars-cabinet.is-expanded .wars-match-info>.hud-label{font-size:8px;color:#b8c7a7;margin-bottom:5px}
.wars-cabinet.is-expanded .wars-match-info>strong{font-size:13px;letter-spacing:.7px;color:#f6ecd4}
.wars-cabinet.is-expanded .wars-wind{font-size:8px;margin-top:6px;color:#b8c7a7}
.wars-cabinet.is-expanded .wars-wind b{font-size:10px;color:#f2d18a}
.wars-cabinet.is-expanded .wars-screen{position:relative;grid-column:1;grid-row:3;width:100%;margin:0;min-width:0;min-height:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#3d6e61;overflow:hidden}
.wars-cabinet.is-expanded .wars-screen canvas{height:auto;object-fit:contain;flex:none;max-width:100%;max-height:100%}
.wars-cabinet.is-expanded .wars-controls{grid-column:1;grid-row:4;grid-template-columns:minmax(0,1fr) 96px 94px;grid-template-areas:'angle power power' 'weapon move fire';gap:5px 12px;margin:0;padding:11px 14px 13px;min-width:0;min-height:0;border-top:1px solid #87a0874d;background:var(--wars-dark)}
.wars-cabinet.is-expanded .wars-slider input{height:36px}
.wars-cabinet.is-expanded .wars-slider>span{font-size:8px}
.wars-cabinet.is-expanded .wars-weapon-control>label,.wars-cabinet.is-expanded .wars-move-control>span{font-size:8px;margin-bottom:5px}
.wars-cabinet.is-expanded .wars-move-control{width:94px}
.wars-cabinet.is-expanded .wars-move-control>div{gap:6px}
.wars-cabinet.is-expanded .wars-fire{font-size:11px;min-height:44px;padding:10px 11px}
.wars-cabinet.is-expanded .wars-statusbar{grid-column:1;grid-row:5;min-height:36px;padding-inline:13px;background:#244338;color:#cad4b5;border-color:#87a0874d}
.wars-cabinet.is-expanded #wars-status{font-size:8px;padding:8px 0}
.wars-cabinet.is-expanded #wars-leave{min-height:36px;color:#e0e5b1;font-size:8px}
.wars-cabinet.is-expanded #wars-error{color:#ffd8ad;font-size:8px;padding:6px 0}
.wars-cabinet.is-expanded #wars-retry{color:#ffd8ad;font-size:8px;min-height:36px}
.wars-cabinet.is-expanded .game-overlay{padding:13px;overflow:hidden}
.wars-cabinet.is-expanded .wars-ticket{width:400px;max-width:96%;max-height:100%;padding:20px 23px;transform:rotate(-.6deg)}
.wars-cabinet.is-expanded .wars-ticket h2{font-size:50px;margin:14px 0}
.wars-cabinet.is-expanded .wars-ticket .edition{font-size:8px}
.wars-cabinet.is-expanded .wars-ticket #wars-lobby-copy{display:block;font-size:10px;margin:10px 0 15px}
.wars-cabinet.is-expanded .wars-name-label{font-size:8px;margin-bottom:6px}
.wars-cabinet.is-expanded .wars-name-label>span{font-size:8px}
.wars-cabinet.is-expanded .wars-ticket .primary-button,.wars-cabinet.is-expanded .wars-secondary{min-height:44px;font-size:9px;padding:10px 12px}
.wars-cabinet.is-expanded .wars-ticket .card-foot{display:block;margin-top:13px;padding-top:11px;font-size:8px}
.wars-cabinet.is-expanded .wars-ticket #wars-result-copy{font-size:10px;line-height:1.55;margin:12px 0 18px}
.wars-cabinet.is-expanded .wars-result-ticket h2{font-size:42px;line-height:1.05;margin:15px 0;overflow-wrap:anywhere}
.wars-cabinet.is-expanded .wars-lobby-overlay:has(#wars-waiting:not([hidden])) #wars-lobby-copy{display:none}
@media(orientation:landscape){
 .wars-cabinet.is-expanded{grid-template-columns:minmax(0,1fr) clamp(202px,26vw,280px);grid-template-rows:44px 68px minmax(0,1fr) auto}
 .wars-cabinet.is-expanded .cabinet-top{grid-column:1/-1;grid-row:1}
 .wars-cabinet.is-expanded .wars-screen{grid-column:1;grid-row:2/-1;border-right:1px solid #87a0874d}
 .wars-cabinet.is-expanded .wars-hud{grid-column:2;grid-row:2;padding:8px 11px;gap:7px}
 .wars-cabinet.is-expanded .wars-player .hud-label{font-size:8px;letter-spacing:0}
 .wars-cabinet.is-expanded .wars-player strong{font-size:20px}
 .wars-cabinet.is-expanded .wars-match-info>.hud-label{display:none}
 .wars-cabinet.is-expanded .wars-match-info>strong{font-size:10px}
 .wars-cabinet.is-expanded .wars-wind{flex-direction:column;align-items:center;gap:3px;margin-top:6px}
 .wars-cabinet.is-expanded .wars-wind>span{font-size:8px}
 .wars-cabinet.is-expanded .wars-wind b{font-size:9px}
 .wars-cabinet.is-expanded .wars-controls{grid-column:2;grid-row:3;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr auto auto;grid-template-areas:'angle angle' 'power power' 'weapon weapon' 'move fire';align-content:start;gap:2px 10px;padding:5px 12px 9px;border-top:0}
 .wars-cabinet.is-expanded .wars-slider{align-self:center}
 .wars-cabinet.is-expanded .wars-slider input{height:32px}
 .wars-cabinet.is-expanded .wars-slider>span{font-size:8px}
 .wars-cabinet.is-expanded .wars-weapon-control{margin:2px 0 6px}
 .wars-cabinet.is-expanded .wars-weapon-control>label{display:none}
 .wars-cabinet.is-expanded #wars-weapon{height:44px;min-height:44px;font-size:10px}
 .wars-cabinet.is-expanded .wars-move-control{justify-self:start;width:94px}
 .wars-cabinet.is-expanded .wars-move-control>span{display:none}
 .wars-cabinet.is-expanded .wars-fire{align-self:start;padding:10px;font-size:10px}
 .wars-cabinet.is-expanded .wars-statusbar{grid-column:2;grid-row:4;padding:0 12px;gap:0 6px}
 .wars-cabinet.is-expanded #wars-status{font-size:8px;padding:7px 0}
 .wars-cabinet.is-expanded #wars-leave{font-size:0;min-width:24px}
 .wars-cabinet.is-expanded #wars-leave span{font-size:15px;margin:0}
 .wars-cabinet.is-expanded .wars-ticket{width:400px;padding:13px 19px}
 .wars-cabinet.is-expanded .wars-ticket h2{font-size:37px;margin:10px 0}
 .wars-cabinet.is-expanded .wars-ticket #wars-lobby-copy{display:none}
 .wars-cabinet.is-expanded .wars-ticket .card-foot{display:none}
 .wars-cabinet.is-expanded .wars-ticket .edition{font-size:8px}
 .wars-cabinet.is-expanded .wars-lobby-actions{margin-top:9px}
 .wars-cabinet.is-expanded .wars-waiting{margin-top:10px;padding-top:10px}
 .wars-cabinet.is-expanded .wars-waiting p{font-size:8px;margin:5px 0 8px}
 .wars-cabinet.is-expanded .wars-result-ticket h2{font-size:34px;margin:10px 0}
 .wars-cabinet.is-expanded .wars-result-ticket #wars-result-copy{font-size:9px;margin:9px 0 13px}
}
@container wars-cabinet (max-height:650px) and (max-width:600px){
 .wars-cabinet.is-expanded{grid-template-rows:44px 58px minmax(0,1fr) 136px auto}
 .wars-cabinet.is-expanded .wars-hud{padding:6px 12px}
 .wars-cabinet.is-expanded .wars-player .hud-label{font-size:8px;margin-bottom:4px}
 .wars-cabinet.is-expanded .wars-player strong{font-size:21px}
 .wars-cabinet.is-expanded .wars-controls{padding:7px 11px 10px;gap:3px 8px}
 .wars-cabinet.is-expanded .wars-ticket{padding:11px 16px}
 .wars-cabinet.is-expanded .wars-ticket h2{font-size:31px;margin:8px 0}
 .wars-cabinet.is-expanded .wars-ticket #wars-lobby-copy,.wars-cabinet.is-expanded .wars-ticket .card-foot{display:none}
 .wars-cabinet.is-expanded .wars-ticket .edition{font-size:8px}
 .wars-cabinet.is-expanded .wars-lobby-actions{margin-top:8px}
 .wars-cabinet.is-expanded .wars-name-label{font-size:8px;margin-bottom:4px}
 .wars-cabinet.is-expanded .wars-waiting{margin-top:8px;padding-top:8px}
 .wars-cabinet.is-expanded .wars-waiting>strong{font-size:8px}
 .wars-cabinet.is-expanded .wars-waiting p{font-size:8px;margin:4px 0 7px}
 .wars-cabinet.is-expanded .wars-result-ticket h2{font-size:29px;margin:8px 0}
 .wars-cabinet.is-expanded .wars-result-ticket #wars-result-copy{font-size:8px;margin:7px 0 10px}
}
@media(orientation:landscape) and (max-height:360px){
 .wars-cabinet.is-expanded{grid-template-rows:44px 47px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 204px}
 .wars-cabinet.is-expanded .wars-hud{padding:4px 10px}
 .wars-cabinet.is-expanded .wars-player .hud-label{font-size:8px;margin-bottom:3px}
 .wars-cabinet.is-expanded .wars-player strong{font-size:17px}
 .wars-cabinet.is-expanded .wars-wind{margin-top:4px}.wars-cabinet.is-expanded .wars-wind>span{display:none}
 .wars-cabinet.is-expanded .wars-controls{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 44px;grid-template-areas:'angle power' 'weapon weapon' 'move fire';padding:3px 9px 6px;gap:4px 7px}
 .wars-cabinet.is-expanded .wars-slider input{height:28px}
 .wars-cabinet.is-expanded .wars-slider>span{font-size:8px}
 .wars-cabinet.is-expanded .wars-slider output{font-size:10px}
 .wars-cabinet.is-expanded .wars-weapon-control{margin:0}
 .wars-cabinet.is-expanded #wars-weapon{height:44px;font-size:9px}
 .wars-cabinet.is-expanded .wars-statusbar{padding-inline:8px}
 .wars-cabinet.is-expanded #wars-status{font-size:8px;padding:5px 0}
 .wars-cabinet.is-expanded #wars-leave{min-height:28px}
 .wars-cabinet.is-expanded .wars-ticket{padding:10px 14px}
 .wars-cabinet.is-expanded .wars-ticket h2{font-size:26px;margin:7px 0}
 .wars-cabinet.is-expanded .wars-ticket .edition{display:none}
 .wars-cabinet.is-expanded .wars-name-label{font-size:8px;margin-bottom:3px}
 .wars-cabinet.is-expanded .wars-lobby-actions{margin-top:7px}
 .wars-cabinet.is-expanded .wars-ticket .primary-button,.wars-cabinet.is-expanded .wars-secondary{font-size:8px;padding-inline:7px}
 .wars-cabinet.is-expanded .wars-result-ticket #wars-result-copy{font-size:8px;margin:7px 0 10px}
}
.wars-leaderboard{margin-top:22px}
.wars-leaderboard .board-heading .eyebrow{color:var(--wars-red);font-size:8px}
.wars-leaderboard .board-heading h2>span{color:var(--wars-red)}
.wars-leaderboard .board-heading p{font-size:8px;line-height:1.6}
.wars-leaderboard .scores{height:214px}
@media(max-width:850px){.wars-leaderboard{margin:0}}
@media(max-width:600px){
 .wars-page .game-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wars-page .game-menu>a{min-height:108px;padding:15px 12px;display:flex;align-items:start}
 .wars-page .game-menu>a:nth-child(2){border-right:0}
 .wars-page .menu-copy>strong{font-size:24px}
 .wars-page .menu-meta b{font-size:8px}
 .wars-page .menu-description{font-size:8px;max-width:145px}
 .wars-page .game-menu>a.menu-wars{grid-column:1/-1;min-height:93px;display:flex;align-items:center;gap:15px;padding:16px 12px;border-top:1px solid var(--line)}
 .wars-page .menu-wars .menu-number{position:static;font-size:27px;flex:none;color:var(--wars-red)}
 .wars-page .menu-wars .menu-copy{gap:6px;min-width:0}
 .wars-page .menu-wars .menu-meta{font-size:8px;min-height:0;padding:0;gap:7px}
 .wars-page .menu-wars .menu-copy>strong{font-size:29px}
 .wars-page .menu-wars .menu-description{max-width:none;font-size:8px}
 .wars-page .menu-wars .menu-arrow{display:block;margin-left:auto;color:var(--wars-red);font-size:25px}
 .wars-leaderboard .scores{height:auto;max-height:330px;overflow:auto}
}
.wars-move-control button[aria-pressed=true]{background:#e4d38d;color:#28493f;border-color:#eadfa5;box-shadow:inset 0 -3px #a3a272}
@media(orientation:landscape){.wars-cabinet.is-expanded #wars-leave{font-size:8px;min-width:0;white-space:normal;line-height:1.5}}
/* Keep the opponent's digits under the opponent, including the wide tablet HUD. */
.wars-cabinet.is-expanded .wars-hud .wars-player-two{text-align:right}
.wars-cabinet.is-expanded .wars-hud .wars-match-info{text-align:center}
/* Explicitly shrink the overlay's grid track. Invitation URLs must never become
   a min-content width that pushes a receipt beyond a narrow phone screen. */
.wars-screen .game-overlay{grid-template-columns:minmax(0,1fr);justify-items:center}
.wars-ticket{min-width:0;overflow-wrap:anywhere}
.wars-ticket>*{min-width:0}

/* Pregame and finished receipts leave the inactive aiming deck out of view. */
.wars-cabinet:is(:has(#wars-lobby:not([hidden])),:has(#wars-result:not([hidden]))) :is(.wars-hud,.wars-controls){display:none}
.wars-cabinet:not(.is-expanded) .wars-screen:has(#wars-lobby:not([hidden])){aspect-ratio:auto;min-height:0}
.wars-cabinet:not(.is-expanded) .wars-screen:has(#wars-lobby:not([hidden]))>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wars-cabinet:not(.is-expanded) #wars-lobby:not([hidden]){position:relative;inset:auto;padding:28px 18px 32px;touch-action:pan-y}
.wars-cabinet:not(.is-expanded) .wars-lobby-overlay .wars-ticket{max-height:none}

/* In-page results grow with their receipt, including on smaller laptops. */
.wars-cabinet:not(.is-expanded) .wars-screen:has(#wars-result:not([hidden])){aspect-ratio:auto;min-height:0;padding:25px 14px;background:#3d6e61}
.wars-cabinet:not(.is-expanded) .wars-screen:has(#wars-result:not([hidden]))>canvas{display:none}
.wars-cabinet:not(.is-expanded) #wars-result:not([hidden]){position:relative;inset:auto;padding:0}
.wars-cabinet:not(.is-expanded) .wars-result-ticket{max-height:none}
.wars-link-row{width:100%;max-width:100%}

/* An invitation saves a seat, with a clear choice of how to take it. */
.wars-invite-account{padding:2px 0 0}
.wars-invite-account h3{font:italic normal 23px/1.12 Georgia,serif;letter-spacing:-.6px;color:var(--wars-dark);margin:5px 0 16px}
.wars-account-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.wars-account-signin{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:46px;background:var(--wars-dark);color:#fff2d6;border:1px solid #293d31;box-shadow:2px 3px 0 #293d31;font-size:9px;font-weight:bold;letter-spacing:.4px;padding:11px 12px}
.wars-account-signin:hover{background:#3f6654}
.wars-account-signin>span{font-size:18px}
.wars-account-choice .wars-secondary{justify-content:center;font-size:8px;line-height:1.4}
.wars-ticket .wars-invite-account>p{font-size:9px;margin:15px 0 0;line-height:1.5;color:#817358}
.wars-ticket .wars-join-account{padding:10px;background:#e0e5b1;border:1px solid #a3af7a;color:var(--wars-dark);font-size:10px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}
.wars-lobby-overlay:has(#wars-invite-account:not([hidden])) #wars-lobby-copy{display:none}
.wars-lobby-overlay:has(#wars-invite-account:not([hidden])) .card-foot{display:none}
.wars-points{margin:15px 0 18px;border-top:1px dashed #bba681;border-bottom:1px dashed #bba681;padding:12px 0 10px;text-align:left}
.wars-points-line{display:flex;align-items:center;justify-content:space-between;gap:15px}
.wars-points-line>span{font-size:8px;line-height:1.5;letter-spacing:1px;font-weight:bold;color:var(--wars-dark)}
.wars-points-line>strong{font-size:30px;font-weight:bold;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:var(--wars-red)}
.wars-ticket #wars-points-breakdown{font-size:8px;line-height:1.6;color:#73684f;margin:7px 0 0}
.wars-ticket #wars-points-note{font-size:8px;line-height:1.6;color:#857b60;margin:5px 0 0}
.wars-ticket #wars-points-breakdown:empty,.wars-ticket #wars-points-note:empty{display:none}
.wars-result-actions{display:grid;gap:0;min-width:0}
.wars-series-result{margin:15px 0 18px;border-block:1px dashed #bba681;padding:12px 0 10px}
.wars-series-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);gap:8px;align-items:center}
.wars-series-line>span{font-size:8px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wars-series-line>span:first-child{text-align:left}.wars-series-line>span:last-child{text-align:right}
.wars-series-line>strong{font-size:29px;color:var(--wars-red);font-variant-numeric:tabular-nums}
.wars-series-line>strong:nth-last-child(2){color:var(--wars-green)}
.wars-ticket #wars-series-note{font-size:8px;line-height:1.6;margin:7px 0 0;color:#817358}
.wars-ticket #wars-waiting-series{font-size:8px;font-weight:bold;color:var(--wars-dark);margin:8px 0}
.wars-touch-copy{display:none}
.wars-slider input[type=range]{touch-action:none}
@media(pointer:coarse){.wars-touch-copy{display:inline;font:inherit;font-size:8px;letter-spacing:0;opacity:.7}}
@media(max-width:600px){
 .wars-cabinet:not(.is-expanded) .wars-screen:has(#wars-lobby:not([hidden])){aspect-ratio:auto;min-height:0;padding:25px 14px;background:#3d6e61}
 .wars-cabinet:not(.is-expanded) .wars-screen:has(#wars-lobby:not([hidden]))>canvas{display:none}
 .wars-cabinet:not(.is-expanded) #wars-lobby:not([hidden]){position:relative;inset:auto;padding:0}
 .wars-series-result{margin:10px 0 12px;padding:8px 0}
}
.wars-cabinet.is-expanded .wars-series-result{margin:10px 0 12px;padding:8px 0}
@media(orientation:landscape){.wars-cabinet.is-expanded .wars-series-result{margin:8px 0 0}}
.wars-result-buttons{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
.wars-result-buttons:is(:has(#wars-next:not([hidden])),:has(#wars-menu:not([hidden]))){grid-template-columns:repeat(2,minmax(0,1fr))}
.wars-result-buttons>button{min-width:0;min-height:44px;padding:12px 9px;line-height:1.5}
.wars-result-buttons:has(#wars-next:not([hidden])) #wars-again{background:#e2e6b4;color:var(--wars-dark);border-color:#92a16e}
.wars-result-buttons #wars-menu{background:#e2e6b4;color:var(--wars-dark);border-color:#92a16e;font-size:10px;font-weight:bold;box-shadow:2px 3px 0 #293d31}
.wars-register-prompt{margin-top:20px;padding-top:15px;border-top:1px dashed #bba681}
.wars-register-prompt h3{font:italic normal 21px/1.1 Georgia,serif;letter-spacing:-.5px;margin:0;color:var(--wars-dark)}
.wars-ticket .wars-register-prompt>p{font-size:8px;line-height:1.6;margin:8px 0 12px;color:#817358}
.wars-register-actions{display:flex;align-items:stretch;gap:9px}
.wars-register-actions>a,.wars-register-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;font-size:8px;font-weight:bold;letter-spacing:.2px;padding:8px 9px;line-height:1.5}
.wars-register-actions>a{flex:1;min-width:0;background:#e0e5b1;border:1px solid #8a9c6b;color:var(--wars-dark)}
.wars-register-actions>a:hover{background:#edf0c7}
.wars-register-actions>a>span{font-size:14px}
.wars-register-actions>button{flex:none;border:0;background:transparent;color:#817358;text-decoration:underline;text-underline-offset:4px}
.wars-register-actions>button:hover{color:var(--wars-red)}
.wars-points-guide{font-size:8px;line-height:1.7;padding:13px 0 14px;margin:0 20px;color:#817358;border-top:1px dashed #c6baa0}
.wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) .card-foot{display:none}
@media(max-width:600px){
 .wars-invite-account h3{font-size:19px;line-height:1.1;margin:5px 0 12px}
 .wars-account-choice{gap:8px}
 .wars-account-signin{font-size:8px;min-height:44px;padding:10px}
 .wars-account-choice .wars-secondary{font-size:8px;min-height:44px;padding:8px}
 .wars-ticket .wars-invite-account>p{font-size:8px;margin-top:12px}
 .wars-ticket .wars-join-account{font-size:9px;margin:9px 0;padding:9px}
 .wars-points{margin:10px 0 12px;padding:8px 0}
 .wars-points-line>strong{font-size:25px}
 .wars-points-line>span{font-size:8px;letter-spacing:.7px}
 .wars-ticket #wars-points-breakdown{font-size:8px;margin-top:5px}
 .wars-ticket #wars-points-note{font-size:8px;margin-top:4px}
 .wars-register-prompt{margin-top:14px;padding-top:12px}
 .wars-register-prompt h3{font-size:19px}
 .wars-ticket .wars-register-prompt>p{font-size:8px;margin:7px 0 9px}
 .wars-register-actions{gap:7px}
 .wars-register-actions>a,.wars-register-actions>button{font-size:8px;padding:8px}
}

/* Finished receipts replace the aiming deck, leaving room for a full score and
   an optional account invitation without a scrolling game screen. */
.wars-cabinet.is-expanded:has(#wars-result:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto}
.wars-cabinet.is-expanded:has(#wars-result:not([hidden])) .wars-hud,.wars-cabinet.is-expanded:has(#wars-result:not([hidden])) .wars-controls{display:none}
.wars-cabinet.is-expanded:has(#wars-result:not([hidden])) .wars-screen{grid-column:1;grid-row:2;width:100%;border-right:0}
.wars-cabinet.is-expanded:has(#wars-result:not([hidden])) .wars-statusbar{grid-column:1;grid-row:3}
.wars-cabinet.is-expanded:has(#wars-result:not([hidden])) #wars-game{visibility:hidden}
.wars-cabinet.is-expanded .wars-result-ticket{padding:22px 25px}
.wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) h2{font-size:37px;line-height:1.02;margin:13px 0 10px}
.wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) #wars-result-copy{font-size:9px;line-height:1.5;margin:9px 0 13px}
.wars-cabinet.is-expanded .wars-result-ticket .wars-points{margin:11px 0 15px;padding:10px 0}
.wars-cabinet.is-expanded .wars-result-ticket .wars-points-line>strong{font-size:29px}
.wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt{margin-top:16px;padding-top:13px}
.wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt>p{font-size:8px;margin:8px 0 11px}
@media(orientation:landscape){
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);grid-template-areas:'edition edition' 'summary actions';gap:6px 22px;text-align:left;width:740px;padding:17px 22px;align-items:center}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden])))>.edition{grid-area:edition;margin-bottom:3px;font-size:8px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-result-summary{grid-area:summary;min-width:0}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-result-actions{grid-area:actions;min-width:0}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) h2{font-size:31px;line-height:1.04;margin:4px 0 8px;padding:0}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) #wars-result-copy{font-size:8px;margin:7px 0 9px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-points{margin:9px 0 0;padding:8px 0}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-points-line>strong{font-size:27px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt{margin-top:13px;padding-top:11px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt h3{font-size:20px;line-height:1.1}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt>p{font-size:8px;margin:7px 0 9px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-result-seal{right:13px;top:-20px}
}
@media(orientation:landscape) and (max-height:360px){
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))){padding:12px 17px;gap:3px 18px;width:700px}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden])))>.edition{display:none}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) h2{font-size:27px;margin:3px 0 7px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-points{margin-top:7px;padding:7px 0}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-points-line>strong{font-size:24px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt h3{font-size:18px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt{margin-top:11px;padding-top:10px}
 .wars-cabinet.is-expanded .wars-result-ticket .primary-button{font-size:9px;padding-inline:10px}
}
@container wars-cabinet (max-width:600px) and (max-height:650px){
 .wars-cabinet.is-expanded .wars-invite-account h3{font-size:18px;margin:5px 0 12px}
 .wars-cabinet.is-expanded .wars-ticket .wars-invite-account>p{font-size:8px;margin-top:11px}
 .wars-cabinet.is-expanded .wars-result-ticket{padding:18px 20px}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) h2{font-size:31px;margin:9px 0}
 .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) #wars-result-copy{font-size:8px;margin:8px 0 10px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt h3{font-size:19px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt>p{font-size:8px;margin:7px 0 9px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-points{margin:10px 0 12px;padding:8px 0}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-points-line>strong{font-size:25px}
 .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt{margin-top:13px;padding-top:11px}
}
/* Short portrait receipts keep the score and every action above the footer. */
@media(orientation:portrait){
 @container wars-cabinet (max-width:600px) and (max-height:480px){
  .wars-cabinet.is-expanded .wars-result-ticket{max-height:none;padding:10px 14px}
  .wars-cabinet.is-expanded .wars-result-ticket>.edition,.wars-cabinet.is-expanded .wars-result-seal{display:none}
  .wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) h2{font-size:27px;margin:5px 0 7px}
  .wars-cabinet.is-expanded .wars-result-ticket #wars-result-copy{font-size:8px;margin:5px 0 7px}
  .wars-cabinet.is-expanded .wars-result-ticket:has(#wars-points:not([hidden])) #wars-result-copy{display:none}
  .wars-cabinet.is-expanded .wars-result-ticket .wars-points{margin:7px 0 9px;padding:6px 0}
  .wars-cabinet.is-expanded .wars-result-ticket .wars-points-line>strong{font-size:24px}
  .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt{margin-top:9px;padding-top:8px}
  .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt h3{font-size:17px}
  .wars-cabinet.is-expanded .wars-result-ticket .wars-register-prompt>p{display:none}
 }
}
/* Before a duel, the receipt gets the whole screen too. This also leaves room
   for the guest-name field when a phone keyboard shortens the viewport. */
.wars-cabinet.is-expanded:has(#wars-lobby:not([hidden])){grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto}
.wars-cabinet.is-expanded:has(#wars-lobby:not([hidden])) .wars-hud,.wars-cabinet.is-expanded:has(#wars-lobby:not([hidden])) .wars-controls{display:none}
.wars-cabinet.is-expanded:has(#wars-lobby:not([hidden])) .wars-screen{grid-column:1;grid-row:2;width:100%;border-right:0}
.wars-cabinet.is-expanded:has(#wars-lobby:not([hidden])) .wars-statusbar{grid-column:1;grid-row:3}
@media(orientation:landscape) and (max-height:360px){
 .wars-cabinet.is-expanded .wars-lobby-overlay{padding-block:6px}
 .wars-cabinet.is-expanded .wars-lobby-overlay .wars-ticket{padding-block:6px}
 .wars-cabinet.is-expanded .wars-lobby-overlay .wars-ticket h2{margin-block:4px}
}
.wars-result-seal{pointer-events:none}
@media(orientation:landscape){.wars-cabinet.is-expanded .wars-result-ticket:is(:has(#wars-points:not([hidden])),:has(#wars-series-result:not([hidden]))) .wars-result-seal{left:calc(50% - 27px);right:auto}}

/* Four toppings, four direct buttons: no menu between a chef and a delivery. */
.wars-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'angle power' 'weapon weapon' 'move fire' 'legend legend';gap:8px 14px}
.wars-slider,.wars-slider:has(#wars-power){grid-column:auto}
.wars-weapon-control{min-width:0}
#wars-weapons{min-width:0;margin:0;padding:0;border:0}
#wars-weapons>legend{padding:0;margin:0 0 7px;font-size:8px;line-height:1.4;font-weight:bold;letter-spacing:.65px;color:#c7d0ae}
.wars-weapon-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.wars-weapon-options button{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:12px 1fr auto;grid-template-areas:'key ammo' 'name name' 'damage damage';align-items:center;gap:2px 4px;width:100%;height:48px;min-width:44px;min-height:44px;padding:5px 8px;background:#315445;color:#f6ecd4;border:1px solid #90a083;box-shadow:0 2px 0 #192f25;text-align:left}
.wars-weapon-options button:hover{background:#466958;border-color:#d0d8b1}
.wars-weapon-options button[aria-pressed=true]{background:#e7d38a;color:#28493f;border-color:#fff0b8;box-shadow:inset 0 -3px #b5a563,0 2px 0 #192f25}
.wars-weapon-options button kbd{grid-area:key;justify-self:start;min-width:13px;font-size:8px;line-height:1;padding:1px 3px;border:1px solid currentColor;box-shadow:none;border-radius:0;opacity:.7}
.wars-weapon-damage{grid-area:damage;font-size:8px;line-height:1;white-space:nowrap;opacity:.85}
.wars-weapon-name{grid-area:name;display:block;font-size:9px;line-height:1.3;font-weight:bold;letter-spacing:.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wars-weapon-ammo{grid-area:ammo;font-size:9px;line-height:1;font-weight:bold;font-variant-numeric:tabular-nums;opacity:.8}
.wars-controls .wars-move-control{width:96px;justify-self:start}
.wars-move-control button:disabled{opacity:.45;cursor:default}
.wars-damage{display:block;margin:0 0 4px;font-size:8px;letter-spacing:.4px;color:#925036}
.wars-damage-note{margin:0 20px 15px;font-size:9px;line-height:1.7;color:#68765a}
.wars-controls .wars-fire{width:100%;max-width:180px;justify-self:end}
.wars-keyboard-legend{grid-area:legend;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:1px 0 0;border-top:1px solid #6d8a6e66;padding-top:9px;font-size:8px;line-height:1.6;letter-spacing:.15px;color:#b9c7a7}
.wars-keyboard-legend>span{display:flex;align-items:center;gap:3px;white-space:nowrap}
.wars-keyboard-legend kbd{font-size:8px;min-width:11px;padding:2px;border-color:#91a27f;box-shadow:none;border-radius:0}
@media(max-width:600px){
 .wars-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 9px;padding:12px}
 #wars-weapons>legend{font-size:8px;letter-spacing:.5px;margin-bottom:6px}
 .wars-weapon-options{gap:6px}
 .wars-weapon-options button{height:44px;padding:4px 6px;gap:2px 3px}
 .wars-weapon-name{font-size:8px;letter-spacing:0}
 .wars-weapon-ammo{font-size:8px}
 .wars-controls .wars-move-control{width:94px}
}
@media(pointer:coarse){.wars-keyboard-legend,.wars-keyboard-copy{display:none}}
.wars-cabinet.is-expanded .wars-match-info>#wars-level-label{display:block;white-space:nowrap}
@media(orientation:landscape){.wars-cabinet.is-expanded .wars-match-info>#wars-level-label{font-size:8px;letter-spacing:0;margin:0 0 3px}}
.wars-cabinet.is-expanded{grid-template-rows:44px 70px minmax(0,1fr) 182px auto}
.wars-cabinet.is-expanded .wars-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'angle power' 'weapon weapon' 'move fire';grid-template-rows:auto auto 44px;gap:5px 10px;padding:10px 13px 12px}
.wars-cabinet.is-expanded .wars-controls .wars-move-control{width:94px}
.wars-cabinet.is-expanded .wars-controls .wars-fire{max-width:180px;align-self:end}
.wars-cabinet.is-expanded .wars-weapon-options button{height:44px;min-height:44px}
.wars-cabinet.is-expanded #wars-weapons>legend{font-size:8px;margin-bottom:5px}
@media(pointer:fine) and (orientation:portrait){
 .wars-cabinet.is-expanded{grid-template-rows:44px 70px minmax(0,1fr) 207px auto}
 .wars-cabinet.is-expanded .wars-controls{grid-template-areas:'angle power' 'weapon weapon' 'move fire' 'legend legend';grid-template-rows:auto auto 44px auto}
 .wars-cabinet.is-expanded .wars-keyboard-legend{font-size:8px;padding-top:6px;margin:0}
}
@media(orientation:landscape){
 .wars-cabinet.is-expanded{--wars-control-width:clamp(216px,26vw,280px);grid-template-columns:minmax(0,1fr) var(--wars-control-width);grid-template-rows:44px 55px minmax(0,1fr) auto}
 .wars-cabinet.is-expanded .wars-controls{grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto auto 44px;grid-template-areas:'angle power' 'weapon weapon' 'move fire';gap:6px 8px;align-content:start;padding:7px 11px 10px}
 .wars-cabinet.is-expanded .wars-slider input{height:36px}
 .wars-cabinet.is-expanded .wars-slider>span{font-size:8px;letter-spacing:.25px}
 .wars-cabinet.is-expanded .wars-slider output{font-size:11px}
 .wars-cabinet.is-expanded .wars-weapon-control{margin:0}
 .wars-cabinet.is-expanded #wars-weapons>legend{display:none}
 .wars-cabinet.is-expanded .wars-weapon-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .wars-cabinet.is-expanded .wars-weapon-options button{height:47px;padding:5px 7px}
 .wars-cabinet.is-expanded .wars-weapon-name{font-size:8px;letter-spacing:0}
 .wars-cabinet.is-expanded .wars-controls .wars-fire{width:100%;font-size:10px;padding:10px;align-self:start}
 .wars-cabinet.is-expanded .wars-move-control>span{display:none}
 .wars-cabinet.is-expanded .wars-keyboard-legend{position:absolute;left:12px;right:calc(var(--wars-control-width) + 12px);bottom:8px;z-index:2;width:auto;margin:0;padding:7px 9px;border:1px solid #b3c39e44;background:#244338ed;font-size:8px;line-height:1.6;justify-content:center;gap:5px 12px}
}
@media(orientation:landscape) and (max-height:360px){
 .wars-cabinet.is-expanded{--wars-control-width:208px;grid-template-rows:44px 36px minmax(0,1fr) auto}
 .wars-cabinet.is-expanded .wars-hud{padding:3px 9px;gap:5px}
 .wars-cabinet.is-expanded .wars-player .hud-label{font-size:8px;margin-bottom:3px}
 .wars-cabinet.is-expanded .wars-player strong{font-size:16px}
 .wars-cabinet.is-expanded .wars-match-info>strong{font-size:9px}
 .wars-cabinet.is-expanded .wars-wind{margin-top:3px}
 .wars-cabinet.is-expanded .wars-controls{grid-template-columns:94px minmax(0,1fr);grid-template-rows:43px 92px 44px;gap:5px 6px;padding:4px 9px 6px}
 .wars-cabinet.is-expanded .wars-slider input{height:31px}
 .wars-cabinet.is-expanded .wars-slider>span{font-size:8px}
 .wars-cabinet.is-expanded .wars-slider output{font-size:10px}
 .wars-cabinet.is-expanded .wars-weapon-options{gap:4px}
 .wars-cabinet.is-expanded .wars-weapon-options button{height:44px;padding:4px 6px}
 .wars-cabinet.is-expanded .wars-weapon-name{font-size:8px}
 .wars-cabinet.is-expanded .wars-statusbar{min-height:28px;padding:0 8px}
 .wars-cabinet.is-expanded #wars-status{font-size:8px;padding:4px 0}
 .wars-cabinet.is-expanded #wars-leave{min-height:28px;font-size:8px}
}
@media(orientation:portrait){
 .wars-cabinet.is-expanded .wars-controls{grid-template-rows:auto 44px 55px}
 .wars-cabinet.is-expanded #wars-weapons>legend{display:none}
}
@media(pointer:fine) and (orientation:portrait){.wars-cabinet.is-expanded .wars-controls{grid-template-rows:auto 44px 55px auto}}

/* Rules stay on the page; the same concise reference is available in play. */
.wars-movement-rules{margin-top:18px;padding-top:13px;border-top:1px dashed #97a770}
.wars-movement-rules h4{margin:0 0 8px;font-size:8px;letter-spacing:.5px;color:var(--wars-dark)}
.wars-movement-rules p{margin:8px 0 0;font-size:9px;line-height:1.7}
.wars-movement-rules kbd{font-size:8px;padding:2px;min-width:13px;box-shadow:none}
.wars-ammo-table{width:100%;margin:14px 0;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.5}
.wars-ammo-table caption{text-align:left;font-size:10px;font-weight:bold;margin-bottom:8px;color:var(--wars-dark)}
.wars-ammo-table th,.wars-ammo-table td{padding:8px 5px;border-bottom:1px dashed #c6baa0;vertical-align:top}
.wars-ammo-table thead th{font-size:8px;letter-spacing:.5px;color:#817358}
.wars-ammo-table tbody th{font-size:10px}
.wars-ammo-table td:nth-child(2){white-space:nowrap;font-weight:bold;color:var(--wars-red)}
#wars-help-dialog .wars-ammo-note{font-size:11px;line-height:1.6}

/* Give the final blast the field before the receipt replaces it. */
.wars-cabinet.is-ending :is(.wars-hud,.wars-controls){display:none}
.wars-cabinet.is-expanded.is-ending{grid-template-columns:minmax(0,1fr);grid-template-rows:44px minmax(0,1fr) auto}
.wars-cabinet.is-expanded.is-ending .wars-screen{grid-column:1;grid-row:2;width:100%;border-right:0}
.wars-cabinet.is-expanded.is-ending .wars-statusbar{grid-column:1;grid-row:3}
.wars-skip-finale{position:absolute;right:13px;bottom:13px;z-index:4;min-height:44px;padding:10px 13px;border:1px solid #a7b48b;background:#244338eb;color:#fff1d6;font-size:9px;letter-spacing:.4px;box-shadow:2px 3px 0 #142d25;touch-action:manipulation}
.wars-skip-finale:hover{background:#3f6654}
.wars-skip-finale:focus-visible{outline-offset:-4px}