:root{color-scheme:dark;--ink:#fcf4df;--soft:#ded0e2;--night:#14102c;--purple:#2a1c4c;--gold:#f2c57d;--green:#8fde9c;font-family:system-ui,sans-serif;background:var(--night);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -5%,#433477,#20173b 42%,#100d24 90%)}button,input,select{font:inherit}button{color:inherit;cursor:pointer;min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffdf8f;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.night-sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.night-sky i{position:absolute;width:3px;height:3px;background:#fceabb;border-radius:50%;box-shadow:0 0 9px #efc5a5;animation:twinkle 4s ease-in-out infinite alternate}.night-sky i:nth-child(1){left:12%;top:9%}.night-sky i:nth-child(2){left:30%;top:17%;animation-delay:-2s}.night-sky i:nth-child(3){left:68%;top:6%;animation-delay:-1s}.night-sky i:nth-child(4){left:91%;top:30%;animation-delay:-3s}.night-sky i:nth-child(5){left:6%;top:70%;animation-delay:-1.5s}.night-sky i:nth-child(6){left:83%;top:81%;animation-delay:-.5s}@keyframes twinkle{to{opacity:.25;transform:scale(.65)}}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:.5rem clamp(.75rem,2vw,2rem);background:#100b27df;border-bottom:1px solid #ffffff20;gap:.5rem}.brand{font-family:Georgia,serif;color:#fff;text-decoration:none;font-weight:900;line-height:.85;font-size:1.5rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px #705295}.brand small{font-size:.55rem;display:block;text-align:right}.brand strong{font-size:1.3rem;letter-spacing:.1em;color:#e8d8ff}.top-actions,.languages{display:flex;align-items:center;gap:.35rem}.quiet,.languages button,.audio-strip button,.secondary{border:1px solid #a897bc80;background:#2e2348;border-radius:.5rem;padding:.4rem .7rem}.languages button{padding:.25rem;min-width:44px}.languages svg{display:block;width:34px;height:23px;border-radius:3px}.languages button[aria-pressed=true]{outline:2px solid var(--gold)}.audio-strip{display:flex;align-items:center;gap:.4rem;padding:.3rem clamp(.75rem,2vw,2rem);background:#21183ce8;font-size:.8rem;min-height:52px}.audio-strip label{white-space:nowrap}.audio-strip select{background:#15102b;border:1px solid #aa9bb8;color:var(--ink);border-radius:.35rem;min-height:40px}.audio-strip button{min-height:38px}.audio-strip input{width:clamp(65px,8vw,125px);accent-color:#d6a668}.audio-strip output{min-width:2.2rem}.audio-strip a{color:#ffda9d}.audio-strip [aria-pressed=true]{text-decoration:line-through;opacity:.75}#audio-status:not(:empty){color:#ffdb9b}.shell{max-width:1600px;margin:auto;padding:1rem clamp(.6rem,2vw,1.5rem)}.welcome{min-height:calc(100vh - 140px);display:grid;place-items:center}.welcome-inner{display:grid;grid-template-columns:minmax(170px,320px) minmax(270px,430px);gap:clamp(1.5rem,6vw,5rem);align-items:center;padding:2rem 1rem}.box-art{width:100%;border-radius:.5rem;box-shadow:0 20px 45px #070417;transform:rotate(-3deg)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif}.welcome h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:.94}.kicker{color:#f7c390;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:800;margin-bottom:.65rem}.lead{color:#e8dceb;margin:1rem 0 1.5rem;line-height:1.5}.entry label,.setup label{display:block;font-size:.85rem;margin:.8rem 0 .3rem;color:var(--soft)}input[type=text]{width:100%;min-height:48px;border-radius:.5rem;border:1px solid #b7a1bc;background:#120e27;color:#fff;padding:.65rem .8rem}.primary,.confirm{background:#8bd398;color:#102b1c;border:1px solid #b4f0b7;border-radius:.55rem;padding:.65rem 1rem;font-weight:800;box-shadow:0 4px 0 #376b48}.primary:hover,.confirm:hover{background:#b5edbb}.entry .primary,.entry .secondary{width:100%;margin-top:.8rem}.join-row{display:flex;gap:.5rem}.join-row button{flex:none}.entry-note{color:#d0c0d6;font-size:.85rem;line-height:1.4;margin-top:1rem}.lobby{max-width:800px;margin:2rem auto;background:#302449;border:1px solid #a992b7;border-radius:1rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 15px 35px #0005}.lobby h1{font-size:clamp(2rem,5vw,3rem)}.players-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.player-chip{padding:.6rem .8rem;background:#17112d;border-radius:.6rem;border:1px solid #6e5d83}.lobby-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.2rem}.lobby p{color:var(--soft);line-height:1.4;margin-top:.8rem}.code{font-family:monospace;letter-spacing:.16em;color:var(--gold);font-size:1.4rem}.table-header{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.6rem}.round-pill,.player-tab{background:#34294b;border:1px solid #807091;color:#fff;padding:.5rem .75rem;border-radius:.45rem}.round-pill{font-weight:700;color:#ffe1a2}.player-tab[aria-pressed=true]{border-color:#a6e8b0;box-shadow:0 0 0 2px #73c788}.table-layout{display:grid;grid-template-columns:minmax(430px,1fr) minmax(280px,370px);gap:1rem;align-items:start}.board-wrap{min-width:0}.board{position:relative;width:min(100%,1036px);margin:auto;user-select:none;touch-action:pan-y;filter:drop-shadow(0 12px 20px #080415ad)}.board-base{display:block;width:100%;height:auto;pointer-events:none}.cell{position:absolute;width:11.58%;height:13.14%;padding:0;border:0;background:transparent;min-height:0;border-radius:18%;touch-action:manipulation}.cell.legal{outline:2px dashed #bdebbfa0;outline-offset:-3px}.cell.staged{outline:4px solid #9ff9ae;outline-offset:-3px;box-shadow:0 0 16px #8df5a8}.cell img{width:100%;height:100%;object-fit:contain;pointer-events:none}.cell .stage-image{opacity:.8}.animal-piece{position:absolute;min-height:0;transform:translate(-50%,-50%);width:8%;height:9%;padding:0;border:0;background:transparent;filter:drop-shadow(0 3px 2px #000b);z-index:3;touch-action:manipulation}.animal-piece img{width:100%;height:100%;object-fit:contain;pointer-events:none}.animal-piece.eligible{filter:drop-shadow(0 0 5px #f5dd8b) drop-shadow(0 3px 3px #000)}.animal-piece.selected{outline:3px solid #baf8bb;border-radius:50%}.animal-piece.undiscovered{filter:grayscale(.8) brightness(.75);opacity:.72}.animal-count{position:absolute;bottom:-.1rem;right:-.1rem;background:#f7d897;color:#30203a;border-radius:50%;font-size:.65rem;font-weight:900;padding:.05rem .25rem}.side{position:sticky;top:.5rem;display:grid;gap:.65rem}.action-strip{background:#f4e6c9;color:#211633;padding:.9rem;border-radius:.65rem;box-shadow:0 6px 0 #47304b;min-height:115px}.action-strip h2{font-size:1.25rem}.action-strip p{line-height:1.35;margin:.35rem 0}.action-strip button:not(.confirm){background:#3a294d;color:white;border:1px solid #766184;border-radius:.45rem;padding:.45rem .7rem}.action-strip button{margin:.2rem .2rem .2rem 0}.action-strip .muted{color:#594760}.action-strip .tile-hand{display:flex;align-items:center;gap:.65rem}.tile-hand img{width:75px;height:75px;object-fit:contain;touch-action:none;cursor:grab}.tile-hand img:active{cursor:grabbing}.action-strip .options{max-height:185px;overflow:auto}.market,.reference-strip,.warehouse{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.market button,.reference-strip button,.warehouse button{background:transparent;border:0;padding:.2rem;border-radius:.5rem}.market button:enabled:hover,.reference-strip button:hover,.warehouse button:hover{background:#ffffff1a}.market img{width:clamp(65px,7vw,98px);height:auto;display:block}.market button:disabled{opacity:.6}.tile-caption{font-size:.72rem;color:#e3d4de}.reference-strip img{width:105px;max-width:100%;height:auto;display:block}.table-block{background:#1b1433cf;border:1px solid #695379;border-radius:.65rem;padding:.7rem}.table-block h3{font-size:1rem;margin-bottom:.4rem}.warehouse img{width:55px}.score-mini{display:flex;justify-content:space-between;gap:.5rem;color:#f4e8d6;font-size:.85rem}.board-caption{color:#e5d2e2;font-size:.86rem;margin:.4rem 0}.detail{color:#e3d4e0;font-size:.85rem}.result{max-width:850px;margin:1rem auto}.result h1{font-size:2.5rem}.result-row{display:flex;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid #ffffff30}.result-row strong{font-size:1.3rem;color:#ffdb97}.result-row small{display:block;color:#d6c7d8;margin-top:.3rem}#transition{position:fixed;inset:30% 0 auto;text-align:center;z-index:9;pointer-events:none;font-family:Georgia,serif;font-weight:bold;font-size:clamp(2.5rem,6vw,5rem);color:#fff4d3;text-shadow:0 4px 18px #000;background:#24163dc9;padding:.6rem;animation:transition 2s ease both}@keyframes transition{0%{opacity:0;transform:scale(.9)}15%,75%{opacity:1;transform:scale(1)}100%{opacity:0}}#toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:#f4e6c9;color:#291a35;padding:.7rem 1rem;border-radius:.5rem;z-index:20;box-shadow:0 4px 15px #0008}dialog{width:min(700px,94vw);max-height:85vh;background:#291f3c;color:#fff4df;border:1px solid #b8a0ba;border-radius:.8rem;padding:1.2rem}dialog::backdrop{background:#070414d9}.reader-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.reader-head button{min-width:44px;border:0;border-radius:50%;font-size:1.7rem;background:#ead2ba;color:#291a35}#reader-content img{width:100%;height:auto;margin:1rem 0}#reader-content p,#reader-content li{line-height:1.5;margin:.6rem 0}.drag-follower{position:fixed;z-index:30;pointer-events:none;filter:drop-shadow(0 8px 8px #0009)}body.calm .night-sky i{animation:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:800px){.topbar{flex-wrap:wrap}.audio-strip{flex-wrap:wrap;gap:.3rem}.audio-strip label{display:none}.audio-strip select{width:30%}.audio-strip input{width:18%}.audio-strip output{display:none}.table-layout{grid-template-columns:1fr}.side{position:static;grid-row:1}.table-block.reference{order:3}.market img{width:70px}.board-wrap{overflow-x:auto}.board{min-width:480px}.welcome-inner{grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:1rem}.welcome h1{font-size:2.4rem}.reference-strip img{width:90px}}@media(max-width:480px){.welcome-inner{grid-template-columns:1fr}.box-art{width:125px}.welcome{display:block}.welcome-inner{padding-top:1rem}.topbar{min-height:60px}.brand{font-size:1.15rem}.top-actions .quiet{font-size:.8rem;padding:.3rem}.audio-strip select{width:38%}.audio-strip input{width:18%}.audio-strip button{padding:.25rem;font-size:.75rem}.table-header{gap:.25rem}.table-header button{font-size:.8rem}.side{gap:.4rem}.shell{padding:.6rem}.market img{width:62px}}
.animal-piece:disabled{opacity:1;cursor:default}.animal-piece.undiscovered:disabled{opacity:.72}
.move-sprite{position:fixed;z-index:40;pointer-events:none;object-fit:contain;filter:drop-shadow(0 5px 4px #000a)}.result-row{animation:result-enter .55s ease both}.result-row:nth-of-type(2){animation-delay:.08s}.result-row:nth-of-type(3){animation-delay:.16s}.result-row:nth-of-type(4){animation-delay:.24s}@keyframes result-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body.calm .result-row{animation:none}
.cell .stage-unicorn{position:absolute;left:12%;top:8%;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 2px 4px #0009)}
.action-log{line-height:1.35;padding:.25rem 0;border-bottom:1px solid #ffffff1c}.table-block .secondary{margin-top:.45rem;font-size:.8rem}
.event-spark{position:fixed;z-index:45;width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px currentColor;pointer-events:none}
.audio-strip button,.audio-strip select{min-height:44px}.animal-piece{min-width:44px;min-height:44px}.cell.staged{touch-action:none}
.cell:disabled{opacity:1;cursor:default}
.board-tools{display:flex;align-items:center;gap:.35rem;margin:.3rem 0}.board-tools button{min-width:44px;background:#302345;border:1px solid #8d7a9d;border-radius:.4rem}.board-tools output{min-width:3rem;text-align:center;font-size:.8rem}.board-scroller{overflow:auto;overscroll-behavior-x:contain}.board{touch-action:pan-x pan-y}.swipe-hint{display:none;color:#d6c7d8;font-size:.8rem}@media(max-width:800px){.side{display:contents}.side .action-strip{grid-row:1}.board-wrap{grid-row:2;overflow:visible}.swipe-hint{display:block}.table-block.reference{order:0}}
.winner-line{color:#ffe0a2;font-size:1.1rem;font-weight:800;margin:.65rem 0}
#audio-status[data-healthy=true]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.board-scroller{overflow-y:hidden}
.market button[aria-pressed=true]{outline:3px solid #a6e8b0;outline-offset:2px;background:#ffffff18}
.color-choices{display:flex;gap:.4rem;flex-wrap:wrap;margin:.4rem 0}.color-choice{border:2px solid var(--player-color);background:#17112d;border-radius:.5rem;padding:.4rem .7rem}.color-choice:before{content:"";display:inline-block;background:var(--player-color);width:.8rem;height:.8rem;border-radius:50%;margin-right:.4rem}.color-choice[aria-pressed=true]{box-shadow:0 0 0 2px #fff}.color-choice:disabled{opacity:.45}