:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#ece7d8;background:#181e21;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #52615e;background:#26302f;padding:.75rem 1rem;border-radius:4px;text-align:left}button:hover{background:#354440}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #f1c775;outline-offset:3px}header{display:flex;justify-content:space-between;padding:1.5rem 4vw;border-bottom:1px solid #394442;font-size:.7rem;letter-spacing:.15em}a{color:inherit;text-decoration:none}small{font-size:.65rem}header small{margin-left:1rem}.intro{padding:4rem 6vw 3rem;background:radial-gradient(ellipse at 85% 60%,#354a44,transparent 50%)}h1{font-family:Georgia,serif;font-size:clamp(3.4rem,8vw,7rem);line-height:.95;font-weight:400;margin:1rem 0 2rem}h1 em{color:#ecc783}.eyebrow{font-size:.65rem;letter-spacing:.2em;color:#c6b990}.intro>p:last-child{line-height:1.7;color:#bac8bf}.workspace{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr) minmax(180px,1fr);gap:1px;background:#45524c;border-block:1px solid #45524c}.workspace>aside,.stage{background:#1c2525;padding:1.8rem}.workspace aside{display:flex;flex-direction:column;gap:.7rem}h2{font-size:1.2rem;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:500}aside h2{font-size:.75rem;letter-spacing:.1em}h3{font-size:.85rem;margin-top:1.8rem}p{font-size:.85rem;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.stage h2{font-family:Georgia,serif;font-size:2.2rem}.shutters{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.shutters button{height:180px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:space-around;overflow:hidden;background:#16201f}.shutters span{font-family:Georgia,serif;font-size:2rem;color:#ecc783}.shutters i{display:block;width:80%;height:60px;background:repeating-linear-gradient(#a18b60 0 5px,#3d4035 6px 10px);transition:transform .5s}.shutters i.open{transform:scaleY(.18)}.row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.primary{background:#e8c784;color:#17211f;border-color:#e8c784}.transcript{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;min-height:110px}.transcript[hidden]{display:none}.transcript>div{display:flex;flex-direction:column;justify-content:space-between;gap:.5rem;border:1px solid #55665b;padding:1rem;min-width:75px}.transcript strong{font-family:Georgia,serif;font-size:1.7rem;color:#efd99c}.transcript span,.hint{font-size:.7rem;color:#b4c5bc}.guess{display:flex;gap:.5rem;flex-wrap:wrap}.guess>span{min-width:40px;max-width:100%;padding:.7rem;border-bottom:2px solid #c8b482;overflow-wrap:anywhere}.edition{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;padding:3rem 6vw}.edition>div{min-width:0}textarea{width:100%;height:300px;background:#101817;color:#d9e0d1;border:1px solid #53635c;padding:1rem;font-family:monospace}table{border-collapse:collapse;font-size:.75rem}td,th{padding:.5rem;border-bottom:1px solid #42534b;text-align:left;overflow-wrap:anywhere}footer{padding:2rem 6vw;border-top:1px solid #42534b;color:#c4cec2}[role=alert]{color:#ffc39b}article{padding:1rem;background:#304037}button,td,th{overflow-wrap:anywhere}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.workspace>aside{display:block}.workspace aside button{margin:.25rem}.edition{grid-template-columns:1fr}header>span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.guess>span,.stage .row button,aside th{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%}.transcript>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.transcript small{white-space:pre-wrap}
