:root{--ink:#070814;--player:#67f5ff;--shade:#ff647c;--star:#ffd166;--quiet:#7d88b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--ink);color:var(--quiet);margin:0;font-family:system-ui,sans-serif}main{margin:0}#board{touch-action:none;cursor:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#board:focus-visible{outline-offset:-1px;outline:1px solid #aac5de59}header{z-index:3;padding:.7rem .95rem;position:fixed;inset:0 0 auto auto}nav a{color:var(--quiet);letter-spacing:.09em;opacity:.35;font-size:.68rem;text-decoration:none}nav a:hover,nav a:focus-visible{opacity:.9}#title{letter-spacing:.26em;text-transform:uppercase;color:var(--quiet);opacity:.32;pointer-events:none;z-index:2;margin:0;font-size:.72rem;font-weight:400;position:fixed;inset:auto auto 1.1rem 1.2rem}#tally{z-index:2;pointer-events:none;gap:.42rem;margin:0;padding:0;list-style:none;display:flex;position:fixed;inset:1.05rem auto auto 1.2rem}#tally li{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#7d88b038;width:.55rem;height:.62rem;transition:background .26s}#tally li.on{background:var(--cheese)}#ending{z-index:4;background:#070814b8;place-content:center;justify-items:center;gap:1.5rem;display:grid;position:fixed;inset:0}#ending[hidden]{display:none}#verdict{letter-spacing:.24em;text-transform:uppercase;text-align:center;margin:0;font-size:clamp(1rem,3.4vw,1.55rem);font-weight:300}:root[data-phase=lost] #verdict{color:var(--shade);text-shadow:0 0 26px #ff647c66}:root[data-phase=won] #verdict{color:var(--cheese);text-shadow:0 0 30px #ffd16673}#again{color:#cfd8f5;cursor:pointer;background:0 0;border:1px solid #7d88b073;border-radius:50%;width:3.9rem;height:3.9rem;font-size:1.7rem;line-height:1;transition:border-color .2s,background .2s}#again:hover,#again:focus-visible{background:#aac5de1f;border-color:#aac5debf}
