*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e8e6e0;-webkit-user-select:none;user-select:none;background:#0a0d12;height:100%;font-family:Avenir Next Condensed,Arial Narrow,Helvetica Neue,sans-serif;overflow:hidden}canvas{display:block}.overlay{pointer-events:none;position:fixed;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 45%,#0000008c 100%);position:fixed;inset:0}.select{text-align:center;flex-direction:column;align-items:center;padding-top:3vh;display:flex}.select h1{letter-spacing:.25em;color:#d3273e;text-shadow:0 2px 18px #d3273e80;font-size:64px}.select h2{letter-spacing:.35em;opacity:.85;font-size:22px}.select .prompt{letter-spacing:.12em;color:#ffd166;margin-top:1.2vh;font-size:18px}.select .cards{pointer-events:auto;gap:14px;display:flex;position:fixed;bottom:4vh}.card{font:inherit;letter-spacing:.1em;color:#e8e6e0;cursor:pointer;background:#171a20;border:1px solid #3a3f48;border-radius:4px;padding:14px 26px;font-size:17px}.card:hover:not(:disabled){background:#21252d;border-color:#d3273e}.card.taken{color:#ffd166;border-color:#d3273e}.howto{text-align:left;letter-spacing:.06em;background:#0d0f13bf;border:1px solid #3a3f48;border-radius:6px;max-width:250px;padding:14px 18px;font-size:16px;line-height:2.1;position:fixed;top:24px;left:24px}.howto-title{letter-spacing:.25em;color:#ffd166;margin-bottom:4px;font-size:14px}.howto kbd{text-align:center;min-width:14px;font:inherit;background:#21252d;border:1px solid #4a505b;border-bottom-width:2px;border-radius:4px;margin-right:3px;padding:1px 8px;font-size:14px;display:inline-block}.howto .dim{opacity:.55;margin-top:8px;font-size:13px;line-height:1.5}.loading-hint{text-align:center;letter-spacing:.2em;opacity:.4;width:100%;font-size:12px;position:fixed;bottom:1vh}.corner{width:min(38vw,460px);position:fixed;top:18px}.corner.left{left:20px}.corner.right{text-align:right;right:20px}.corner .name{letter-spacing:.15em;margin-bottom:6px;font-size:22px}.corner .model{opacity:.55;letter-spacing:.1em;font-size:13px}.bar{background:#14161a;border:1px solid #3a3f48;border-radius:3px;height:14px;margin-bottom:5px;overflow:hidden}.bar.stamina{height:7px}.bar div{background:linear-gradient(90deg,#b71b32,#e8384f);height:100%;transition:width .12s linear}.bar.stamina div{background:linear-gradient(90deg,#c99a2e,#ffd166)}.corner.right .bar div{margin-left:auto}.timer{letter-spacing:.1em;color:#ffd166;text-shadow:0 1px 8px #000c;font-size:34px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.banner{pointer-events:auto;background:#0506088c;flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}.banner .result{letter-spacing:.2em;color:#ffd166;text-shadow:0 4px 30px #000000e6;text-align:center;font-size:72px}.banner button{font:inherit;letter-spacing:.25em;color:#fff;cursor:pointer;background:#d3273e;border:none;border-radius:4px;padding:14px 42px;font-size:20px}.banner button:hover{background:#e8384f}.controls{text-align:center;letter-spacing:.15em;opacity:.45;width:100%;font-size:13px;position:fixed;bottom:14px}html,body{overscroll-behavior:none}canvas{touch-action:none}@media (width<=700px){.corner{width:38vw}.corner .name{font-size:11px}.timer{font-size:15px}.banner .result{font-size:26px}.controls{font-size:10px}}