:root{--midnight: #14213D;--deep: #0B1430;--limestone: #EFE3C8;--shade: #D9C9A3;--turquoise: #2EC4B6;--gold: #C9A227;--ochre: #B5533C;--chaos: #A63A2B;--amber: #E0A63A;color-scheme:dark}*{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--midnight);color:var(--limestone);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:1.2rem;line-height:1.4;min-height:100vh}h1,h2,h3{font-weight:500;margin:0 0 .5rem;line-height:1.15}h1{font-size:2rem}h2{font-size:1.35rem}h3{font-size:1.2rem}p{margin:0 0 .6rem}.muted{opacity:.7}.small{font-size:.95rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button{font:inherit;color:inherit}input{font:inherit;color:var(--limestone);background:var(--deep);border:1px solid var(--shade);border-radius:.4rem;padding:.5rem .7rem;min-height:2.75rem;width:100%;max-width:20rem}label{display:flex;flex-direction:column;gap:.3rem}.btn{min-height:2.75rem;min-width:2.75rem;padding:.45rem 1.1rem;border-radius:.55rem;border:1px solid var(--gold);background:transparent;color:var(--limestone);cursor:pointer;text-align:center;transition:background-color .2s,transform .2s}.btn:hover:not(:disabled){background:#c9a22726}.btn.primary{background:var(--gold);color:var(--deep);font-weight:600}.btn.primary:hover:not(:disabled){background:#d9b23a}.btn.quiet{border-color:transparent;opacity:.85}.btn.big{font-size:1.3rem;padding:.8rem 1.4rem;display:flex;flex-direction:column;gap:.1rem;width:100%;max-width:26rem}.btn.big .small{font-weight:400;opacity:.75}.btn:disabled{opacity:.4;cursor:default}.btn.option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:.6rem 1rem;width:100%}.btn.option.off{opacity:.45;cursor:default}.btn:focus-visible,.card:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--turquoise);outline-offset:2px}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:.8rem}.column{display:flex;flex-direction:column;gap:.6rem}.home,.dawn{max-width:44rem;margin:0 auto;padding:2.5rem 1rem 3rem}.home-head{text-align:center;margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.85rem;color:var(--gold);margin-bottom:.3rem}.home-head h1{font-size:2.8rem}.lede{font-style:italic;font-size:1.25rem;opacity:.85;max-width:32rem;margin:0 auto}.home-actions{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:2rem}.form{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:26rem;padding:1rem;border:1px solid rgba(217,201,163,.3);border-radius:.6rem;background:var(--deep)}.howto{border-top:1px solid rgba(217,201,163,.25);padding-top:1rem}.howto summary{cursor:pointer;font-size:1.3rem;padding:.5rem 0;min-height:2.75rem}.howto-body p{margin-bottom:.8rem}.dawn-figures{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:1rem}.dawn-figure{border:1px solid rgba(217,201,163,.3);border-radius:.6rem;padding:1rem;background:var(--deep);animation:rise .9s ease both;animation-delay:calc(var(--i) * .5s)}.dawn-figure.saved{border-color:var(--gold)}.saved-line{font-size:1.3rem;margin-bottom:1.2rem}@keyframes rise{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}.checks{list-style:none;padding:0;margin:.3rem 0 .6rem}.check{display:flex;gap:.5rem;align-items:baseline}.check .mark{display:inline-block;width:1.2rem;text-align:center;font-weight:600}.check.ok .mark{color:var(--turquoise)}.check.no .mark{color:var(--ochre)}.check.no{opacity:.8}.wall-screen{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:1280px;margin:0 auto;padding:.6rem 1rem 2.5rem}.wall-head{display:flex;flex-direction:column;gap:.3rem}.wall-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wall-title h1{font-size:1.4rem;margin:0;text-align:center}.hour-track svg{width:100%;max-width:34rem;height:auto;display:block;margin:0 auto}.wall-main{display:flex;flex-direction:column;gap:.8rem;min-width:0}.wall-side{display:flex;flex-direction:column;gap:1rem;min-width:0}@media (min-width: 960px){.wall-screen{grid-template-columns:minmax(0,1fr) 21rem;grid-template-rows:auto 1fr}.wall-head,.wall-main{grid-column:1}.wall-side{grid-column:2;grid-row:1 / span 2}}.board svg{width:100%;height:auto;display:block}.board svg text{font-family:Cormorant Garamond,Georgia,serif}.region{cursor:pointer}.region:focus{outline:none}.region:focus-visible .cell{stroke:var(--turquoise);stroke-width:6}.amber{cursor:pointer}.amber:focus{outline:none}.amber:focus-visible circle{stroke:var(--turquoise);stroke-width:4}.legal-ring{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.45}}.piece,.sketch{transition:opacity .6s}.captions{min-height:3.2rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center}.caption{font-style:italic;font-size:1.25rem;margin:0;animation:fadein .5s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.panel{background:var(--deep);border:1px solid rgba(217,201,163,.25);border-radius:.6rem;padding:.9rem 1rem}.palette{background:var(--deep);border:1px solid rgba(201,162,39,.45);border-radius:.6rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.8rem}.palette-head{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.keeper-name{font-size:1.4rem;color:var(--gold)}.prompt{font-style:italic;margin:0;max-width:40rem}.supplies{display:flex;gap:1rem;margin:0}.supplies div{display:flex;flex-direction:column;align-items:center}.supplies dt{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.supplies dd{margin:0;font-size:1.4rem;color:var(--gold)}.actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.actions.column{flex-direction:column;align-items:stretch}.actions p{margin:0}.hand{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}@media (max-width: 480px){.hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}}.card{--family: var(--gold);display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--limestone);color:var(--deep);border:4px solid var(--family);border-radius:.7rem;padding:.5rem .4rem .6rem;min-height:11rem;cursor:pointer;text-align:center;transition:transform .25s,box-shadow .25s}.card:hover:not(:disabled){transform:translateY(-.2rem)}.card.lifted{transform:translateY(-.5rem);box-shadow:0 .6rem 1.2rem #00000073;outline:3px solid var(--turquoise)}.card:disabled{opacity:.45;cursor:default}.card-family{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--family)}.card-icon{width:70%;max-width:7rem;height:auto}.card-sentence{font-style:italic;font-size:1.05rem;line-height:1.2}.card-piece{font-size:.9rem;color:var(--family);letter-spacing:.04em}.card-need{font-size:.8rem;opacity:.7}@media (max-width: 480px){.card{padding:.4rem .25rem .5rem;min-height:9rem;border-width:3px}.card-sentence{font-size:.92rem}.card-need{display:none}}.chooser{border:1px solid rgba(217,201,163,.35);border-radius:.5rem;padding:.5rem .8rem .7rem;display:flex;flex-wrap:wrap;gap:.5rem}.chooser legend{padding:0 .3rem}.choice{flex-direction:row;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid transparent;border-radius:.5rem;min-height:2.75rem;cursor:pointer}.choice.on{border-color:var(--gold)}.choice input{width:auto;min-height:auto}.night-list{list-style:none;padding:0;margin:0 0 .5rem;display:flex;flex-direction:column;gap:.6rem}.night-item{display:flex;gap:.6rem;align-items:flex-start}.night-icon{width:3.6rem;flex:none}.night-name{font-size:1.15rem}.night-name .stars{color:var(--gold);letter-spacing:.1em}.night-target{color:var(--chaos);font-weight:600}.history-list{list-style:none;padding:0;margin:0;max-height:26rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem;font-size:1.05rem}.history-list li{display:flex;gap:.6rem;align-items:baseline}.hist-hour{flex:none;width:1.6rem;text-align:right;color:var(--gold);font-variant-numeric:tabular-nums}.hist-arrived,.hist-collision,.hist-chaos_arrived,.hist-reverted,.hist-figure_named,.hist-dawn,.hist-result{font-weight:600}.hist-hour_began{margin-top:.4rem;font-style:italic}.ledger{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.8rem}.ledger-figure{border:1px solid rgba(217,201,163,.3);border-radius:.5rem;padding:.6rem .8rem}.ledger-figure.saved{border-color:var(--gold)}.ledger-verdict{font-style:italic;margin:0}.backdrop{position:fixed;inset:0;background:#0b1430d1;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:20}.modal{background:var(--midnight);border:1px solid var(--gold);border-radius:.8rem;padding:1.2rem 1.3rem;max-width:30rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 1rem 2.5rem #00000080;animation:fadein .3s ease}.modal.wide{max-width:42rem}.modal:focus{outline:none}.toast{position:fixed;left:50%;bottom:1.2rem;transform:translate(-50%);background:var(--chaos);color:var(--limestone);padding:.6rem .6rem .6rem 1rem;border-radius:.6rem;display:flex;gap:.5rem;align-items:center;z-index:30;max-width:calc(100% - 2rem)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.legal-ring{stroke-opacity:1}}