:root{color-scheme:dark;--ink:#f8e8ca;--gold:#e8c17b;--line:#7f6b4a;--blue:#182031;--muted:#d0c2a7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% -20%,#4d4052,#171b28 50%,#111621);color:var(--ink);font-family:Georgia,serif}button,input,select{font:inherit}button{cursor:pointer;color:#f7e5c4;background:#343438;border:1px solid #9b7e51;border-radius:6px;min-height:42px;padding:9px 13px}button:hover:not(:disabled){background:#554839}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffe18a;outline-offset:3px}.primary{background:#527847;border-color:#a5c68b;color:#fff8e4;font-weight:bold}.primary:hover:not(:disabled){background:#628d56}input,select{background:#151b25;color:var(--ink);border:1px solid #8b7658;border-radius:5px;padding:10px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px clamp(12px,3vw,40px);background:#141b2c;border-bottom:2px solid #927447;box-shadow:0 3px 15px #0007}.brand{display:flex;align-items:center;gap:9px;color:#f7d896;text-decoration:none;font-size:29px;font-weight:bold;line-height:.95}.brand small{display:block;font:700 9px Arial;letter-spacing:.23em;color:#c4aa7c;margin-top:6px}.crest{font-size:38px;color:#d0a65c}nav{display:flex;align-items:center;gap:5px}nav button{min-height:38px;padding:6px 10px;font:700 13px Arial}.flag{padding:5px;width:42px}.flag svg{display:block;width:28px;height:20px}.flag[aria-pressed=true]{box-shadow:0 0 0 2px #f6d586}.audio-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px clamp(12px,3vw,40px);background:#252735;border-bottom:1px solid #554c43;font:12px Arial}.source,.audio-channel{display:flex;align-items:center;gap:6px}.audio-strip select{padding:5px;min-height:32px}.audio-strip button{min-height:32px;padding:4px 8px;font:12px Arial}.audio-strip input{width:90px;padding:0;accent-color:#e1bd77}.audio-strip a{color:#f6d890}.audio-strip output{min-width:30px}#notice{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);background:#f8e4ae;color:#28202a;border:1px solid #a17d47;padding:12px 20px;border-radius:6px;font:14px Arial;box-shadow:0 5px 20px #0008;max-width:90vw}main{max-width:1600px;margin:auto;padding:14px clamp(10px,2vw,30px)}.entry{min-height:65vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,380px);align-content:center;gap:30px;max-width:1100px;margin:auto}.entry-art{padding:32px;background:radial-gradient(circle at 20% 25%,#6a4c3b,#242a3c 65%);border:1px solid #8f744d;box-shadow:inset 0 0 0 6px #1c2434,inset 0 0 0 7px #7b6749}.entry-crown{font-size:44px;color:#e5bb68}.entry h1{font-size:clamp(34px,5vw,64px);line-height:1.05;color:#f5d58d;margin:15px 0}.entry h1 em{font-weight:normal;color:#f7eee0}.entry p{font:16px/1.5 Arial;max-width:560px}.entry form{display:grid;gap:9px;align-content:center}.entry form label{font:700 13px Arial}.entry form small,.credit{font:12px/1.5 Arial;color:#ccbda4}.entry form button{text-align:left}.join-line{display:flex;gap:5px}.join-line input{width:100%}.credit{grid-column:1/-1;margin:0}.credit a{color:#f0d599}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-heading h1{font-size:clamp(23px,2.3vw,32px);margin:3px 0;color:#f6d68c}.game-heading p{font:13px Arial;color:#dbceba;margin:4px 0 9px}.eyebrow{font:700 10px Arial;letter-spacing:.16em;color:#d2b783}.room-actions{display:flex;gap:6px}.players{display:flex;gap:8px;margin:6px 0}.player{padding:7px 12px;background:#2b2c34;border-left:4px solid #b9a17d;font:13px Arial;min-width:155px}.player.active{box-shadow:0 0 0 2px #f4d580}.player.dark{border-color:#8a5b53}.player small{display:block;color:#c8bba9;margin-top:3px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,285px);gap:12px}.table-wrap{position:relative;min-width:0}.scene{position:relative;width:100%;height:min(66vh,760px);min-height:410px;border:2px solid #8b714f;background:radial-gradient(circle,#554c41,#26242b);overflow:hidden;touch-action:none}.scene canvas{display:block;width:100%;height:100%}.camera{position:absolute;top:8px;right:8px;display:flex;gap:4px}.camera button{min-width:38px;min-height:36px;padding:4px 8px;background:#151b27d9;font:12px Arial}.scene-tip{position:absolute;bottom:8px;left:10px;padding:5px 8px;background:#111927c9;color:#eadfcf;font:12px Arial;pointer-events:none}#scene-fallback{padding:25px;font:14px Arial}.grid-details{background:#292b34;padding:8px;margin-top:4px;font:13px Arial}.grid-details summary{cursor:pointer;min-height:30px}.grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));max-width:600px;gap:2px}.grid button{padding:0;min-height:38px;background:#554a40;font-size:11px}.grid button.claim0{background:#8c794f}.grid button.claim1{background:#674d50}.grid button.filled{background:#303038}.action{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#232a32;border:1px solid #817052;padding:9px;margin-top:5px;min-height:62px}.action strong,.action span{display:block}.action span{font:12px Arial;color:#d6c9b4;margin-top:4px}.action-buttons{display:flex;gap:5px}.action-buttons button{min-width:43px}.rack{align-self:start;background:#252934;border:1px solid #8d754f;padding:12px;box-shadow:0 8px 30px #0004}.rack-heading{display:flex;justify-content:space-between;align-items:center}.rack h2{font-size:20px;color:#f4d391;margin:5px 0 10px}.rack-heading span{font:12px Arial}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-height:52vh;overflow:auto}.inventory button{display:grid;place-items:center;min-height:62px;padding:6px;background:linear-gradient(#494442,#35353a)}.inventory button.selected{outline:3px solid #f6d280;outline-offset:-3px;background:#625241}.mini{display:grid;gap:2px}.mini i{width:11px;height:11px;background:#e4d4af;border:1px solid #b69869}.mini.dark i{background:#a8786c;border-color:#daac93}.mini i.empty{opacity:0}.legend{display:flex;gap:6px;align-items:center;margin-top:13px;font:12px Arial;color:#cfc1a7}.light-dot,.dark-dot{width:11px;height:11px;border-radius:50%;background:#eee0bf}.dark-dot{background:#9b685f;margin-left:8px}#result{font:14px/1.5 Arial;color:#f8dc9c;margin:12px 0}#lobby{padding:10px;margin:5px 0;background:#333441;font:14px Arial}#lobby p{display:inline;margin-right:12px}#transition{position:absolute;z-index:4;top:38%;left:50%;transform:translate(-50%,-50%);background:#181c2ce8;border:1px solid #d5b777;box-shadow:0 8px 40px #000a;padding:16px 28px;text-align:center;color:#ffe2a4;font-size:clamp(22px,3vw,36px);pointer-events:none;animation:arrival 1.8s ease both}@keyframes arrival{0%{opacity:0;transform:translate(-50%,-35%) scale(.9)}20%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-55%)}}dialog{background:#202633;color:#f7ead2;border:2px solid #a98958;border-radius:8px;max-width:620px;max-height:85vh;padding:20px}dialog::backdrop{background:#080b10bb}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{margin:0}.dialog-heading button{font-size:22px}.dialog-content,dialog p,dialog li{font:15px/1.6 Arial}@media(max-width:760px){header{padding:7px 10px}.brand{font-size:22px}.brand small{font-size:7px}.crest{font-size:28px}nav button{font-size:11px;padding:5px 7px}.audio-strip{gap:5px 9px}.audio-strip input{width:67px}.source{width:100%}.entry{display:block}.entry-art{padding:22px}.entry form{margin:16px 0}.play-layout{display:flex;flex-direction:column}.scene{height: min(75vw,520px);min-height:300px}.rack{width:100%}.inventory{grid-template-columns:repeat(7,1fr);max-height:200px}.inventory button{min-height:48px;padding:3px}.mini i{width:8px;height:8px}.room-actions button{font-size:11px;padding:5px}.action{align-items:start;flex-direction:column}.action-buttons{width:100%;justify-content:flex-end}.scene-tip{font-size:10px}.players{overflow:auto}.player{min-width:135px}.grid button{min-height:31px}}
[hidden]{display:none!important}
.inventory button{touch-action:none}.drag-follower{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:64px;min-height:64px;background:#51463b;border:2px solid #f1d18c;border-radius:6px;box-shadow:0 8px 18px #000a}
/* A persistent result keeps the outcome readable after the celebration has finished. */
.finale{position:relative;overflow:hidden;margin:10px 0 14px;padding:18px 22px;background:linear-gradient(110deg,#372a27,#242c39 72%);border:2px solid #d2ab69;box-shadow:inset 0 0 0 3px #2a2931,0 9px 28px #0006}.finale-heading,.finale-scores{position:relative;z-index:1}.finale-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.finale h2{margin:5px 0;color:#ffe0a1;font-size:clamp(26px,3.4vw,42px);line-height:1.1}.finale p{margin:6px 0;color:#f0e0c4;font:14px/1.45 Arial}.finale-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.finale-scores{display:flex;gap:10px;margin-top:14px}.finale-score{min-width:190px;display:grid;grid-template-columns:1fr auto;gap:3px 20px;align-items:center;padding:9px 14px;background:#171f2cdb;border-left:5px solid #e7d6b1}.finale-score.dark{border-color:#bd877a}.finale-score span{font:700 14px Arial;overflow-wrap:anywhere}.finale-score strong{font:bold 26px Georgia;color:#ffe4a7;grid-row:span 2}.finale-score small{font:12px Arial;color:#d9c8ad}.finale-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;visibility:hidden}.celebrating .finale-confetti{visibility:visible}.finale-confetti i{position:absolute;color:#f5cd77;font:normal 24px Georgia;opacity:0;animation:finale-spark 3.3s ease-out both}.finale-confetti i:nth-child(1){left:8%;animation-delay:.05s}.finale-confetti i:nth-child(2){left:18%;animation-delay:.2s}.finale-confetti i:nth-child(3){left:29%;animation-delay:.1s}.finale-confetti i:nth-child(4){left:39%;animation-delay:.32s}.finale-confetti i:nth-child(5){left:50%;animation-delay:.16s}.finale-confetti i:nth-child(6){left:61%;animation-delay:.28s}.finale-confetti i:nth-child(7){left:72%;animation-delay:.06s}.finale-confetti i:nth-child(8){left:84%;animation-delay:.22s}.finale-confetti i:nth-child(9){left:95%;animation-delay:.38s}.finale-confetti i:nth-child(10){left:14%;animation-delay:.46s}.finale-confetti i:nth-child(11){left:55%;animation-delay:.5s}.finale-confetti i:nth-child(12){left:90%;animation-delay:.42s}@keyframes finale-spark{0%{opacity:0;transform:translateY(100px) rotate(-45deg) scale(.4)}18%{opacity:.85}80%{opacity:.7}100%{opacity:0;transform:translateY(-40px) rotate(110deg) scale(1.25)}}.game-ended .play-layout{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.finale{padding:14px;margin:8px 0}.finale-heading{align-items:flex-start;flex-direction:column;gap:8px}.finale-controls{width:100%}.finale-controls button{font-size:12px}.finale-scores{display:grid;grid-template-columns:1fr 1fr;gap:6px}.finale-score{min-width:0;gap:3px 8px;padding:8px}.finale-score span{font-size:12px}.finale-score strong{font-size:22px}.finale-score small{font-size:11px}}
.finale-controls button{min-height:44px}
.fireworks-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.firework-rocket,.firework-flash,.firework-spark{position:absolute;display:block;pointer-events:none}.firework-rocket{width:6px;height:24px;border-radius:50%;background:currentColor;box-shadow:0 0 10px 4px currentColor,0 12px 12px -2px #ffb454}.firework-flash{width:34px;height:34px;border:3px solid currentColor;border-radius:50%;box-shadow:0 0 20px 6px currentColor,inset 0 0 13px currentColor}.firework-spark{width:5px;height:16px;border-radius:100%;background:currentColor;box-shadow:0 0 9px 3px currentColor}.finale.celebrating .finale-confetti i{animation-iteration-count:2}.finale.paused .finale-confetti i{animation-play-state:paused}.finale-confetti i:nth-child(13){left:5%;animation-delay:.55s}.finale-confetti i:nth-child(14){left:23%;animation-delay:.72s}.finale-confetti i:nth-child(15){left:36%;animation-delay:.61s}.finale-confetti i:nth-child(16){left:47%;animation-delay:.76s}.finale-confetti i:nth-child(17){left:57%;animation-delay:.58s}.finale-confetti i:nth-child(18){left:67%;animation-delay:.82s}.finale-confetti i:nth-child(19){left:77%;animation-delay:.64s}.finale-confetti i:nth-child(20){left:87%;animation-delay:.88s}.finale-confetti i:nth-child(21){left:97%;animation-delay:.7s}.finale-confetti i:nth-child(22){left:12%;animation-delay:.94s}.finale-confetti i:nth-child(23){left:42%;animation-delay:.79s}.finale-confetti i:nth-child(24){left:75%;animation-delay:.91s}.finale-confetti i:nth-child(3n){color:#f6ac8c}.finale-confetti i:nth-child(4n){color:#d9d5ff}
.finale-confetti{top:0;bottom:auto;height:40px}
.firework-spark{width:6px;height:20px;box-shadow:0 0 11px 4px currentColor}