:root{--paper:#fdfbf4;--desk:#e9e4d6;--ink:#3a3a38;--muted:#7b776c;--red:#c23b2e;--blue:#2b4f9e;--hand:"Patrick Hand", "Comic Sans MS", cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}a{color:var(--blue)}a:hover{color:var(--red)}body{background:var(--desk);min-height:100vh;color:var(--ink);font-family:var(--hand);margin:0;font-size:18px}header{flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 16px;display:flex}h1{margin:0;font-size:32px;font-weight:400}#turn{flex:1;margin:0;font-size:22px}.player-red{color:var(--red)}.player-blue{color:var(--blue)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:4px 16px}button:hover:not(:disabled){background:#fff6c2}button:disabled{opacity:.4;cursor:default}.map-picker{color:var(--muted);align-items:center;gap:6px;display:flex}.map-picker[hidden]{display:none}select{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--muted);border-radius:15px 225px 15px 255px/255px 15px 225px;padding:2px 8px}button.quiet{border-color:var(--muted);color:var(--muted)}main{flex-wrap:wrap;align-items:flex-start;gap:16px;padding:0 16px 24px;display:flex}#board{background:var(--paper);cursor:pointer;-webkit-user-select:none;user-select:none;flex:560px;max-width:960px;transform:rotate(-.3deg);box-shadow:0 2px 10px #00000026}.hand{font-family:var(--hand)}aside{flex:0 260px;min-width:220px}#unit-panel{background:var(--paper);padding:12px 16px;transform:rotate(.6deg);box-shadow:0 1px 6px #0000001f}#unit-panel h2{margin:0 0 6px;font-weight:400}dl{margin:0}.stat{border-bottom:1px dashed #c9c3b2;justify-content:space-between;display:flex}dt{color:var(--muted)}dd{margin:0}.status,.hint{color:var(--muted);margin:8px 0 0}.cargo{flex-direction:column;gap:6px;margin-top:8px;display:flex}#message{min-height:1.4em;color:var(--red)}.legend{margin-top:8px}.legend ul{margin:6px 0 0;padding-left:18px}#overlay{background:#e9e4d6eb;place-items:center;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}#overlay .card{background:var(--paper);text-align:center;padding:24px 32px;transform:rotate(-1deg);box-shadow:0 4px 18px #0003}#overlay h2{margin:0 0 16px;font-size:30px;font-weight:400}h1 a{color:inherit;text-decoration:none}#account{margin-left:auto}#opponent-status{font-size:20px}.presence{color:var(--muted)}.presence.online{color:#3b7a3a}#overlay .card p{margin:0 0 12px}#overlay .card .button{margin-top:8px;display:inline-block}.invite{gap:8px;margin-bottom:8px;display:flex}.invite-link{flex:1;width:22em;min-width:0;max-width:70vw}input{font:inherit;color:var(--ink);background:var(--paper);border:2px solid var(--muted);border-radius:15px 225px 15px 255px/255px 15px 225px;padding:2px 10px}#lobby{background:var(--paper);max-width:640px;margin:8px auto 32px;padding:20px 24px;transform:rotate(-.3deg);box-shadow:0 2px 10px #00000026}#lobby h2{margin:0 0 8px;font-size:30px;font-weight:400}#lobby h3{margin:16px 0 6px;font-size:22px;font-weight:400}.lobby-form{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.lobby-form label{color:var(--muted);align-items:center;gap:6px;display:flex}.lobby-message{min-height:1.4em;color:var(--red)}.match-list ul{margin:0;padding-left:20px}.match-list li{margin:4px 0}@media (width<=480px){#lobby{margin:8px 16px 24px;padding:16px}}