*{box-sizing:border-box}html{background:var(--ink-0);color:var(--stone-6);-webkit-font-smoothing:none;font-smooth:never;font:20px/22px Rollogue Text,monospace}body{flex-direction:column;min-height:100vh;margin:0;display:flex}#root{display:contents}a{color:var(--flame-3)}p{text-wrap:pretty}h1,h2,.logo,.title{margin:16px 0;font-family:Rollogue Display,monospace;font-size:32px;font-weight:400;line-height:34px}h2{margin:0}.bar{background:var(--ink-1);border-bottom:2px solid var(--stone-1);flex-wrap:wrap;align-items:center;gap:8px 24px;padding:8px 16px;display:flex}.logo{letter-spacing:2px;color:var(--flame-3);text-shadow:0 4px 0 var(--blood-2);margin:0;font-weight:700;text-decoration:none}.bar nav{flex-wrap:wrap;gap:8px 16px;display:flex}.bar nav a{color:var(--stone-5);text-decoration:none}.bar nav a[aria-current=page]{color:var(--stone-6);border-bottom:2px solid var(--flame-3)}.edition{color:var(--blood-5);margin-left:auto}.lang{z-index:10;margin-left:auto;position:relative}.edition+.lang{margin-left:0}.lang button{align-items:center;gap:8px;display:flex}.lang ul{background:var(--ink-1);border:2px solid var(--stone-1);width:200px;max-width:calc(100vw - 32px);margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang li+li{border-top:2px solid var(--stone-0)}.lang a{height:44px;color:var(--stone-5);border-left:4px solid #0000;align-items:center;padding:0 12px;text-decoration:none;display:flex}.lang a[aria-current=true]{color:var(--stone-6);border-left-color:var(--flame-3)}main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 16px 32px}footer{color:var(--stone-3);border-top:2px solid var(--stone-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:8px 16px;display:flex}footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}footer a{color:var(--stone-4)}.pixel{image-rendering:pixelated;display:block}.card-slot{background:var(--ink-1);outline:2px solid var(--stone-0);outline-offset:-2px;display:block}.hero p{max-width:44em;color:var(--stone-5)}.hero p:last-child{margin-bottom:8px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{box-sizing:content-box;border:2px solid var(--stone-1);max-width:calc(100% - 4px);height:auto;image-rendering:pixelated;margin:32px 0 16px;display:block}@media (width>=1076px){.screen{width:1040px}}.filters{flex-wrap:wrap;gap:8px 16px;display:flex}.filters label{color:var(--stone-4);flex-direction:column;gap:4px;display:flex}input,select,button{font:inherit;color:var(--stone-6);background:var(--stone-1);border:2px solid var(--stone-2);border-bottom-color:var(--stone-0);border-radius:0;min-height:36px;padding:4px 8px}button{cursor:pointer}button.link{color:var(--flame-3);background:0 0;border:none;margin-left:16px;text-decoration:underline}.count{color:var(--stone-4)}.grid{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.grid a{display:block;position:relative}.tag{color:var(--blood-5);margin-left:16px}.grid .tag{background:var(--ink-0);margin:0;padding:0 4px;position:absolute;bottom:0;left:0}.scrim{background:color-mix(in srgb, var(--ink-0) 80%, transparent);justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--ink-1);border:2px solid var(--stone-1);border-top-color:var(--stone-2);width:100%;max-width:1000px;padding:16px}.panel header{justify-content:space-between;align-items:center;gap:16px;display:flex}.meta{color:var(--stone-4)}.levels{flex-wrap:wrap;gap:16px;margin:16px 0;padding:0;list-style:none;display:flex}.levels li{color:var(--stone-5);flex-direction:column;align-items:center;gap:4px;display:flex}.table{overflow-x:auto}table{border-collapse:collapse}th,td{text-align:right;border-bottom:2px solid var(--stone-0);white-space:nowrap;padding:4px 12px}thead th{color:var(--stone-4)}th.words,td.words{text-align:left}tbody th{text-align:left;color:var(--stone-5)}.keywords dt{color:var(--frost-4)}.keywords dd{color:var(--stone-5);margin:0 0 8px}.snapshots{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.calculator{flex-wrap:wrap;align-items:flex-start;gap:16px 32px;margin-top:16px;display:flex}.calculator>:first-child{flex:590px;min-width:0}.tree-box{overflow-x:auto}.side{flex:280px;min-width:0}.side h2{margin:8px 0}.buttons{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}button:disabled{background:var(--stone-0);color:var(--stone-3);cursor:default}.reason,.problems{color:var(--flame-3)}.valid{color:var(--goblin-5)}.slots,.meters,.deck-list,.problems{padding-left:0;list-style:none}.slots li{color:var(--stone-5)}.slots li:before{content:counter(list-item) ". ";color:var(--stone-3)}.deck-list li{align-items:center;gap:8px;margin-bottom:4px;display:flex}.deck-list button{min-width:36px}.pool{margin-top:16px}.pool li{flex-direction:column;gap:4px;display:flex}.adds{width:162px;display:flex}.adds button{flex:1;min-width:0;padding:4px 0}.out{flex-direction:column;gap:8px;margin-top:24px;display:flex}.copyable{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.copyable span{color:var(--stone-4);min-width:4em}.copyable code{min-width:0;font:inherit;color:var(--stone-6);background:var(--ink-1);overflow-wrap:anywhere;flex:320px;padding:4px 8px}.tree{display:block}.ladder .lead{color:var(--stone-5);max-width:44em;margin:0 0 16px}.ladder .sides{gap:8px;margin:0 0 16px;display:flex}.ladder .sides a{min-height:36px;color:var(--stone-5);background:var(--ink-1);border:2px solid var(--stone-0);align-items:center;padding:4px 16px;text-decoration:none;display:inline-flex}.ladder .sides a[aria-current=page]{color:var(--stone-6);background:var(--stone-1);border-color:var(--stone-1);border-top-color:var(--flame-3)}.ladder table{table-layout:fixed;background:var(--ink-1);border:2px solid var(--stone-1);border-top-color:var(--stone-2);width:100%;max-width:720px}.ladder th{text-align:left;border-bottom:2px solid var(--stone-1);padding:6px 12px;font-weight:400}.ladder td{text-align:left;padding:6px 12px}.ladder th.place,.ladder td.place{text-align:right;width:64px}.ladder td.place{color:var(--stone-4)}.ladder th:last-child{width:264px}.ladder td:nth-child(2){overflow-wrap:anywhere}.ladder .player-title{color:var(--flame-3)}.ladder .player-title .comma{color:var(--stone-6)}.ladder tr.ruler td.place{color:var(--night-5)}.ladder .rank{align-items:center;gap:8px;display:flex}.ladder .rank .label{min-width:120px}.ladder .rank svg{width:30px;height:34px;image-rendering:pixelated}.ladder .stars{gap:4px;display:inline-flex}.ladder .stars svg{width:14px;height:14px}.ladder .note{color:var(--stone-4);margin:12px 0 0}@media (width<=560px){.grid{justify-content:center}.with-lang nav{flex-basis:100%;order:1}.ladder th,.ladder td{padding:6px 8px}.ladder th.place,.ladder td.place{width:40px}.ladder th:last-child{width:200px}.ladder .rank{flex-wrap:wrap}.ladder .player-title{display:block}.ladder .player-title .comma{display:none}.ladder .rank .label{min-width:0}}@media (width<=320px){.ladder th,.ladder td{padding:6px 4px}}.news{max-width:44em}.news h2{margin:16px 0 8px}article.news h1{font-size:48px;line-height:52px}.news ul:not(.posts){padding:0;list-style:none}.news ul:not(.posts) li{padding-left:16px;position:relative}.news ul:not(.posts) li:before{content:"";background:var(--flame-3);width:6px;height:6px;position:absolute;top:8px;left:0}.news h3{color:var(--stone-6);margin:16px 0 8px;font-size:20px;line-height:24px}.news p,.news li{color:var(--stone-5)}.news .lead{margin:0 0 16px}.news code{color:var(--stone-6);background:var(--ink-1);padding:0 4px}.news .posts{gap:16px;margin:0;padding:0;list-style:none;display:grid}.news .posts li{background:var(--ink-1);border:2px solid var(--stone-1);border-top-color:var(--stone-2);padding:12px 16px}.news .posts h2{margin:8px 0}.news .posts li p{margin:0}.news .posts li>:last-child{margin-bottom:0}.news .meta{color:var(--stone-4);text-transform:capitalize;flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.draft{color:var(--blood-5);text-transform:none}.news>.meta{margin-top:16px}