@font-face{font-family:AlundraUI;src:url('/web/fonts/VT323-Regular.ttf')}*{box-sizing:border-box}html{color-scheme:dark;background:#171810}body{margin:0;color:#eee9d0;font-family:AlundraUI,monospace;font-size:22px;line-height:1.15;background:#514e3e url('/lobby-art/stone.png') repeat;image-rendering:pixelated}button,a{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;color:#aaa48c}button:focus-visible,a:focus-visible{outline:3px solid #ffe7a0;outline-offset:4px}button{border:0;background:none;padding:8px 12px;position:relative;text-shadow:2px 2px #252812}button:not(:disabled):hover,button[aria-pressed=true]{color:#fff4a0}button:not(:disabled):hover:before,button[aria-pressed=true]:before{content:'▸';position:absolute;left:0;color:#fff9cf}button[aria-pressed=true]{box-shadow:inset 0 -2px #ddd5a2}[hidden]{display:none!important}#app{max-width:960px;margin:auto;padding:20px}.screen{min-height:680px;padding:12px 34px 20px;background:radial-gradient(ellipse at 50% 40%,#2d301cd9,#12170ef0);border:3px ridge #8a8868;box-shadow:0 0 0 3px #282b19,0 0 0 6px #6b6b50}header{text-align:center;padding:8px 0 4px}.edition{font-size:16px;letter-spacing:5px;margin:0;color:#d9d5a4}h1{font-family:Georgia,serif;font-weight:normal;letter-spacing:9px;color:#e5ca7e;text-shadow:3px 3px #51371a,-1px -1px #fff2ac;font-size:66px;line-height:1.1;margin:0}.subtitle{letter-spacing:4px;color:#eee1ae;margin:4px 0 16px}.scroll{border:solid transparent;border-width:15px 22px;border-image:url('/lobby-art/scroll.png') 35 30 30 30 stretch;background:#b3b493 url('/lobby-art/parchment.png');color:#303a18;text-shadow:1px 1px #d2d2ae;text-align:center;font-family:Georgia,serif;font-size:22px;font-weight:bold;margin:4px 0 18px;min-height:64px}.panel{border:solid transparent;border-width:12px;border-image:url('/lobby-art/panel.png') 32 stretch;background:#535e47 url('/lobby-art/weave.png') repeat}.seats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.seat{text-align:center;padding:12px 8px 10px;background-color:#454e36;text-shadow:2px 2px #161d12}.seat h3{font-size:20px;letter-spacing:2px;margin:0;color:#f2e4b4}.character{height:122px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#11180ee0 0,transparent 62%)}.character img{height:93px;width:72px;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 #202113)}.character img[data-missing]{display:none}.empty{font-size:76px;color:#b0b69b;opacity:.65}.seat p{margin:5px 0}.seat-state{color:#d2ccb1;font-size:20px}.is-ready .seat-state{color:#f4e492}.choices{display:flex;justify-content:center;gap:10px}.ready{margin-top:4px}.menu{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;max-width:650px;margin:20px auto 0;padding:6px 16px}.menu p{margin:8px}.message{min-height:26px;text-align:center;margin:16px auto 0;max-width:650px;color:#e8e1c3}.game-views{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}figure{margin:0;max-width:768px;flex:1 1 360px}figcaption{text-align:center;padding:8px}canvas,video{display:block;width:100%;aspect-ratio:4/3;background:#10150e;image-rendering:pixelated;border:4px ridge #8a8868}.instructions{text-align:center}footer{text-align:center;font-size:18px;color:#ddd4b6;padding:20px 0 0}footer p{margin:8px}footer a{text-decoration:underline;padding:8px;display:inline-block}.engine{position:absolute;left:-5000px;width:768px;height:576px;border:0}#guest-output{display:block}#play-screen{min-height:600px}@media(max-width:600px){body{font-size:19px}#app{padding:12px}.screen{min-height:0;padding:14px 10px}h1{font-size:43px;letter-spacing:4px}.subtitle{font-size:19px;letter-spacing:2px}.edition{font-size:12px;letter-spacing:3px}.scroll{font-size:17px;border-width:12px 15px;margin-bottom:12px;padding:0;min-height:62px}.seats{gap:8px}.seat{padding:8px 0}.seat h3{font-size:16px;letter-spacing:0}.seat p{font-size:17px;min-height:35px}.character{height:105px}.choices{gap:0}.choices button{padding:9px 7px;font-size:18px}.ready{padding:9px 4px}.menu{gap:2px;margin-top:12px;padding:4px}.message{font-size:18px;margin-top:10px}.seat-state{min-height:20px!important}footer{font-size:16px}.game-views{display:block}}
@media(prefers-reduced-motion:no-preference){.is-ready .character img{animation:arrival .22s steps(3)}@keyframes arrival{from{transform:translateY(5px)}to{transform:translateY(0)}}