:root{--parch:#ecdfc2;--parch-2:#dbc9a3;--parch-3:#ecdfc299;--ink:#2b1f14;--brass:#c9a24f;--brass-hi:#ecd08a;--brass-lo:#8a6a2c;--wax:#9b2f22;--wax-hi:#d0513f;--fr:#2a4a9a;--gb:#b3342a;--umber:18, 11, 6;--display:"IM Fell English SC", Georgia, serif;--fell:"IM Fell English", Georgia, serif;--body:"Alegreya Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.2, .7, .2, 1);--gutter:clamp(16px, 6vw, 88px);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .3  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--diamond:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'><path d='M12 1 L17 6 L12 11 L7 6Z'/></svg>");--needle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'><path d='M0 6 L9 1.5 L24 6 L9 10.5Z'/></svg>")}*{box-sizing:border-box}html,body{height:100%;font-family:var(--body);color:var(--parch);background:linear-gradient(#120b06db,#120b06f0),#140d08 url(/lobby/mesa.jpg) 50%/cover;margin:0;overflow:hidden}.kicker{font:700 12px var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0}.flavor{font:italic 17px/1.4 var(--fell);color:var(--parch-2);margin:0}.rule{width:min(320px,100%);height:9px;margin:2px 0;position:relative}.rule:before{content:"";background:linear-gradient(90deg, var(--brass) 0, #c9a24f80 40%, transparent);height:1px;position:absolute;top:4px;left:0;right:0}.rule:after{content:"";background:var(--brass);width:9px;height:9px;position:absolute;top:0;left:0;transform:rotate(45deg)scale(.7)}kbd{min-width:1.7em;font:700 11px/1.45 var(--body);color:var(--parch);text-align:center;background:#00000047;border:1px solid #c9a24f8c;border-bottom-width:2px;border-radius:4px;padding:1px 5px 0;display:inline-block}.hints{font:500 13px var(--body);color:var(--parch-2);flex-wrap:wrap;align-items:center;gap:6px 20px;margin:0;display:flex}.hints span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.mi{cursor:pointer;text-align:left;width:100%;font:400 28px/1.1 var(--display);color:var(--parch);text-shadow:0 2px 10px #0000008c;transition:color .25s, transform .35s var(--ease-out), opacity .25s;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:7px 0 7px 34px;display:block;position:relative}.mi small{font:italic 15px/1.3 var(--fell);color:var(--parch-3);margin-top:3px;transition:color .25s;display:block}.mi:before{content:"";background:var(--brass-hi);width:24px;height:12px;-webkit-mask:var(--needle) center / contain no-repeat;-webkit-mask:var(--needle) center / contain no-repeat;mask:var(--needle) center / contain no-repeat;opacity:0;transition:opacity .25s, transform .35s var(--ease-out);position:absolute;top:calc(1px + .55em);left:0;transform:translate(-14px)}.mi:after{content:"";transform-origin:0;max-width:360px;height:1px;transition:transform .45s var(--ease-out);background:linear-gradient(90deg,#c9a24fb3,#0000);position:absolute;bottom:0;left:34px;right:0;transform:scaleX(0)}.mi:not(:disabled):hover,.mi:not(:disabled):focus-visible{color:var(--brass-hi);transform:translate(6px)}.mi:not(:disabled):hover small,.mi:not(:disabled):focus-visible small{color:var(--parch-2)}.mi:not(:disabled):hover:before,.mi:not(:disabled):focus-visible:before{opacity:1;transform:none}.mi:not(:disabled):hover:after,.mi:not(:disabled):focus-visible:after{transform:none}.mi.sm{padding-block:5px;font-size:22px}.mi.sm:before{top:calc(.55em - 1px)}.mi.on{color:var(--brass-hi)}.mi.on small{color:var(--parch-2)}.mi.on:before{opacity:1;-webkit-mask-image:var(--diamond);-webkit-mask-image:var(--diamond);mask-image:var(--diamond);transform:none}.mi.off,.mi:disabled{cursor:default;opacity:.45}.link-btn{cursor:pointer;font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);background:0 0;border:0;border-bottom:1px solid #c9a24f66;outline:none;padding:4px 0;transition:color .2s,border-color .2s}.link-btn:hover,.link-btn:focus-visible{color:var(--brass-hi);border-color:var(--brass-hi)}@keyframes ui-slide{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.enter .st{animation:ui-slide .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 55ms + 80ms)}.enter .fd{animation:.7s both ui-fade}@media (prefers-reduced-motion:reduce){.enter .st,.enter .fd{animation:none}.mi:hover,.mi:focus-visible{transform:none}}.lb-flag{vertical-align:.08em;border-radius:1px;width:22px;height:15px;margin-right:10px;display:inline-block;box-shadow:0 0 0 1px #ecd08a8c,0 2px 6px #00000080}.lb-flag.fr{background:linear-gradient(90deg, var(--fr) 0 33.3%, #efe6d2 33.3% 66.6%, var(--gb) 66.6%)}.lb-flag.gb{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='none'><clipPath id='c'><path d='M0 0v30h60V0z'/></clipPath><path d='M0 0v30h60V0z' fill='%23233a74'/><path d='M0 0L60 30M60 0L0 30' stroke='%23efe6d2' stroke-width='6' clip-path='url(%23c)'/><path d='M0 0L60 30M60 0L0 30' stroke='%23b3342a' stroke-width='2' clip-path='url(%23c)'/><path d='M30 0v30M0 15h60' stroke='%23efe6d2' stroke-width='10'/><path d='M30 0v30M0 15h60' stroke='%23b3342a' stroke-width='6'/></svg>") 50%/100% 100%}#lobby{z-index:20;font-family:var(--body);color:var(--parch);position:fixed;inset:0;overflow:hidden}#lobby[hidden]{display:none}.lb-bg{background:#20150c url(/lobby/mesa.jpg) 62%/cover no-repeat;position:absolute;inset:0}.lb-scrim{pointer-events:none;background:var(--grain), linear-gradient(90deg, rgba(var(--umber), .92) 0, rgba(var(--umber), .78) 28%, rgba(var(--umber), .3) 52%, transparent 66%), radial-gradient(ellipse 62% 70% at 100% 100%, rgba(var(--umber), .9), rgba(var(--umber), .5) 55%, transparent 100%), linear-gradient(0deg, rgba(var(--umber), .72), transparent 22%), linear-gradient(180deg, rgba(var(--umber), .5), transparent 18%);position:absolute;inset:0}.lb-col{left:var(--gutter);flex-direction:column;justify-content:center;gap:18px;width:min(470px,100% - 32px);display:flex;position:absolute;top:0;bottom:64px}.lb-head{gap:8px;display:grid}.lb-head h1{font:400 clamp(52px, 7.4vw, 92px)/.9 var(--display);color:var(--brass-hi);background:linear-gradient(180deg, #f4dea0 10%, var(--brass) 62%, #9c7632 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #00000059)drop-shadow(0 6px 18px #00000073);-webkit-background-clip:text;background-clip:text;margin:0}.lb-head h1 span{font:italic 400 .62em var(--fell);-webkit-text-fill-color:var(--parch-2)}.lb-name{gap:2px;max-width:340px;display:grid}.lb-name span,.lb-join span{font:700 11px var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--parch-3)}.lb-name input{width:100%;font:italic 400 25px var(--fell);color:var(--parch);background:0 0;border:0;border-bottom:1px solid #c9a24f66;outline:none;padding:2px 0 5px;transition:border-color .25s}.lb-name input::placeholder,.lb-join input::placeholder{color:#ecdfc252}.lb-name input:focus,.lb-join input:focus{border-bottom-color:var(--brass-hi)}.lb-menu{gap:1px;margin-top:4px;margin-left:-34px;display:grid}.lb-join{align-items:flex-end;gap:18px;padding:8px 0 10px 34px;display:flex}.lb-join label{gap:2px;display:grid}.lb-join input{width:8ch;font:400 28px var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-hi);background:0 0;border:0;border-bottom:1px solid #c9a24f66;outline:none;padding:2px 0 4px}.lb-side{right:var(--gutter);width:min(400px,100% - 32px);position:absolute;bottom:78px}.lb-board{background:linear-gradient(180deg, rgba(var(--umber), .55), rgba(var(--umber), .75));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #c9a24f38;border-radius:2px;padding:18px 20px 12px}.lb-board h2{gap:3px;margin:0 0 10px;font-weight:400;display:grid}.lb-board h2 span{font:400 24px var(--display);color:var(--parch)}.lb-board h2 small{font:italic 15px var(--fell);color:var(--parch-3)}.lb-board h2:after{content:"";background:linear-gradient(90deg, var(--brass), transparent);height:1px;margin-top:6px}.lb-rooms{margin:0;padding:0;list-style:none;display:grid}.lb-rooms li{border-bottom:1px solid #c9a24f29;flex-wrap:wrap;align-items:baseline;gap:12px;padding:9px 0;display:flex}.lb-code{font:700 14px var(--body);letter-spacing:.2em;color:var(--brass-hi)}.lb-who{flex:1;min-width:150px;font-size:15px}.lb-who .lb-flag{width:16px;height:11px;margin-right:6px}.lb-who em{font:italic 13px var(--fell);color:var(--brass);margin:0 8px}.lb-tag{font:700 11px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--parch-3)}.lb-empty{font:italic 16px var(--fell);color:var(--parch-3);border:0!important}.lb-status{min-height:1.2em;font:italic 15px var(--fell);color:#f0a878;margin:8px 0 0}.lb-foot{left:var(--gutter);right:var(--gutter);border-top:1px solid #c9a24f2e;justify-content:space-between;align-items:center;gap:8px 24px;height:58px;display:flex;position:absolute;bottom:0}.lb-credits{font:italic 14px var(--fell);color:var(--parch-3);text-align:right;margin:0}#lobby.in-room .lb-head,#lobby.in-room .lb-name{display:none}.lb-roomhead{gap:4px;display:grid}.lb-roomcode{font:400 clamp(46px, 6vw, 72px)/1 var(--display);letter-spacing:.14em;color:var(--brass-hi);text-shadow:0 4px 18px #00000080;margin:0}.lb-pick{color:var(--parch-3);margin-top:6px}.lb-bandos{margin-left:-34px;display:grid}.lb-roomacts{flex-wrap:wrap;align-items:center;gap:26px;margin-top:6px;display:flex}.lb-ready{cursor:pointer;text-align:left;background:linear-gradient(180deg, #e7c878, var(--brass) 55%, #a57f36);color:#24170b;font:400 23px/1.1 var(--display);transition:transform .2s var(--ease-out), box-shadow .25s;border:1px solid #f1d58f;border-radius:2px;outline:none;padding:11px 22px 10px;display:grid;box-shadow:inset 0 1px #fff6,0 8px 22px #00000073}.lb-ready small{font:italic 13px var(--fell);color:#24170bbf}.lb-ready:hover,.lb-ready:focus-visible{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 0 0 3px #ecd08a59,0 12px 26px #00000080}.lb-ready.on{background:rgba(var(--umber), .6);color:#b9e6a9;border-color:#8fc783}.lb-ready.on small{color:var(--parch-3)}.lb-rival{background:linear-gradient(180deg, rgba(var(--umber), .5), rgba(var(--umber), .72));text-shadow:0 2px 10px #0009;border:1px solid #c9a24f38;border-radius:2px;gap:6px;padding:18px 20px 14px;display:grid}.lb-rival h3{font:400 40px/1 var(--display);color:var(--parch);margin:0}.lb-rival.wait h3{font:italic 30px var(--fell);color:var(--parch-2)}.lb-rival .flavor b{font:700 16px var(--body);letter-spacing:.18em;color:var(--brass-hi)}.lb-rship{font:400 22px var(--display);color:var(--brass-hi);margin:0}.lb-rship small{font:italic 15px var(--fell);color:var(--parch-3);display:block}.lb-state{font:700 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--parch-3);margin:4px 0 0}.lb-state.ok{color:#a9dc98}.lb-hint{font:italic 14px var(--fell);color:var(--parch-3);margin:6px 0 0}.pt-panel{z-index:10;background:linear-gradient(180deg, rgba(var(--umber), .82), rgba(var(--umber), .92));border:1px solid #c9a24f4d;border-radius:2px;width:min(640px,100% - 32px);padding:16px 20px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pt-panel h2{font:400 26px var(--display);color:var(--brass-hi);margin:2px 0 8px}.pt-row{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.pt-panel .lb-ready{padding:8px 16px 7px;font-size:19px}.pt-log{max-height:150px;font:14px/1.45 var(--body);color:var(--parch-2);margin:10px 0 0;padding:0;list-style:none;overflow:auto}.pt-log li:before{content:"· ";color:var(--brass)}@media (max-width:760px),(max-height:560px){#lobby{scrollbar-width:none;flex-direction:column;gap:22px;padding:28px 16px 0;display:flex;overflow:hidden auto}#lobby::-webkit-scrollbar{display:none}.lb-bg,.lb-scrim{position:fixed}.lb-scrim{background:var(--grain), linear-gradient(180deg, rgba(var(--umber), .72), rgba(var(--umber), .88) 45%, rgba(var(--umber), .94))}.lb-col,.lb-side,.lb-foot{width:auto;position:relative;inset:auto}.lb-col{justify-content:flex-start;gap:14px}.lb-menu,.lb-bandos{margin-left:0}.mi{padding-left:30px;font-size:25px}.mi:after{left:30px}.lb-join{padding-left:30px}.lb-foot{flex-direction:column;align-items:flex-start;height:auto;margin-top:auto;padding:14px 0 18px}.lb-credits{text-align:left}.lb-foot .hints{display:none}}