@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-200:#fee685;--color-stone-900:#1c1917;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:Arial, Helvetica, sans-serif;--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-200:lab(91.7203% -.505269 49.9084);--color-stone-900:lab(9.03835% 1.15298 1.92955)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.selection\:bg-amber-200 ::selection,.selection\:bg-amber-200::selection{background-color:var(--color-amber-200)}.selection\:text-stone-900 ::selection,.selection\:text-stone-900::selection{color:var(--color-stone-900)}}:root{--ink:#34291f;--paper:#f2e9d4;--red:#bc4034;--felt:#20584c;--cream:#f5ecd8;--card-width:88px;--card-height:128px}*{box-sizing:border-box}html{scrollbar-gutter:stable;min-width:320px}body{color:var(--cream);background-color:#3a2920;background-image:repeating-linear-gradient(2deg,#ffffff02 0 1px,#0000 1px 6px),repeating-linear-gradient(92deg,#0000 0 139px,#170f0a25 140px 142px,#8b684418 143px 280px),linear-gradient(100deg,#423027,#38281f 45%,#463129);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{-webkit-tap-highlight-color:transparent;outline-offset:4px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #e5b74c}input:focus-visible,select:focus-visible{outline:2px solid #8c6c33}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:700}h2{margin-bottom:15px;font-size:27px;line-height:1.15}h3{margin-bottom:10px;font-size:19px}p{line-height:1.6}.app-shell{flex-direction:column;min-width:0;max-width:1440px;min-height:100dvh;margin:auto;padding:0 44px;display:flex}.site-header{justify-content:space-between;align-items:center;gap:20px;min-height:98px;display:flex}.brand{color:var(--cream);letter-spacing:-2px;text-align:left;background:0 0;border:0;align-items:center;gap:20px;padding:0;font-size:34px;font-weight:900;display:flex}.brand-sub{letter-spacing:2.2px;margin-top:-3px;font-size:8px;font-weight:600;display:block}.brand-cards{width:36px;height:40px;position:relative}.brand-cards i{background:#c14b3e;border:2px solid #f1e2c6;border-radius:4px;width:25px;height:37px;position:absolute;top:0;left:12px;rotate:15deg}.brand-cards i:first-child{background:#d6af4f;left:0;rotate:-18deg}.brand-cards i:nth-child(2){background:#486e63;left:6px;rotate:-2deg}.header-actions{align-items:center;gap:24px;display:flex}.header-caption{color:#c6b59c;font:italic 14px Georgia,serif}.text-button{color:inherit;text-underline-offset:5px;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:8px 0;font-size:12px;text-decoration:underline;display:inline-flex}.icon-button{color:inherit;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.eyebrow{letter-spacing:2px;margin-bottom:14px;font-size:9px;font-weight:700;display:block}.table-stamp{letter-spacing:2px;color:#d9c3a2;font-size:9px;font-weight:700}.wood-frame{background:repeating-linear-gradient(3deg,#0000 0 5px,#4e281d1c 5px 6px),linear-gradient(145deg,#b18252,#80532f 30%,#b0814c 62%,#704729);border-radius:24px;padding:14px;box-shadow:0 18px 35px #120b0960,inset 0 2px 2px #f4d59d77,inset 0 -4px 1px #42261580}.welcome-table{width:100%;max-width:1200px;margin:16px auto 48px}.welcome-felt,.lobby-felt,.felt-table{background-color:var(--felt);background-image:repeating-linear-gradient(45deg,#ffffff03 0 1px,#0000 1px 3px),repeating-linear-gradient(-45deg,#00000005 0 1px,#0000 1px 3px),radial-gradient(at 40% 40%,#36736650,#102d272f);border:2px solid #422f22;box-shadow:inset 0 3px 10px #0a251caf}.welcome-felt{border-radius:13px;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:40px;min-height:650px;padding:42px;display:grid}.welcome-art{min-height:490px;padding:30px 15px;position:relative}.felt-lettering{color:#edddad;opacity:.9;letter-spacing:4px;text-align:center;font-family:Georgia,serif;font-size:clamp(30px,3.1vw,46px);line-height:1.2;display:block}.scattered-cards{justify-content:center;align-items:center;height:260px;margin-top:12px;display:flex}.scattered-cards .playing-card{--card-width:125px;--card-height:180px}.scattered-cards>.playing-card:first-child{transform:translate(32px,-10px)rotate(-19deg)}.scattered-cards>.playing-card:nth-child(2){z-index:1;transform:translateY(8px)}.scattered-cards>.playing-card:nth-child(3){transform:translate(-30px,22px)rotate(24deg)}.pencil-note{text-align:center;color:#d6c79f;font:italic 24px Georgia,serif;display:block;rotate:-6deg}.loose-token{border:3px solid #fff2;border-radius:50%;width:32px;height:32px;position:absolute;box-shadow:3px 6px #102a2340,inset 0 2px 2px #ffffff50}.loose-token.one{background:#bc453e;bottom:35px;right:15px}.loose-token.two{background:#d0ad3f;bottom:53px;right:49px}.paper{color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(0deg,#5a492c03 0 1px,#0000 1px 4px);border-radius:2px 4px 6px 3px;padding:29px;position:relative;box-shadow:2px 6px 13px #160d0b38}.welcome-slip{transform:rotate(1deg);box-shadow:8px 12px 22px #09271e70}.welcome-slip:before,.settings-sheet:before{content:"";background:#cfb77a88;width:85px;height:26px;position:absolute;top:-12px;left:40%;transform:rotate(-4deg);box-shadow:inset 0 0 3px #f9e3a788}.welcome-slip h1{letter-spacing:-1.7px;margin:16px 0 18px;font-size:47px}.welcome-slip p{color:#76674f;font-size:13px}.field-label{margin:18px 0 8px;font-size:11px;font-weight:700;display:block}.field-hint{color:#786d5a;margin:12px 0 0;font-size:10px;line-height:1.6}input:not([type=checkbox]),select{width:100%;min-height:45px;color:var(--ink);background:#fffdf140;border:1px solid #c6bda9;border-radius:3px;padding:10px 11px;font-size:16px}input::placeholder{color:#998c76;font-size:13px}select{font-size:16px}.red-button,.cream-button,.ink-button{border:1px solid #00000012;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 16px;font-size:12px;font-weight:700;transition:background .15s,translate .15s;display:inline-flex;box-shadow:0 3px #28160b30}.red-button{background:var(--red);color:#fff2d8;border-bottom-color:#67241e}.red-button:hover:not(:disabled){background:#a8352b}.cream-button{color:#413322;background:#ede1c5;border-bottom-color:#b7a17e}.cream-button:hover:not(:disabled){background:#fff0ce}.ink-button{color:#f2e5c9;background:#2f544b}.ink-button:hover:not(:disabled){background:#23473e}.full{width:100%}.welcome-slip .full{justify-content:space-between;margin-top:13px}.pencil-divider{color:#84745b;align-items:center;gap:12px;margin:26px 0 2px;font:italic 13px Georgia,serif;display:flex}.pencil-divider:before,.pencil-divider:after{content:"";background:#aa957450;flex:1;height:1px}.welcome-slip .slip-footnote{text-align:center;margin:23px 0 0;font-size:9px}.site-footer{color:#bfae96;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:24px 0;font-size:10px;display:flex}.site-footer span:first-child{letter-spacing:1.7px;font-size:8px}.session-layout{min-width:0;padding:10px 0 30px}.session-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;display:flex}.toolbar-buttons{align-items:center;gap:23px;display:flex}.connection-status{color:#d9c5a4;align-items:center;gap:8px;font-size:11px;display:flex}.connection-status i{background:#daa846;border-radius:50%;width:6px;height:6px}.connection-status.connected i{background:#a4b87a}.connection-notice{color:#4b3b20;background:#e6d5a7;border-radius:4px;margin:18px 0;padding:16px 20px;font-size:13px}.error-box{color:#7c3026;overflow-wrap:anywhere;background:#f7d9cd;border-left:3px solid #a74637;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;padding:12px 16px;font-size:12px;display:flex}.loading-table{text-align:center;max-width:480px;margin:50px auto;padding:45px 30px}.loading-table>svg{margin:0 auto 25px}.loading-table p{font-size:13px}.paper-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.paper-heading .eyebrow{color:#907a56}.paper-heading h2{margin-bottom:0}.paper-heading>svg{color:#9c8057}.lobby-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.lobby-table{min-width:0}.lobby-felt{border-radius:12px;min-height:630px;padding:34px 28px}.table-title{text-align:center}.table-title h1{color:#f3e4c4;margin:14px 0;font-size:clamp(25px,2.6vw,35px)}.table-title p{color:#b3c7b1;font-size:12px}.seats-count{color:#cad2b8;justify-content:center;align-items:center;gap:8px;margin:24px 0 20px;font-size:11px;display:flex}.player-seats{grid-template-columns:1fr 1fr;gap:13px;display:grid}.lobby-seat{background:#102f2729;border:1px solid #c9d0a62b;border-radius:6px;align-items:center;gap:11px;min-width:0;padding:13px 10px;display:flex}.seat-name{flex:1;min-width:0}.seat-name strong{overflow-wrap:anywhere;font-size:12px;display:block}.seat-name>span{color:#b3c7af;margin-top:5px;font-size:9px;display:block}.ready-label{color:#e2d5a0;align-items:center;gap:3px;font-size:9px;display:inline-flex}.seat-waiting{color:#b0bda5;max-width:46px;font-size:9px}.player-token{background:var(--token);border:3px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:inline-flex;box-shadow:inset 0 3px 2px #fff6,inset 0 -3px #00000025,0 4px #0c251d65,0 6px 9px #0c251d35}.player-token>span{color:#fff;text-shadow:0 1px 2px #0007;background:#192b2730;border:1px solid #fff4;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font:700 17px Georgia,serif;display:flex}.player-token.small{border-width:2px;width:31px;height:31px}.player-token.small>span{width:20px;height:20px;font-size:12px}.invite-slip{color:#d3d4b5;border-bottom:1px dashed #c6d1ad55;justify-content:space-between;align-items:center;gap:10px;margin:15px 0 0;padding:21px 0;font:italic 12px Georgia,serif;display:flex}.invite-slip .cream-button{font:600 11px Arial,sans-serif}.color-tray{border:0;margin:23px 0;padding:0}.color-tray legend{color:#f4e4c6;font-family:Georgia,serif;font-size:22px}.color-tray p{color:#c4d1b8;margin:8px 0 16px;font-size:11px}.token-palette{grid-template-columns:repeat(6,1fr);gap:14px 20px;width:max-content;max-width:100%;display:grid}.token-choice{color:#fff8e2;border:3px solid #fff4;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;display:flex;box-shadow:inset 0 3px 1px #ffffff45,inset 0 -3px #00000020,0 4px #0a251d50}.token-choice[aria-pressed=true]{outline-offset:4px;outline:2px solid #f2e2b9}.token-choice.taken{opacity:.35}.token-choice.taken>span{font-size:28px}.color-caption{color:#b3c5af;margin-top:18px;font-size:9px;display:block}.lobby-start{border-top:1px dashed #c6d1ad55;justify-content:space-between;align-items:center;gap:14px;padding-top:22px;display:flex}.lobby-start p{color:#c0cbb3;max-width:150px;margin:0;font-size:10px}.settings-sheet{padding:28px 24px;transform:rotate(.5deg)}.sheet-note{color:#796b52;margin:16px 0;font-size:12px}.settings-pair{grid-template-columns:1fr 1.1fr;gap:12px;display:grid}.settings-pair select{padding:8px;font-size:16px}.goal-settings{border:1px dashed #a58f6a;border-left:0;border-right:0;margin:18px 0 8px;padding:22px 0}.goal-settings legend{align-items:center;gap:6px;padding-right:10px;font:700 17px Georgia,serif;display:flex}.goal-settings .field-label{margin-top:10px}.goal-summary{color:#795e34;margin:12px 0 0;font:italic 14px Georgia,serif}.house-heading{justify-content:space-between;align-items:center;gap:10px;padding-top:13px;display:flex}.house-heading h3{margin:0}.ink-stamp{color:#8d5c3a;letter-spacing:1px;border:1px solid;padding:4px 7px;font-size:8px;font-weight:700;display:inline-block;rotate:-4deg}.rule-list{margin:8px 0}.rule-toggle{cursor:pointer;border-bottom:1px solid #b9a78644;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 0;display:flex;position:relative}.rule-toggle strong{margin-bottom:5px;font-size:12px;display:block}.rule-toggle small{color:#807259;font-size:10px;line-height:1.5;display:block}.rule-toggle input{opacity:0;z-index:1;cursor:pointer;width:36px;height:21px;position:absolute;top:18px;right:0}.switch-track{background:#c6baa3;border:1px solid #b1a185;border-radius:12px;flex-shrink:0;width:36px;height:21px;margin-top:1px;transition:background .16s;display:block}.switch-track:after{content:"";background:#f6eedc;border-radius:50%;width:15px;height:15px;margin:2px;transition:translate .16s;display:block;box-shadow:0 1px 3px #4a362940}.rule-toggle input:checked+.switch-track{background:#3d6957;border-color:#345546}.rule-toggle input:checked+.switch-track:after{translate:15px}.rule-toggle input:disabled+.switch-track{opacity:.45}.rule-toggle input:focus-visible+.switch-track{outline-offset:3px;outline:2px solid #8c6c33}.playing-card{--card-color:#344d43;width:var(--card-width);height:var(--card-height);background:var(--card-color);color:#fff5dc;border:5px solid #f7efd9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px #c0b095,1px 5px 8px #12201944}.playing-card.red,.color-choice.red,.color-chip.red{--card-color:#bd4239;background-color:#bd4239}.playing-card.yellow,.color-choice.yellow,.color-chip.yellow{--card-color:#cda53c;background-color:#cda53c}.playing-card.green,.color-choice.green,.color-chip.green{--card-color:#52875d;background-color:#52875d}.playing-card.blue,.color-choice.blue,.color-chip.blue{--card-color:#477bae;background-color:#477bae}.card-oval{background:#fcf2d9;border-radius:50%;justify-content:center;align-items:center;width:86%;height:78%;display:flex;transform:rotate(26deg)}.card-oval>span{color:var(--card-color);letter-spacing:-3px;font:800 43px Arial,sans-serif;transform:rotate(-26deg)}.card-corner{z-index:1;font-size:15px;font-weight:700;position:absolute;top:2px;left:4px}.card-corner.bottom{inset:auto 4px 2px auto;rotate:180deg}.playing-card.wild .card-oval{background:conic-gradient(#bd4239 0 90deg, #477bae 90deg 180deg, #52875d 180deg 270deg, #cda53c 270deg);border:2px solid #f5e7c9}.playing-card.wild .card-oval>span{color:#fff5de;text-shadow:1px 2px #223e31;font-size:32px}.card-back{background:repeating-linear-gradient(45deg,#5b2c2800 0 4px,#ffffff08 4px 5px),#84362e}.card-back .card-oval{background:#f2dcb0;border:3px double #a2543e;width:90%;height:51%;transform:rotate(-27deg)}.card-back .card-oval>span{letter-spacing:-2px;color:#9a3930;font-size:24px;font-style:italic;transform:rotate(0)}.playing-card.small{--card-width:60px;--card-height:86px;border-width:3px}.playing-card.small .card-oval>span{font-size:27px}.playing-card.small .card-corner{font-size:10px}button.playing-card{transition:translate .16s,filter .16s}button.playing-card:disabled{opacity:1;filter:saturate(.8)}button.playing-card.playable{outline-offset:3px;outline:2px solid #efc768}button.playing-card.playable:hover{translate:0 -7px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;align-items:start;gap:28px;min-width:0;display:grid}.table-section{min-width:0}.game-heading{justify-content:space-between;align-items:center;gap:15px;min-height:67px;margin-bottom:14px;display:flex}.game-heading h1{letter-spacing:-.5px;margin:8px 0 0;font-size:29px}.direction-indicator{color:#d3bd9b;align-items:center;gap:9px;font-size:10px;display:inline-flex}.direction-indicator>span{font-size:30px;line-height:1;display:inline-block}.game-board{border-radius:50px;padding:12px}.felt-table{border-radius:39px;flex-direction:column;align-items:center;height:400px;padding:23px 18px 18px;display:flex;position:relative;overflow:hidden}.felt-table.large-table{height:520px}.opponent-rail{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex;position:relative}.opponent-seat{text-align:center;flex-shrink:0;width:85px;padding:3px 4px 8px;position:relative}.opponent-piece{border:2px solid #0000;border-radius:50%;padding:4px;display:inline-flex;position:relative}.opponent-seat.current .opponent-piece{border-color:#f5d582;box-shadow:0 0 0 3px #e3c96a28}.turn-pointer{color:#efd488;font-size:12px;animation:.6s ease-out point-turn;position:absolute;top:-17px;left:50%;translate:-50%}.opponent-seat>strong{color:#f6e5c3;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:11px;display:block;overflow:hidden}.card-count{color:#c2d0b4;margin-top:4px;font-size:9px;display:block}.mini-hand{justify-content:center;height:23px;margin-top:7px;padding-left:5px;display:flex}.mini-hand i{background:#aa5445;border:1px solid #f1e2bf;border-radius:2px;width:14px;height:21px;margin-left:-5px;display:inline-block;box-shadow:1px 1px 2px #11281c66}.uno-tag,.catch-button{color:#7e3029;background:#eddb9c;border:0;border-radius:2px;padding:3px 5px;font-size:8px;font-weight:800;position:absolute;top:37px;right:-5px;rotate:9deg}.catch-button{z-index:3;padding:5px 7px;font-size:9px;top:auto;bottom:0;right:0}.table-watermark{color:#c8dbb80c;letter-spacing:-12px;text-align:center;pointer-events:none;font-size:130px;font-style:italic;font-weight:900;position:absolute;top:46%;left:50%;translate:-50% -50%}.table-watermark>span{letter-spacing:4px;margin-top:-20px;font-size:10px;font-style:normal;display:block}.table-center{z-index:1;justify-content:center;align-items:flex-start;gap:55px;margin:auto 0;padding-top:12px;display:flex}.pile{flex-direction:column;align-items:center;gap:12px;display:flex}.draw-button{background:0 0;border:0;padding:0;display:block}.draw-button .playing-card{box-shadow:1px 2px #c1b397,3px 4px #f5e9ca,4px 6px #b5a283,5px 8px 7px #10271d77}.draw-button:disabled{opacity:1}.draw-button:hover:not(:disabled){translate:0 -3px}.discard-top{rotate:5deg}.pile-label{color:#c1caa6;letter-spacing:1.4px;align-items:center;gap:8px;font-size:8px;display:flex}.pile-label b{font-size:9px;font-weight:400}.color-chip{color:#fff;text-transform:capitalize;border:1px solid #fff4;border-radius:20px;padding:4px 11px;font-size:9px}.turn-track{color:#e7d9b8;justify-content:center;align-items:center;gap:8px;min-height:29px;margin-top:8px;font-size:11px;display:flex}.turn-track-dot{background:var(--token);border:1px solid #fff8;border-radius:50%;width:10px;height:10px;animation:.55s ease-out token-pass}.turn-track strong{color:#4e3a19;background:#dfc575;border-radius:3px;padding:4px 6px;font-size:9px}.move-caption{text-align:center;color:#deccab;justify-content:center;align-items:center;height:52px;padding:8px 16px;font:italic 13px/1.35 Georgia,serif;display:flex;overflow:auto}.hand-rack{min-width:0;max-width:100%;padding:0 3px}.rack-header{justify-content:space-between;align-items:center;min-height:44px;padding:0 5px;display:flex}.your-piece{align-items:center;gap:11px;display:flex}.your-piece h2{margin:0;font:700 14px Arial,sans-serif}.your-piece h2>span{color:#c9b594;margin-left:8px;font-size:10px;font-weight:400}.rack-scroll{color:#d6c3a1;gap:6px;display:flex}.rack-scroll .icon-button{background:#fff0db08;border:1px solid #b8a28055;padding:5px}.hand-scroll{overscroll-behavior-x:contain;scrollbar-color:#b89a65 #21150f40;scrollbar-width:thin;scrollbar-gutter:stable;touch-action:pan-x pan-y;width:100%;min-width:0;height:175px;overflow:auto hidden}.hand-cards{align-items:flex-start;gap:12px;width:max-content;min-width:100%;padding:18px 8px 24px;display:flex}.hand-card{width:var(--card-width);height:var(--card-height);flex:0 0 var(--card-width)}.hand-card.in-flight{visibility:hidden}.rack-lip{z-index:2;pointer-events:none;background:linear-gradient(#b38b52,#cba267 25%,#896032 35%,#67411f);border-radius:3px;height:13px;margin-top:-14px;position:relative;box-shadow:0 5px 7px #170e0940,inset 0 1px 1px #f4d8a2}.hand-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;min-height:110px;padding:16px 3px;display:flex}.hand-controls>p{color:#d3be9c;flex-basis:100%;min-height:18px;margin:0;font-size:12px}.hand-buttons{gap:8px;display:flex}.hand-buttons button{min-width:90px;min-height:40px;padding:10px 12px;font-size:11px}.hand-buttons .uno-button{min-width:58px;font-style:italic}.checkbox-label{color:#d2bd99;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.checkbox-label input{accent-color:#cbb273;width:15px;height:15px}.scorepad{background-image:repeating-linear-gradient(0deg,#0000 0 27px,#8ca09825 27px 28px);margin-top:20px;padding:35px 22px 24px;transform:rotate(1deg)}.scorepad-clip{background:linear-gradient(#a6a792,#676e61);border:3px solid #a39c82;border-radius:9px 9px 4px 4px;width:66px;height:30px;position:absolute;top:-14px;left:34%;box-shadow:1px 3px 3px #332d1f55}.scorepad-clip:after{content:"";border:2px solid #eee6c950;border-radius:5px;width:24px;height:9px;margin:3px auto;display:block}.scorepad .eyebrow{color:#917e5e;font-size:8px}.scorepad h2{margin:18px 0 25px;font-size:25px;line-height:1.15}.scorepad-columns{text-transform:uppercase;letter-spacing:1px;color:#8b785a;border-bottom:1px solid #7f6c4e;justify-content:space-between;padding-bottom:9px;font-size:9px;display:flex}.score-row{border-bottom:1px solid #a5967950;align-items:center;gap:9px;padding:15px 0;display:flex}.score-row>.player-token{width:25px;height:25px}.score-row>span:not(.player-token){overflow-wrap:anywhere;flex:1;font-size:11px}.score-row svg{vertical-align:middle;margin-left:4px;display:inline}.score-row small{color:#89775b;margin-top:4px;font-size:9px;display:block}.score-row>strong{font:italic 700 26px Georgia,serif;rotate:-5deg}.scorepad-foot{margin-top:20px}.scorepad-foot p{color:#8c7856;margin:14px 0 0;font:italic 12px/1.5 Georgia,serif}.challenge-slip,.reveal-slip,.results{margin:20px 0;transform:rotate(-.4deg)}.challenge-slip h2,.reveal-slip h2,.results h2{font-size:25px}.challenge-slip p,.reveal-slip p,.results p{color:#7b6b50;font-size:13px}.button-row{align-items:center;gap:12px;display:flex}.revealed-cards{gap:9px;padding:8px 3px;display:flex;overflow-x:auto}.flight-layer{pointer-events:none;z-index:35;position:fixed;inset:0;overflow:hidden}.flying-card{will-change:transform;position:absolute;top:0;left:0}.flying-card .playing-card{width:100%;height:100%;box-shadow:3px 12px 18px #10251d88}.flight-count{color:#4a3320;background:#efd5a0;border:2px solid #a87e41;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-12px;right:-9px}.turn-announcement{z-index:10;color:#42341f;pointer-events:none;background:#f0e4c8;border:2px solid #bfa571;border-radius:3px;align-items:center;gap:14px;width:max-content;max-width:90%;padding:15px 22px;display:flex;position:absolute;top:51%;left:50%;translate:-50% -50%;box-shadow:0 7px 25px #0b241da0}.turn-announcement>div>span{letter-spacing:2px;color:#8a704a;margin-bottom:4px;font-size:8px;display:block}.turn-announcement strong{font:700 23px Georgia,serif}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#130e0bab;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:510px;max-height:85dvh;color:var(--ink);background:var(--paper);padding:30px;overflow-y:auto;box-shadow:0 12px 50px #0008}.modal p{color:#7d6b4f;font-size:13px}.modal .paper-heading{margin-bottom:25px}.color-modal{max-width:390px}.color-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.color-choice{color:#fff;text-transform:capitalize;border:4px solid #fff2d2;border-radius:6px;min-height:72px;font-weight:700;box-shadow:0 3px #8c7651}.rulebook-list{margin:15px 0;padding-left:16px;font-size:12px}.rulebook-list li{margin:12px 0}.rulebook-list span{color:#7d6b4f;margin-top:5px;font-size:11px;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes point-turn{0%{opacity:0;translate:-50% -8px}to{opacity:1;translate:-50%}}@keyframes token-pass{0%{box-shadow:0 0 0 8px #f2d89060}to{box-shadow:0 0 #f2d89000}}@media (max-width:1100px){.app-shell{padding:0 26px}.welcome-felt{grid-template-columns:minmax(0,1fr) 350px;gap:20px;padding:32px}.scattered-cards .playing-card{--card-width:105px;--card-height:153px}.lobby-layout{grid-template-columns:minmax(0,1fr) 330px;gap:22px}.lobby-felt{padding:28px 18px}.player-seats{grid-template-columns:1fr}.game-layout{grid-template-columns:minmax(0,1fr) 205px;gap:20px}.scorepad{padding:32px 18px 22px}.opponent-rail{gap:6px}.opponent-seat{width:72px}.opponent-seat .player-token{width:37px;height:37px}.felt-table{height:410px}.felt-table.large-table{height:530px}.hand-controls{gap:12px 8px}.hand-buttons button{padding:9px 10px}}@media (max-width:800px){.header-caption{display:none}.welcome-felt{grid-template-columns:1fr;gap:20px;padding:25px}.welcome-art{min-height:285px;padding:10px}.felt-lettering{font-size:28px}.felt-lettering br{display:none}.scattered-cards{height:175px;margin-top:5px}.scattered-cards .playing-card{--card-width:80px;--card-height:115px}.pencil-note{font-size:20px}.loose-token.one{bottom:12px;right:12%}.loose-token.two{bottom:27px;right:18%}.welcome-slip{width:100%;max-width:450px;margin:0 auto}.lobby-layout{grid-template-columns:1fr}.lobby-felt{min-height:auto;padding:28px}.player-seats{grid-template-columns:1fr 1fr}.settings-sheet{transform:none}.game-layout{grid-template-columns:minmax(0,1fr)}.scorepad{margin:20px 4px 0;transform:rotate(.5deg)}.scorepad h2{font-size:25px}.score-row{gap:16px}.scorepad-clip{left:45%}.felt-table{height:390px}.felt-table.large-table{height:500px}.opponent-seat{width:80px}.scorepad-foot p{font-size:13px}.hand-controls{min-height:110px}.header-actions{gap:18px}}@media (max-width:480px){:root{--card-width:72px;--card-height:106px}.app-shell{padding:0 14px}.site-header{min-height:82px}.brand{gap:15px;font-size:27px}.brand-sub{letter-spacing:1.6px;font-size:6px}.brand-cards{width:27px;height:34px}.brand-cards i{width:20px;height:31px}.header-actions{gap:13px}.header-actions .text-button{font-size:10px}.connection-status{flex-wrap:wrap;gap:4px;max-width:99px;font-size:9px;line-height:1.4}.wood-frame{border-radius:19px;padding:9px}.welcome-table{margin:10px 0 25px}.welcome-felt{gap:28px;padding:21px 17px}.welcome-art{min-height:260px}.felt-lettering{letter-spacing:2px;font-size:24px;line-height:1.3}.felt-lettering br{display:inline}.scattered-cards{height:145px}.scattered-cards .playing-card{--card-width:71px;--card-height:104px}.pencil-note{font-size:18px}.loose-token{width:24px;height:24px}.loose-token.two{bottom:22px;right:13%}.loose-token.one{bottom:10px;right:4%}.welcome-slip{padding:25px 20px;transform:rotate(.6deg)}.welcome-slip h1{font-size:42px}.welcome-slip p{font-size:12px}.site-footer{flex-direction:column;align-items:flex-start;gap:9px;padding:20px 3px;font-size:9px}.site-footer span:first-child{font-size:7px}.session-toolbar{flex-wrap:wrap;gap:9px;margin-bottom:18px}.session-toolbar .table-stamp{letter-spacing:1.2px;font-size:7px}.toolbar-buttons{gap:17px}.toolbar-buttons .text-button{font-size:10px}.lobby-felt{border-radius:11px;padding:28px 17px}.table-title h1{font-size:26px}.table-title .table-stamp{font-size:8px}.player-seats{grid-template-columns:1fr;gap:10px}.invite-slip{flex-direction:column;gap:15px;padding:20px 0}.token-palette{gap:15px 13px}.token-choice{width:32px;height:32px}.color-tray legend{font-size:22px}.lobby-start .cream-button,.lobby-start .red-button{padding:11px 12px;font-size:11px}.settings-sheet{margin-top:5px;padding:27px 23px}.game-heading{min-height:56px;margin-bottom:12px}.game-heading h1{font-size:24px}.game-heading .table-stamp{letter-spacing:1.2px;font-size:8px}.direction-indicator{gap:5px;font-size:8px}.direction-indicator>span{font-size:25px}.game-board{border-radius:32px}.felt-table{border-radius:24px;height:350px;padding:22px 9px 10px}.felt-table.large-table{height:590px}.opponent-rail{gap:5px 1px}.opponent-seat{width:69px}.opponent-seat>strong{font-size:10px}.opponent-seat .player-token{width:34px;height:34px}.opponent-seat .player-token>span{width:22px;height:22px;font-size:14px}.table-center{gap:37px;padding-top:10px}.card-oval>span{font-size:35px}.card-corner{font-size:12px}.playing-card{border-width:4px;border-radius:8px}.playing-card.wild .card-oval>span{font-size:27px}.card-back .card-oval>span{font-size:21px}.table-watermark{font-size:104px}.turn-track{font-size:10px}.move-caption{height:50px;padding:8px 7px;font-size:12px}.rack-header{padding:0 2px}.hand-scroll{height:153px}.hand-cards{gap:10px;padding:17px 7px 25px}.rack-lip{height:12px}.your-piece{gap:9px}.your-piece h2{font-size:12px}.your-piece h2>span{margin-left:6px;font-size:9px}.hand-controls{gap:10px;min-height:143px;padding:12px 2px}.hand-controls>p{font-size:11px}.hand-buttons{gap:7px;width:100%}.hand-buttons button{flex:1;min-width:0;padding:9px 10px;font-size:10px}.hand-buttons .uno-button{flex:0 0 54px}.checkbox-label{font-size:10px}.turn-announcement{gap:11px;padding:12px 16px}.turn-announcement strong{font-size:21px}.scorepad{margin-top:14px}.challenge-slip,.reveal-slip,.results{padding:24px 21px}.modal-backdrop{padding:18px}.modal{padding:25px}.modal h2{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}