:root{--ink:#2b1d12;--parchment:#f1e4c8;--parchment-edge:#c9b38a;--ember:#a8322d;--night:#1b120b;--title:"IM Fell English", Georgia, serif;--text:"Alegreya", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--parchment);font-family:var(--text);overflow:hidden}.no-webgl{text-align:center;height:100%;font-family:var(--title);place-items:center;padding:16px;font-size:1.4rem;display:grid}:root{--side:clamp(200px, 18vw, 300px)}.title{pointer-events:none;font-family:var(--title);letter-spacing:.06em;color:var(--parchment);opacity:.85;text-shadow:0 2px 8px #000000b3;margin:0;font-size:1.35rem;font-weight:400;position:fixed;top:14px;left:18px}.tooltip{background:var(--parchment);width:280px;color:var(--ink);border:1px solid var(--parchment-edge);border-radius:4px;padding:10px 14px;font-size:.95rem;line-height:1.35;transform:translateY(-62%);box-shadow:0 6px 18px #00000073}.tooltip strong{font-family:var(--title);margin-bottom:4px;font-size:1.25rem;font-weight:400;display:block}.tooltip p{margin:0}.hud{width:var(--side);background:#1b120bd1;border:1px solid #6b4a2c;border-radius:6px;flex-direction:column;gap:12px;padding:14px 16px;font-size:1.05rem;display:flex;position:fixed;top:54px;left:16px;box-shadow:0 8px 24px #00000080}.hud-players{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hud-players li{opacity:.62}.hud-players li.active{opacity:1}.hud-players li.down .hud-name{text-decoration:line-through}.hud-name{font-family:var(--title);flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:1.2rem;display:flex}.hud-name small{font-family:var(--text);opacity:.75;flex-basis:100%;padding-left:22px;font-size:.78rem}.hud-players li.active .hud-name:after{content:"◂";color:#e2bb5c;margin-left:auto}.hud-players i{border:2px solid var(--parchment);border-radius:50%;flex:none;align-self:center;width:14px;height:14px}.hud-stats{flex-wrap:wrap;gap:2px 10px;margin:2px 0 0 22px;font-size:.9rem;display:flex}.hud-speed{align-items:center;gap:8px;font-size:.9rem;display:flex}.hud-speed select{font:inherit;color:var(--parchment);background:#2a1c11;border:1px solid #6b4a2c;border-radius:3px;padding:2px 4px}.hud .hud-quit{color:var(--parchment);background:0 0;border-color:#6b4a2c;padding:4px 10px;font-size:.9rem}.hud .hud-quit:hover{background:#3a2412}.hud{max-height:calc(100vh - 70px);overflow-y:auto}.right{width:var(--side);flex-direction:column;gap:12px;max-height:calc(100vh - 230px);display:flex;position:fixed;top:54px;right:16px;overflow-y:auto}.choices{background:#1b120be0;border:1px solid #c9a04a;border-radius:6px;padding:14px 16px;box-shadow:0 8px 24px #00000080}.choices.waiting{opacity:.85;border-color:#6b4a2c;font-style:italic}.choices.waiting p{margin:0}.choices-who{text-transform:uppercase;letter-spacing:.08em;color:#e2bb5c;margin:0;font-size:.8rem}.choices h2{font-family:var(--title);margin:2px 0 10px;font-size:1.25rem;font-weight:400;line-height:1.25}.choices-options,.choices-acts{flex-direction:column;gap:6px;display:flex}.choices-acts{border-top:1px solid #6b4a2c;margin-top:10px;padding-top:10px}.choices button,.pick-card,.pick .pick-go,.home button,.victory button{font:inherit;font-family:var(--title);cursor:pointer;text-align:left;color:var(--ink);background:#c9a04a;border:1px solid #8a6a2a;border-radius:4px;padding:7px 14px;font-size:1.05rem}.choices button:hover,.pick .pick-go:hover,.home button:not(:disabled):hover,.victory button:hover{background:#e2bb5c}.choices-acts button{color:var(--parchment);background:#5b3a6b;border-color:#3a2346;font-size:.95rem}.choices-acts button:hover{background:#74508a}.card-kind{text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin:0 0 2px;font-size:.78rem}.combat{border:1px solid var(--ember);background:#3c1210e6;border-radius:6px;align-items:center;gap:8px;padding:12px;display:flex;box-shadow:0 8px 24px #00000080}.combat-side{text-align:center;flex:1}.combat-side h3{font-family:var(--title);margin:0;font-size:1.05rem;font-weight:400}.combat-side p{opacity:.8;margin:2px 0;font-size:.8rem}.combat-side strong{font-family:var(--title);color:#e2bb5c;font-size:2rem}.combat-dice{justify-content:center;gap:4px;display:flex}.combat-dice span{background:var(--parchment);width:22px;height:22px;color:var(--ink);opacity:1;border-radius:4px;place-items:center;font-weight:700;display:grid}.combat-vs{opacity:.7;font-style:italic}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.banner{font-family:var(--title);color:#e2bb5c;background:#1b120bd9;border:1px solid #c9a04a;border-radius:4px;margin:0;padding:6px 22px;font-size:1.6rem;animation:.3s ease-out rise}.toast{background:#1b120bd9;border:1px solid;border-left-width:5px;border-radius:4px;gap:8px;margin:0;padding:4px 12px;font-size:.95rem;animation:.25s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(-8px)}}.pick,.home,.victory{background:#0e09058c;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.pick{background:#0e090559;align-content:center;gap:16px}.pick h2{text-align:center;font-family:var(--title);text-shadow:0 2px 8px #000;margin:0;font-size:1.8rem;font-weight:400}.pick-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.pick-card{text-align:center;background:var(--parchment);border:1px solid var(--parchment-edge);flex-direction:column;align-items:center;width:230px;padding:12px 14px;transition:transform .15s;display:flex;box-shadow:0 10px 30px #00000080}.pick-card:hover{background:#fff3d9;transform:translateY(-4px)}.pick-card img{object-fit:contain;height:150px}.pick-card h3{font-family:var(--title);margin:4px 0 0;font-size:1.4rem;font-weight:400}.pick-allegiance{font-family:var(--text);margin:0 0 4px;font-size:.9rem;font-style:italic}.pick-allegiance.light{color:#9a7a1e}.pick-allegiance.shadow{color:#5b3a6b}.pick-card dl{gap:12px;margin:0 0 6px;display:flex}.pick-card dt{font-family:var(--text);text-transform:uppercase;opacity:.7;font-size:.65rem}.pick-card dd{margin:0;font-size:1.2rem}.pick-card ul{font-family:var(--text);margin:0;padding:0;font-size:.85rem;line-height:1.3;list-style:none}.pick-card li+li{margin-top:3px}.pick-cards,.pick-stage{animation:.35s ease-out rise}.pick-stage{background:radial-gradient(closest-side,#140c06d9,#0000);flex-direction:column;align-items:center;gap:10px;display:flex}.pick-stage>div{width:min(380px,90vw)!important;height:min(440px,60vh)!important}.pick .pick-go{text-align:center;min-width:180px;font-size:1.25rem;transition:opacity .4s}.pick .pick-go.waiting{opacity:0;pointer-events:none}.home-card,.victory-card{background:var(--parchment);width:min(520px,100%);color:var(--ink);border:1px solid var(--parchment-edge);border-radius:6px;padding:22px 26px;box-shadow:0 16px 50px #0009}.home-card h1{font-family:var(--title);letter-spacing:.04em;margin:0;font-size:2.6rem;font-weight:400}.home-lead{margin:0 0 12px;font-style:italic}.home-seats{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.home-seats li{align-items:center;gap:8px;display:flex}.home-seats i{border:2px solid var(--ink);border-radius:50%;flex:none;width:16px;height:16px}.home-seats input,.home-seats select{font:inherit;border:1px solid var(--parchment-edge);color:var(--ink);background:#fff8e8;border-radius:3px;min-width:0;padding:4px 6px}.home-seats input{flex:1}.home .home-remove{border-color:var(--parchment-edge);background:0 0;padding:2px 9px}.home button:disabled{opacity:.35;cursor:default}.home .home-add{border-color:var(--parchment-edge);background:0 0;font-size:.95rem}.home-quick{margin:14px 0;display:block}.home-quick small{opacity:.7}.home .home-start{text-align:center;width:100%;padding:10px;font-size:1.35rem;display:block}.victory{background:#0e090599}.victory-card{text-align:center}.victory-card img{object-fit:contain;height:200px}.victory-kicker{text-transform:uppercase;letter-spacing:.2em;color:#8a5a32;margin:0}.victory-card h2{font-family:var(--title);margin:4px 0;font-size:2rem;font-weight:400}.victory-card p{margin:0 0 6px}.victory-stats{opacity:.7}.victory .victory-card button{text-align:center;margin-top:10px}.hud-roll{color:#e2bb5c;font-family:var(--title);margin:0;font-size:1.2rem}.hud-hint{opacity:.55;margin:0;font-size:.8rem}.hud button{font:inherit;font-family:var(--title);cursor:pointer;color:var(--ink);background:#c9a04a;border:1px solid #8a6a2a;border-radius:4px;padding:8px 18px;font-size:1.15rem}.hud button:disabled{opacity:.45;cursor:default}.hud button:not(:disabled):hover{background:#e2bb5c}@media (aspect-ratio<=5/4){.hud{flex-flow:wrap;align-items:center;width:auto;inset:auto 16px 16px}.hud-hint{display:none}.right{max-height:50vh;top:54px;left:auto;right:16px}.log{display:none}}.gallery{position:fixed;inset:0}.gallery-arrow{cursor:pointer;width:56px;height:56px;color:var(--parchment);font-family:var(--title);background:#1b120bcc;border:1px solid #6b4a2c;border-radius:50%;font-size:2.2rem;line-height:1;position:fixed;top:40%}.gallery-arrow:hover{background:#3a2412}.gallery-arrow.left{left:16px}.gallery-arrow.right{right:16px}.gallery-card{background:var(--parchment);width:min(560px,100vw - 32px);color:var(--ink);border:1px solid var(--parchment-edge);text-align:center;border-radius:6px;padding:14px 20px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.gallery-card h2{font-family:var(--title);margin:0;font-size:1.9rem;font-weight:400}.gallery-count{opacity:.6;margin:0;font-size:.85rem}.gallery-allegiance{margin:2px 0 8px;font-style:italic}.gallery-allegiance.light{color:#9a7a1e}.gallery-allegiance.shadow{color:#5b3a6b}.gallery-stats{justify-content:center;gap:22px;margin:0 0 8px;display:flex}.gallery-stats div{text-align:center}.gallery-stats dt{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:.8rem}.gallery-stats dd{font-family:var(--title);margin:0;font-size:1.6rem}.gallery-card ul{margin:0;padding:0;line-height:1.35;list-style:none}.gallery-card li+li{margin-top:4px}.reveal-label{font-family:var(--title);color:var(--parchment);white-space:nowrap;text-align:center;text-shadow:0 1px 4px #000000e6;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.95rem}.reveal-label small{font-family:var(--text);opacity:.6;font-size:.7rem;display:block}.reveal-hint{opacity:.75;pointer-events:none;margin:0;position:fixed;top:62px;left:22px}.reveal-reset{cursor:pointer;background:var(--parchment);color:var(--ink);border:1px solid var(--parchment-edge);font-family:var(--title);border-radius:6px;padding:10px 18px;font-size:1rem;position:fixed;bottom:20px;right:20px}.reveal-reset:hover{background:#fff3d9}.music-toggle{cursor:pointer;color:var(--parchment);font-family:var(--title);opacity:.85;background:#1b120bd1;border:1px solid #6b4a2c;border-radius:4px;padding:6px 14px;font-size:1rem;position:fixed;top:12px;right:16px}.music-toggle:hover{opacity:1;border-color:#c9a04a}:root{--wax:#8e1f1a;--gilt:#c9a04a;--carved:inset 0 1px 0 #ffdcaa29, inset 0 -2px 3px #00000073, inset 0 0 0 4px #00000038, inset 0 0 0 5px #c9a04a66;--parchment-bg:radial-gradient(ellipse at 25% 15%, #fbf2dc, transparent 55%), radial-gradient(ellipse at 85% 95%, #96642d47, transparent 55%), radial-gradient(ellipse at 5% 90%, #96642d2e, transparent 40%), #eedfbd;--parchment-pad:radial-gradient(ellipse at 25% 15%, #fbf2dc, transparent 55%) padding-box, radial-gradient(ellipse at 85% 95%, #96642d47, transparent 55%) padding-box, linear-gradient(#eedfbd, #eedfbd) padding-box;--nacre:conic-gradient(from 210deg, #f2c9d2, #c9e6d8, #c8d6f2, #f4e6c0, #e0cdf0, #f2c9d2)}.hud,.choices,.combat,.music-toggle,.gallery-arrow{background:linear-gradient(#140a044d, #140a048c), var(--wood-dark,#3a2412) center / 256px;box-shadow:var(--carved), 0 10px 26px #0000008c;border:2px solid #1e0f06;border-radius:8px}.choices,.choices.waiting{border-color:#1e0f06}.combat{background:linear-gradient(#460e0a8c, #1e0604b3), var(--wood-dark,#3a2412) center / 256px}.hud-name,.choices h2,.combat-side h3,.choices-who,.hud-roll{text-shadow:0 -1px #000000d9,0 1px #ffdcaa2e}.hud-players li.active .hud-name{color:#f3d58c}.choices h2{background:var(--parchment-bg);color:var(--ink);text-shadow:none;border-radius:3px;padding:8px 10px;box-shadow:inset 0 0 12px #6e461e59}.choices-options button{color:var(--ink);background:linear-gradient(#f4e8cc,#e1cd9f);border:1px solid #7a5a30;padding:7px 12px 7px 40px;transition:transform .12s,background .12s;position:relative;box-shadow:0 2px 4px #0006}.choices-options button:before{content:"";background:radial-gradient(circle at 35% 30%, #d4544a, var(--wax) 58%, #5a0f0c);border-radius:47% 53% 44% 56%/52% 46% 54% 48%;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%;left:9px;box-shadow:0 1px 2px #00000080,inset 0 0 0 3px #00000029,inset 0 0 0 5px #ffa08c1f}.choices-options button:hover{background:linear-gradient(#fff4da,#ecdcb4);transform:translate(2px)}.choices-options button:hover:before{background:radial-gradient(circle at 35% 30%,#ea6a5c,#a8281f 58%,#5a0f0c)}.choices-acts{border-top-color:#c9a04a59}.choices-acts button,.choices-acts button:hover{color:#f1e2f6;background:radial-gradient(120% 160% at 30% 20%,#8d63a6,#55306a 55%,#321a40);border:none;border-radius:999px;box-shadow:inset 0 2px 3px #ffdcff40,inset 0 -3px 5px #00000073,0 0 0 2px #3a2048,0 3px 8px #00000080}.choices-acts button:hover{filter:brightness(1.15)}.seal,.home .home-start,.pick .pick-go,.victory .victory-card button,.hud .hand .seal{font-family:var(--title);letter-spacing:.04em;text-align:center;cursor:pointer;color:#f8dfc6;background:radial-gradient(120% 150% at 32% 22%, #cc4a3e, var(--wax) 55%, #580f0b);text-shadow:0 -1px #0009,0 1px #ffaa9640;border:none;border-radius:46% 54% 50% 50%/62% 58% 42% 38%;padding:10px 26px;font-size:1.15rem;transition:transform .12s,filter .12s;display:inline-block;box-shadow:inset 0 2px 3px #ffbeaa66,inset 0 -4px 6px #00000073,0 0 0 3px #6e1612,0 0 0 6px #6e161259,0 5px 12px #00000080}.seal:hover,.home .home-start:not(:disabled):hover,.pick .pick-go:hover,.victory .victory-card button:hover{background:radial-gradient(120% 150% at 32% 22%,#de5a4c,#a3271f 55%,#5e110c);transform:scale(1.03)}.seal:active,.home .home-start:active{filter:brightness(.92);transform:scale(.98)}.hud .hud-quit,.hud-speed select,.home .home-add,.home .home-remove{font-family:var(--title);color:var(--parchment);background:linear-gradient(#ffdcaa14, #00000040), var(--wood-light,#6b4a2c) center / 256px;text-shadow:0 -1px #000000b3;border:1px solid #1e0f06;border-radius:4px;box-shadow:inset 0 1px #ffdcaa40,0 1px 3px #00000080}.hud .hud-quit:hover,.home button.home-add:not(:disabled):hover,.home button.home-remove:not(:disabled):hover{filter:brightness(1.18);background:linear-gradient(#ffdcaa14, #00000040), var(--wood-light,#6b4a2c) center / 256px}.home-card,.victory-card{background:var(--parchment-bg);border:14px solid #4a2c16;border-image:var(--wood-light) 40 round;border-radius:4px;box-shadow:inset 0 0 0 2px #c9a04a99,inset 0 0 28px #6e461e66,0 18px 60px #000000a6}.home-card h1{text-align:center;color:#3a200d;text-shadow:0 1px #fff5dccc,0 -1px #50280a59}.home-lead{text-align:center}.home .home-start{width:auto;min-width:220px;margin:0 auto;padding:12px 34px;font-size:1.35rem;display:block}.pick-card{background:var(--parchment-bg);border:2px solid #6b4a2c;box-shadow:inset 0 0 0 3px #c9a04a66,0 10px 30px #00000080}.pick-card:hover{background:var(--parchment-bg);filter:brightness(1.06)}.home{background:radial-gradient(#0e09051f 30%,#0e09059e)}.banner{color:#3a200d;background:var(--parchment-bg);border:1px solid #7a5a30;border-radius:2px;padding:6px 40px;position:relative;box-shadow:inset 0 0 14px #6e461e66,0 6px 16px #00000080}.banner:before,.banner:after{content:"";background:radial-gradient(circle at 35% 30%, #d4544a, var(--wax) 58%, #5a0f0c);border-radius:47% 53% 44% 56%;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%;box-shadow:0 1px 2px #00000080}.banner:before{left:10px}.banner:after{right:10px}.toast{color:var(--ink);background:var(--parchment-bg);box-shadow:0 4px 10px #00000073}.toast .gain{color:#3f6a1e}.toast .loss{color:#9a2a1e}.card-kind{color:#7a4a22;opacity:1}.card-panel{color:var(--ink);background:var(--parchment-pad), var(--nacre) border-box;border:3px solid #0000;border-radius:10px;align-items:flex-start;gap:12px;padding:10px;animation:.3s ease-out rise;display:flex;box-shadow:inset 0 0 0 2px #6e461e59,0 10px 30px #0000008c}.card-panel-art{border-radius:4px;flex:none;width:92px;box-shadow:0 3px 8px #00000073}.card-panel h2{font-family:var(--title);margin:0 0 6px;font-size:1.35rem;font-weight:400;line-height:1.15}.card-panel p{margin:0;font-size:.92rem;line-height:1.35}.card-panel .card-kind{margin-bottom:2px;font-size:.72rem}.hud{max-height:calc(100vh - 304px)}.hand{width:var(--side);pointer-events:none;height:244px;position:fixed;bottom:0;left:16px}.hand-title{font-family:var(--title);color:#f3d58c;text-shadow:0 1px 4px #000000e6;margin:0;font-size:1rem;font-weight:400;position:absolute;bottom:214px;left:0}.hand-empty{opacity:.6;margin:0;font-size:.85rem;position:absolute;bottom:170px;left:0}.hand-fan{pointer-events:auto;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:30px;left:34px}.hand-card{width:104px;margin-right:calc(var(--step,52px) - 104px);cursor:default;transform-origin:50% 135%;transform:rotate(var(--a));filter:drop-shadow(0 6px 8px #0000008c);border-radius:6px;outline:none;transition:transform .18s ease-out;position:relative}.hand-card:last-child{margin-right:0}.hand-card img{-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;display:block}.hand-card:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffd2eb59 43%,#c8f0ff52 52%,#e6ffd240 58%,#0000 70%) 100% 0/260% 100%;border-radius:6px;transition:background-position .7s ease-out;position:absolute;inset:0}.hand-card:hover,.hand-card:focus-visible{transform:rotate(0)translateY(-64px)scale(1.75);z-index:50!important}.hand-card:hover:after,.hand-card:focus-visible:after{background-position:0 0}.hand-tag{white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);opacity:0;background:#e8d6ae;border:1px solid #7a5a30;border-radius:2px;padding:0 6px;font-size:.6rem;transition:opacity .15s;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.hand-card:hover .hand-tag,.hand-card:focus-visible .hand-tag{opacity:1}.hand .seal{pointer-events:auto;padding:6px 16px;font-size:.9rem;position:absolute;bottom:160px;left:0}.hand-read{left:calc(16px + var(--side) + 12px);width:270px;color:var(--ink);background:var(--parchment-pad), var(--nacre) border-box;border:3px solid #0000;border-radius:8px;padding:10px 14px;animation:.18s ease-out rise;position:fixed;bottom:16px;box-shadow:0 10px 30px #0000008c}.hand-read h3{font-family:var(--title);margin:0 0 4px;font-size:1.3rem;font-weight:400}.hand-read p{margin:0;font-size:.9rem;line-height:1.35}.hand-read .card-kind{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.log{width:var(--side);color:var(--ink);background:var(--parchment-bg);border-radius:3px 8px 8px 3px;margin:0;padding:10px 14px 12px 30px;position:fixed;bottom:16px;right:16px;box-shadow:inset 0 0 18px #6e461e66,0 10px 26px #0000008c}.log:before{content:"";background:repeating-linear-gradient(#0000 0 9px,#f0d2a08c 9px 13px,#0000 13px 18px) 7px 0/2px 100% no-repeat,linear-gradient(90deg,#3a1a0c,#6b3418 60%,#2a1208);border-radius:3px 0 0 3px;width:16px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 4px #00000059}.log h2{font-family:var(--title);letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ember);border-bottom:1px double #6e461e80;margin:0 0 4px;font-size:1rem;font-weight:400}.log ol{font-family:var(--title);background:repeating-linear-gradient(#0000 0 19px,#6e461e33 19px 20px);max-height:170px;margin:0;padding:0;font-size:.86rem;font-style:italic;line-height:20px;list-style:none;overflow:hidden}.log li{opacity:.62}.log li:last-child{opacity:1}