:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}body{display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:#f0f0f0}#app{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}button:disabled{background-color:#333;border-color:#666;color:#999;cursor:not-allowed;opacity:.6;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:10px 10px}button{touch-action:manipulation}section{border:1px dotted;padding:5px}.highlight-red{background-color:pink;border:pink}.highlight-green{background-color:#90ee90;border:green}.float-top{position:fixed;top:20px}.float-right{position:fixed;right:20px}.float-bottom{position:fixed;bottom:20px}.float-left{position:fixed;left:20px}.flex-buttons{display:flex}.flex-container{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}.flex-container.center{justify-content:center}.flex-container.right{justify-content:flex-end}.flex-container.left{justify-content:flex-start}:root{--card-height: 100px;--card-width: calc(var(--card-height) * .714) }.card{border-radius:calc(var(--card-height)* .04);width:calc(var(--card-height) * .714);height:var(--card-height);flex-shrink:0;background-size:100%}.card.front{background-image:var(--card-art, url(elf.webp))}.card.back{background-size:100%;background-image:url(/card_back.jpg)}.orientation{transition:transform .2s}.card.positionable{top:var(--top, 0);left:var(--left, 0)}.flex{display:flex;gap:2px}.flex.horizontal{flex-direction:row}.flex.vertical{flex-direction:column}nav{z-index:1;position:fixed}:root{--distance: 0em}nav.top{top:var(--distance)}nav.bottom{bottom:var(--distance)}nav.left{left:var(--distance)}nav.right{right:var(--distance)}nav.centre{left:50%}dialog{position:fixed;max-width:90%;height:90%;overflow:scroll;top:1rem;padding:10px}.board-background.oak{background-image:url(/oak.jpg)!important;background-repeat:repeat!important;background-position:var(--offset-position)!important;background-size:auto!important}:root{--background-colour: #f8f5f2;--grid-colour: #d4cdc5;--help-text-colour: #5a5148}@media (prefers-color-scheme: dark){:root{--background-colour: #1e1b18;--grid-colour: #3c362f;--help-text-colour: #d6cfc4}}.board-background.grid{--grid-size: 100px;--offset-position: 0px 0px;background-image:repeating-linear-gradient(var(--grid-colour) 0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,var(--grid-colour) 0 1px,transparent 1px 100%);background-size:var(--grid-size) var(--grid-size);background-position:var(--offset-position);background-color:var(--background-colour)}@keyframes marching-ants{0%{border:2px solid transparent;box-shadow:0 0 0 0 var(--c)}50%{border:2px solid #ff0000;box-shadow:0 0 10px 2px var(--c)}to{border:2px solid transparent;box-shadow:0 0 0 0 var(--c)}}.highlight{--c: red;animation:marching-ants 1s infinite;padding:10px 20px;border-radius:5px}main.svelte-1tzwwly{height:100%}pre.svelte-1tzwwly{text-align:left}img.svelte-1tzwwly{border-radius:50%;padding:20px;height:12rem}button.svelte-1tzwwly{width:100%}.sections.svelte-1tzwwly{height:60%;width:800px;overflow:scroll}