@font-face{font-family:UnifontEX;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/unifontex-latin-400-normal-GuatZGLw.woff2)format("woff2"),url(/assets/unifontex-latin-400-normal-Cd1xrwoe.woff)format("woff")}@font-face{font-family:Material Symbols Outlined Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/material-symbols-outlined-latin-wght-normal-BsBqAFWm.woff2)format("woff2-variations")}:root{--px:3px;--ui:max(var(--px), 2px);--hand-scale:1;--felt:#1f5c3a;--felt-dark:#174a2e;--paper:#f6ecd2;--paper-shade:#e2d3ad;--ink:#2a2118;--gold:#f0b429;--gold-dark:#b9801a;--danger:#b3382c;--font:"UnifontEX", monospace;font-family:var(--font);color:var(--ink);line-height:1.25;font-size:max(16px, calc(var(--ui) * 6))}*,:before,:after{box-sizing:border-box}body{background-color:var(--felt);background-image:linear-gradient(45deg, var(--felt-dark) 25%, transparent 25%), linear-gradient(-45deg, var(--felt-dark) 25%, transparent 25%);background-size:calc(var(--ui) * 8) calc(var(--ui) * 8);min-height:100dvh;margin:0}img{image-rendering:pixelated}h1{margin:0}.screen{align-items:center;gap:calc(var(--ui) * 6);max-width:max(calc(var(--px) * 180), min(100%, 480px));flex-direction:column;margin:0 auto;padding:6px 8px;display:flex}.screen.waiting{max-width:max(calc(var(--px) * 300), min(100%, 480px))}.title{color:var(--paper);font-size:calc(var(--ui) * 24);text-align:center;text-shadow:calc(var(--ui) * 1) calc(var(--ui) * 1) 0 var(--ink)}.title.small{font-size:calc(var(--ui) * 16)}.panel,.button,input,select,.banner,.avatar-choice,.hamburger,.portrait,.question{background:var(--paper);color:var(--ink);box-shadow:0 calc(var(--ui) * -1) 0 0 var(--ink), 0 calc(var(--ui) * 1) 0 0 var(--ink), calc(var(--ui) * -1) 0 0 0 var(--ink), calc(var(--ui) * 1) 0 0 0 var(--ink), 0 calc(var(--ui) * 2) 0 0 #0000004d;border:0}.panel{width:100%;padding:calc(var(--ui) * 5)}.stack{gap:calc(var(--ui) * 4);flex-direction:column;display:flex}.row{gap:calc(var(--ui) * 4);width:100%;display:flex}.row>*{flex:1}.field{gap:calc(var(--ui) * 1.5);flex-direction:column;display:flex}.field>span,.label,legend{font-weight:700}input,select{width:100%;min-height:max(40px, calc(var(--ui) * 12));padding:0 calc(var(--ui) * 3);font:inherit;background:#fffaf0}input:focus-visible,select:focus-visible,.button:focus-visible,.avatar-choice:focus-visible,.link:focus-visible,.hamburger:focus-visible,.menu-item:focus-visible,.close:focus-visible,.question:focus-visible{outline:calc(var(--ui) * 1) dashed var(--gold);outline-offset:calc(var(--ui) * 2)}.button{min-height:max(40px, calc(var(--ui) * 13));padding:0 calc(var(--ui) * 5);font:inherit;cursor:pointer;background:var(--paper-shade);font-weight:700}.button.primary{background:var(--gold)}.button:hover:not(:disabled){translate:0 calc(var(--ui) * -1)}.button:active:not(:disabled){translate:0 calc(var(--ui) * 1)}.button:disabled,select:disabled{opacity:.5;cursor:not-allowed}.button.danger{background:var(--danger);color:#fff}.banner{width:100%;padding:calc(var(--ui) * 3) calc(var(--ui) * 4);justify-content:space-between;gap:calc(var(--ui) * 3);background:#f9d9d3;align-items:center;margin:0;display:flex}.link{all:unset;cursor:pointer;font-weight:700;text-decoration:underline}.hint{color:var(--paper);text-align:center;margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.material-symbols-outlined{padding:1px 4px;font-family:Material Symbols Outlined Variable,sans-serif;font-size:32px}.code-input{text-align:center;letter-spacing:calc(var(--ui) * 2);text-transform:uppercase;font-size:calc(var(--ui) * 8)}.or{margin:calc(var(--ui) * -2) 0;color:var(--paper)}.portrait{width:calc(var(--px) * 64);height:calc(var(--px) * 64);background:var(--felt-dark);place-items:center;display:grid;position:relative}.portrait:has(span.tag.away){opacity:.5}.portrait.placeholder{box-shadow:none;border:calc(var(--ui) * 1) dashed var(--paper);color:var(--paper);font-size:calc(var(--ui) * 16);background:0 0}.avatar{width:100%;height:100%;display:block}.avatar.grey{filter:grayscale()brightness(.7);opacity:.6}.tag{padding:0 calc(var(--ui) * 2);background:var(--gold);color:var(--ink);font-weight:700}.tag.away{background:var(--paper-shade)}.chat{width:100%;max-width:calc(100dvw - (var(--ui) * 4) - 56px);flex:1;position:relative}.chat-bar{align-items:center;gap:calc(var(--ui) * 3);width:100%;min-height:max(40px, calc(var(--ui) * 12));padding:0 calc(var(--ui) * 4);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 calc(var(--ui) * -1) 0 0 var(--ink), 0 calc(var(--ui) * 1) 0 0 var(--ink), calc(var(--ui) * -1) 0 0 0 var(--ink), calc(var(--ui) * 1) 0 0 0 var(--ink), 0 calc(var(--ui) * 2) 0 0 #0000004d;border:0;display:flex}.chat-bar:hover{background:#fffaf0}.chat-bar:focus-visible,.chat-form input:focus-visible{outline:calc(var(--ui) * 1) dashed var(--gold);outline-offset:calc(var(--ui) * 2)}.chat-latest{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.chat-empty{opacity:.6}.chat-unread{min-width:calc(var(--ui) * 8);padding:0 calc(var(--ui) * 2);background:var(--danger);color:#fff;text-align:center;flex:none;font-weight:700}.chat-panel{z-index:40;gap:calc(var(--ui) * 3);flex-direction:column;max-height:min(45dvh,420px);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.chat-log{gap:calc(var(--ui) * 2);min-height:calc(var(--ui) * 20);padding:0 max(44px, calc(var(--ui) * 12)) 0 0;overflow-wrap:anywhere;flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.chat-line.mine .chat-name{color:var(--gold-dark)}.chat-warning{color:var(--danger);margin:0;font-weight:700}.chat-form{gap:calc(var(--ui) * 3);display:flex}.chat-form .button{flex:none}.score-scroll{overflow-x:auto}.scores{border-collapse:collapse;text-align:center;width:100%}.scores th,.scores td{padding:calc(var(--ui) * 1.5) calc(var(--ui) * 2);border-bottom:calc(var(--ui) * .5) solid var(--paper-shade)}.scores thead th{vertical-align:bottom}.scores tfoot th,.scores tfoot td{border-top:calc(var(--ui) * 1) solid var(--ink);border-bottom:0;font-weight:700}.score-face{width:calc(var(--ui) * 16);height:calc(var(--ui) * 16);margin:0 auto;display:block}.score-name{max-width:calc(var(--ui) * 30);overflow-wrap:anywhere;font-size:max(14px, calc(var(--ui) * 5));margin:0 auto;display:block}.scores .winner{background:#fbe9b7;font-weight:700}.game-over{align-items:center;gap:calc(var(--ui) * 5);width:100%;max-width:480px;padding-top:calc(var(--ui) * 4);flex-direction:column;display:flex}.winner-banner{background:var(--gold);text-align:center;font-size:calc(var(--ui) * 9);font-weight:700}.overlay{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{gap:calc(var(--ui) * 4);flex-direction:column;max-width:440px;max-height:100%;display:flex;position:relative;overflow:auto}.dialog-header{justify-content:space-between;align-items:center;display:flex}.dialog-title{font-size:calc(var(--ui) * 12);margin:0}.dialog-text{margin:0}.close{width:max(40px, calc(var(--ui) * 12));height:max(40px, calc(var(--ui) * 12));background:var(--danger);color:#fff;font:inherit;font-size:calc(var(--ui) * 10);cursor:pointer;border:0;padding:0;font-weight:700;position:absolute;top:4px;right:4px}.hole-scores .who-cell{align-items:center;gap:calc(var(--ui) * 2);text-align:left;display:flex}.hole-scores .score-name{max-width:none;margin:0}.score-face.small{width:calc(var(--ui) * 9);height:calc(var(--ui) * 9);flex:none;margin:0}.results-bar{justify-content:space-between;align-items:center;gap:calc(var(--ui) * 4);display:flex}.results-bar .button{flex:none}.game-menu{flex:none;position:relative}.hamburger{cursor:pointer;background:var(--paper-shade);place-items:center;padding:0;display:grid}.menu{top:calc(100% + var(--ui) * 3);z-index:20;width:max-content;min-width:calc(var(--ui) * 50);padding:calc(var(--ui) * 1);flex-direction:column;display:flex;position:absolute;left:0}.menu-item{min-height:max(40px, calc(var(--ui) * 12));padding:0 calc(var(--ui) * 4);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-weight:700}.menu-item:hover{background:var(--paper-shade)}.card{width:calc(var(--px) * 40 * var(--card-scale,1));height:calc(var(--px) * 56 * var(--card-scale,1));display:block}.card-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.card-button:disabled{cursor:default}.selection{left:calc(var(--px) * -1 * var(--card-scale,1));top:calc(var(--px) * -1 * var(--card-scale,1));pointer-events:none;opacity:.55;width:calc(var(--px) * 42 * var(--card-scale,1));height:calc(var(--px) * 58 * var(--card-scale,1));position:absolute}.card-button:hover .selection,.card-button:focus-visible .selection{opacity:1}.card-button:focus-visible{outline:none}.card-button:active .card{translate:0 calc(var(--px) * 1 * var(--card-scale,1))}.selection.on{opacity:1}.piles{justify-content:center;gap:calc(var(--ui) * 4);--card-scale:var(--hand-scale);flex-wrap:wrap;grid-area:middle;display:flex}.pile{align-items:center;gap:calc(var(--ui) * 1);color:var(--paper);font-size:max(14px, calc(var(--ui) * 5));text-align:center;flex-direction:column;margin:0;display:flex}.frame{position:relative}.hand{gap:calc(var(--px) * 2 * var(--card-scale,1));grid-template-columns:repeat(3,auto);display:grid}.hand-wrap{position:relative}.seat{align-items:center;gap:calc(var(--px) * 4);--card-scale:1;color:var(--paper);display:flex}.seat.bottom{--card-scale:var(--hand-scale);grid-area:bottom}.seat.top{grid-area:top}.seat.left{grid-area:left}.seat.right{grid-area:right}.seat.left,.seat.right{flex-direction:column;width:fit-content}@media (width>=601px){.seat.left{flex-direction:row;justify-self:start}.seat.right{flex-direction:row-reverse;justify-self:end}}@media (width>=640px){.seat.left,.seat.right{justify-self:center}}.table[data-players="2"] .seat.top{--card-scale:var(--hand-scale)}.who{width:calc(var(--px) * 64);text-align:center;flex-direction:column;align-items:center;display:flex}.seat-name{overflow-wrap:anywhere;max-width:100%;font-weight:700;font-size:max(14px, calc(var(--ui) * 5))}.seat-meta{gap:0 calc(var(--ui) * 2);font-size:max(14px, calc(var(--ui) * 5));display:flex;position:absolute;top:0;left:0}.seat.current .portrait{outline:calc(var(--ui) * 2) solid var(--gold);outline-offset:calc(var(--ui) * -2)}.seat.current .seat-name{color:var(--gold)}.held{z-index:10;pointer-events:none;filter:drop-shadow(calc(var(--ui) * 2) calc(var(--ui) * 2) 0 #00000073);position:absolute}.seat.bottom .held{bottom:calc(100% + var(--px) * 4 * var(--card-scale,1))}.seat.bottom .held.deck{left:calc(50% - var(--px) * 67 * var(--card-scale,1))}.seat.bottom .held.discard{left:calc(50% - var(--px) * 7 * var(--card-scale,1))}.seat.left .held,.seat.top .held{bottom:25%;left:calc(100% + var(--px) * 13 * var(--card-scale,1))}.seat.right .held{bottom:25%;left:calc(0% - var(--px) * 53 * var(--card-scale,1))}@media (height<=810px){.seat.bottom .held{--card-scale:2}}.info{position:fixed;bottom:8px;left:8px}.question{background:var(--paper-shade);cursor:pointer;padding:0;display:flex}.status{justify-content:space-between;gap:calc(var(--ui) * 1) calc(var(--ui) * 4);flex-flow:column wrap;flex:1;margin:0;display:flex}.table-wrap{gap:calc(var(--ui) * 4);flex-direction:column;flex:1;width:100%;display:flex}.table{place-items:center;gap:calc(var(--ui) * 4);flex:1;grid-template:"top top top""left.right""middle middle middle""bottom bottom bottom"/auto auto auto;display:grid}@media (width>=473px){.table{grid-template:"top top top""left middle right""bottom bottom bottom"/auto auto auto}}.game{align-items:center;gap:calc(var(--ui) * 4);flex-direction:column;width:100%;min-height:100dvh;margin:0 auto;padding:6px 8px;display:flex}.is-hidden{visibility:hidden}.fx-layer{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-card{transform-origin:0 0;perspective:600px;filter:drop-shadow(0 calc(var(--ui) * 1) 0 #0006);will-change:transform;position:absolute}.fx-inner{width:100%;height:100%;transform-style:preserve-3d;position:relative}.fx-face{backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.fx-face.fx-only{backface-visibility:visible}.fx-front{transform:rotateY(180deg)}.topbar{align-items:stretch;gap:calc(var(--ui) * 4);width:100%;display:flex}.code-panel{align-items:center;gap:calc(var(--ui) * 1);width:unset;flex-direction:column;display:flex}.code{font-size:calc(var(--ui) * 14);letter-spacing:calc(var(--ui) * 3)}.slots{justify-content:center;gap:calc(var(--ui) * 5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.slot{align-items:center;gap:calc(var(--ui) * 2);width:calc(var(--px) * 64);color:var(--paper);text-align:center;flex-direction:column;display:flex}.slot-name{overflow-wrap:anywhere;max-width:100%}.slot.empty{opacity:.7}.avatar-grid{justify-content:center;gap:calc(var(--ui) * 4);border:0;grid-template-columns:repeat(3,auto);margin:0;padding:0;display:grid}.avatar-grid legend{padding:0 0 calc(var(--ui) * 2);grid-column:1/-1}.avatar-choice{width:calc(var(--px) * 64 + var(--ui) * 2);padding:calc(var(--ui) * 1);cursor:pointer;background:var(--felt-dark)}.avatar-choice[aria-pressed=true]{background:var(--gold);translate:0 calc(var(--ui) * -1)}.avatar-choice:disabled{cursor:not-allowed}