:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253d33;background:#f6f5ef;font-synthesis:none;font-weight:400;--green: #244a3c;--muted: #7a8276;--line: #dedfd4;--orange: #d87948}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d87948;outline-offset:4px}input:focus-visible{outline:2px solid #638975;outline-offset:2px}button{color:inherit}svg{flex-shrink:0}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-2px}h1{font-size:clamp(48px,5vw,74px);line-height:1.08;margin-bottom:24px}h1 em{color:#6d856d;font-weight:400}h2{font-size:34px;line-height:1.15;letter-spacing:-1px}p{line-height:1.6}.app{max-width:1440px;margin:0 auto;padding:0 6%}.header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;font-size:30px;font-weight:800;letter-spacing:-1.8px}.brand-mark{display:grid;place-items:center;margin-right:12px;width:37px;height:43px;background:var(--green);border-radius:8px;color:#f6f5ef;transform:rotate(-7deg)}.brand-dash{font-weight:400;padding:0 2px;color:#9aab91}.brand-dot{font-size:11px;align-self:flex-start;margin:9px 0 0 3px;letter-spacing:0}.header-right{display:flex;align-items:center;gap:25px}.help-button,.icon-button{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 3px}.help-button{font-size:13px}.icon-button{min-width:36px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:inline-flex;align-items:center;gap:9px}.tiny-star{font-size:22px;color:var(--orange)}.landing{display:grid;grid-template-columns:1.25fr 1fr;column-gap:8%;padding:65px 0 35px;align-items:center}.hero .eyebrow{margin-bottom:24px}.hero-copy{font-size:15px;color:#727a6e;line-height:1.9}.hero-cards{position:relative;height:246px;margin:22px 0 16px 45px;width:365px}.hero-card{position:absolute;top:25px}.hero-card .card{width:117px;height:168px;font-size:55px;box-shadow:0 12px 25px #243b3320}.hero-card.one{left:4px;transform:rotate(-15deg);top:42px}.hero-card.two{left:95px;z-index:1;transform:rotate(4deg)}.hero-card.three{left:188px;transform:rotate(17deg);top:43px}.scribble{position:absolute;bottom:0;right:-2px;font-family:Georgia,serif;font-size:16px;font-style:italic;color:#839079;transform:rotate(-7deg)}.scribble span{display:inline-block;font-size:30px;margin-left:5px;transform:rotate(-30deg)}.hero-facts{display:flex;gap:24px;color:#66735f;font-size:11px}.hero-facts span{display:flex;align-items:center;gap:7px}.entry-panel{padding:34px;background:#fffefa;border:1px solid #e2e3d6;border-radius:15px;box-shadow:0 8px 30px #233c3205;max-width:430px;width:100%;justify-self:end}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-top .eyebrow{font-size:9px;letter-spacing:1.5px}.table-symbol{font-size:26px;color:var(--orange)}.entry-panel h2{font-size:31px;margin-bottom:13px}.entry-panel>p{font-size:13px;color:#7a8074;margin-bottom:26px}.entry-panel label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.entry-panel input{margin-bottom:21px}input{background:#fafaf6;border:1px solid #dcdfd3;border-radius:6px;padding:14px 16px;min-height:49px;color:#294535;width:100%;font-size:16px}.button{min-height:51px;border-radius:6px;display:flex;gap:12px;align-items:center;justify-content:center;width:100%;font-size:13px;font-weight:600;padding:13px 18px;border:1px solid transparent;transition:background .15s,transform .15s}.button.primary{background:var(--green);color:#fffef5;justify-content:space-between}.button.primary:hover:not(:disabled){background:#35614b;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:#d5dacc}.button.secondary:hover{background:#eef0e6}.button:disabled{opacity:.5}.or{display:flex;align-items:center;gap:15px;color:#93988b;font-size:11px;margin:18px 0}.or span{height:1px;background:#e5e7dd;flex:1}.entry-panel .panel-note{font-size:10px;margin:21px 0 0;text-align:center}.practice-link{grid-column:2;background:transparent;border:0;justify-self:center;display:flex;align-items:center;gap:12px;font-size:11px;margin-top:23px;color:#7b8476}.practice-link strong{display:block;font-weight:500;color:#324b3a;margin-top:3px;text-align:left}.practice-icon{height:35px;width:35px;display:grid;place-items:center;border:1px solid #dbe0d0;border-radius:50%;color:#769071}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px 0;margin-top:18px;font-size:8px;letter-spacing:1.2px;color:#89907f}.footer span:nth-child(2){letter-spacing:0;font-size:10px}.card{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:5/7;background:#fffcf3;border:1px solid #dddccb;border-radius:8px;font-weight:750;color:#467b94;min-width:0;font-family:Georgia,serif;box-shadow:0 2px #dedbcd;transition:transform .15s,box-shadow .15s}.card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid currentColor;opacity:.22;border-radius:48% 48% 46% 46%;transform:rotate(26deg)}.card-number{font-size:clamp(25px,3.6vw,47px);position:relative;font-weight:700;line-height:1}.card.red{color:#bb6551}.card.green{color:#5f8060}.card.wild{background:#e4ae5c;border-color:#d19c4e;color:#725d35}.card.wild .card-number{font-size:56px}.card.wild:before{top:8px;right:8px;bottom:8px;left:8px;transform:rotate(-22deg);border:1px solid #fbefc9;opacity:.65}.wild-label{position:absolute;top:72%;font:700 9px ui-sans-serif,sans-serif;letter-spacing:2px}.corner{position:absolute;top:7px;left:8px;font:700 12px ui-sans-serif,sans-serif}.corner.bottom{top:auto;left:auto;right:8px;bottom:7px;transform:rotate(180deg)}.card.empty{background:transparent;border:1px dashed #c7cebc;box-shadow:none;color:#9fa992}.card.empty:before{display:none}.card.empty .card-number{font-family:ui-sans-serif,sans-serif;font-weight:300;font-size:28px;opacity:.7}.card.selected{transform:translateY(-7px);box-shadow:0 0 0 3px #e2a463,0 6px 12px #233c3320}.card.lit{box-shadow:0 0 0 3px #aac48f;cursor:pointer}.card:not(:disabled):hover{transform:translateY(-4px)}.card.selected:hover{transform:translateY(-7px)}.connection{display:flex;align-items:center;gap:7px;color:#719064;font-size:10px}.disconnected{color:#b07045}.error{background:#fae9de;border:1px solid #eac4a7;padding:10px 16px;border-radius:7px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:10px}.error .icon-button{min-height:28px}.lobby{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:60px 0;max-width:1050px;margin:auto}.lobby-heading .eyebrow{margin-bottom:24px}.lobby-heading h1{font-size:59px}.lobby-heading p{font-size:14px;color:#7a8273}.lobby-card{background:#fffef9;padding:30px;border:1px solid var(--line);border-radius:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h2{margin:0;font-size:28px}.pill{border:1px solid #dce1d4;padding:6px 9px;border-radius:20px;font-size:10px;color:#7a8573}.seats{display:grid;gap:9px;margin-bottom:22px}.seat{display:flex;align-items:center;gap:12px;background:#f2f4eb;padding:13px;border-radius:7px;min-height:67px}.avatar{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-family:Georgia,serif;font-size:17px;flex-shrink:0;background:#dfe7cf;color:#4e6b4b}.color-1{background:#e9ddd0;color:#987152}.color-2{background:#dbe6e6;color:#5f7c85}.color-3{background:#e4def0;color:#88759c}.seat strong{display:block;font-size:12px;font-weight:600}.seat div>span{display:block;font-size:10px;color:#929986;margin-top:4px}.seat.vacant{background:transparent;border:1px dashed #dce1d2;color:#a3aa9a}.seat.vacant .avatar{background:#eff1e7;color:#a3aa9a}.online-dot,.live-dot{width:6px;height:6px;background:#8aab65;border-radius:50%;display:inline-block;flex-shrink:0}.online-dot{margin-left:auto}.online-dot.offline{background:#c1b4a2}.invite{font-size:12px;justify-content:flex-start}.room-code{margin-left:auto;font:10px ui-monospace,monospace;color:#8a927e}.game-length{margin:25px 0}.game-length .eyebrow{color:#8b927f;font-size:9px}.length-options{display:flex;gap:10px;margin-top:10px}.length-options button{width:50%;border:1px solid #dde2d1;border-radius:6px;background:transparent;text-align:left;padding:12px}.length-options .active{background:#eaf0df;border-color:#94aa79}.length-options strong{display:block;font-size:11px}.length-options span{display:block;font-size:10px;color:#909980;margin-top:5px}.waiting-note{margin:0;font-size:12px;text-align:center}.game{max-width:850px;margin:0 auto;padding:23px 0 32px}.at-table .header{height:78px}.game-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.game-topline .eyebrow{font-size:9px;letter-spacing:1.4px}.text-link{background:none;border:0;padding:8px 0;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#6a7b5e;cursor:pointer}.opponents{display:flex;gap:12px;margin-bottom:18px;align-items:flex-start}.opponent{flex:1;min-width:0;border:1px solid #dfe2d5;border-radius:8px;padding:10px 12px;background:#fafbf5}.opponent.current{border-color:#96aa7e;background:#eef2e5}.opponent-summary{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:38px}.opponent-name{min-width:0;flex:1}.opponent-name strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opponent-name>span{display:block;color:#89917e;font-size:9px;margin-top:4px}.opponent-stock{display:flex;flex-direction:column;align-items:center;margin-left:auto}.opponent-stock strong{font-size:14px;font-weight:500}.opponent-stock span{font-size:8px;color:#90977f}.mini-stock{height:34px;width:25px;border:1px solid #d8dacc;border-radius:3px;display:grid;place-items:center;background:#fffcf2;font-family:Georgia,serif;font-size:16px}.opponent-discards{display:flex;gap:5px;align-items:center;margin-top:10px;border-top:1px solid #e4e6dc;padding-top:8px}.opponent-discards>span:first-child{font-size:7px;letter-spacing:1px;margin-right:auto;color:#949b89}.mini-discard{display:grid;place-items:center;width:22px;height:26px;border:1px solid #dfe3d4;border-radius:3px;font:12px Georgia,serif;color:#75846a}.pile-details p{font-size:10px;margin:5px 0;overflow-wrap:anywhere}.pile-details small{font-size:9px;color:#828b77}.felt{background:#234b3f;border-radius:13px;padding:22px 36px 19px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #132b2620;color:#dfebd4}.felt:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #ffffff0b;border-radius:8px;pointer-events:none}.felt-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#a4baaa}.felt-heading .live-dot{margin-right:7px}.felt-heading>span:last-child{letter-spacing:.3px}.build-piles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;max-width:475px;margin:25px auto 17px}.pile{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.pile>span{font-size:10px;color:#9ab5a0}.felt .card.empty{border-color:#73978566;background:#ffffff03;color:#a4baaa}.felt .card{box-shadow:0 3px #152f2980;max-width:100px}.felt .card.lit{box-shadow:0 0 0 3px #c7dca4,0 0 20px #c5e39340}.table-caption{display:flex;justify-content:center;align-items:center;gap:13px;font-size:7px;letter-spacing:1.8px;color:#829e8c}.table-caption span{width:23px;height:1px;background:#839f8866}.turn-banner{display:flex;align-items:center;gap:12px;margin:15px 0 23px;padding:12px 15px;background:#edeedc88;border:1px solid #e1e4d2;border-radius:7px}.turn-banner.your-turn{background:#edf1e2;border-color:#d7dfc6}.turn-mark{font-size:23px;color:#7b9461}.turn-banner>div{flex:1}.turn-banner strong{font-size:12px;font-weight:650;margin-right:10px}.turn-banner div>span{font-size:11px;color:#8a937b}.personal-table{display:grid;grid-template-columns:105px 1fr;gap:22px 30px}.section-label{font-size:9px;font-weight:700;letter-spacing:1px;display:flex;justify-content:space-between;gap:8px;margin-bottom:14px;white-space:nowrap}.section-label span{font-size:9px;letter-spacing:0;font-weight:400;color:#919a84}.stock-area .section-label{display:block}.stock-area .section-label span{margin-left:8px}.stock-area>.card{width:90px;box-shadow:2px 3px #dfdfd0,4px 6px #ebebe0}.stock-area>.card.selected{box-shadow:0 0 0 3px #e2a463,2px 5px #dfdfd0}.stock-goal{display:block;font-size:9px;color:#989e8c;margin-top:12px}.hand-area{border-left:1px solid #e0e3d5;padding-left:30px}.hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:485px}.hand .card{max-width:90px}.empty-hand{grid-column:1/-1;padding:40px 0;color:#929a84;font-size:12px}.discard-area{grid-column:1/-1;border-top:1px solid var(--line);padding-top:19px}.discard-area .section-label{margin-bottom:13px}.discard-piles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:440px;margin:auto}.discard-piles .card{max-width:77px}.discard-piles .card-number{font-size:32px}.discard-piles .card.wild .card-number{font-size:43px}.discard-piles .pile>span{color:#959e87;font-size:9px}.discard-history{margin:16px 0 0;color:#88947c;font-size:10px}.discard-history summary{cursor:pointer;padding:5px 0}.discard-history p{margin:6px 0;overflow-wrap:anywhere}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;border-top:1px solid var(--line);padding-top:13px}.activity{font-size:10px;color:#869078;margin:0}.game-bottom .text-link{white-space:nowrap;font-size:10px}.winner-panel{border:1px solid #dadfc8;background:#eef1df;border-radius:12px;padding:30px;text-align:center;margin-top:20px}.winner-panel>svg{color:#a88d4e}.winner-panel h2{margin:15px 0}.winner-panel p{color:#7f886f;font-size:13px}.winner-panel .button{max-width:250px;margin:auto}.host-away{margin:0 auto 20px;max-width:850px;text-align:center;font-size:12px}.loading{text-align:center;padding:100px 0}.loading-symbol{display:block;font-size:50px;color:#b9905a;margin-bottom:25px}.loading p{color:#939b88;font-size:14px}.loading .button{max-width:200px;margin:20px auto}dialog{background:#fffdf5;color:#304936;border:1px solid #dee3d2;border-radius:15px;padding:30px;width:min(480px,calc(100% - 32px));max-height:85dvh;box-shadow:0 20px 100px #123c3040}dialog::backdrop{background:#182e2580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}dialog h2{font-size:35px}dialog p{font-size:13px;color:#76826c}.rules-list{padding-left:20px;font-size:13px;line-height:1.7;color:#6f7b62}.rules-list li{padding:0 0 12px 6px}.rules-list strong{color:#405a42}dialog .fine{font-size:11px;color:#949c85;margin:16px 0}.at-table{padding:0 5%}@media(min-width:1100px){.landing{padding-top:85px}.entry-panel{margin-top:-15px}.hero-cards{margin-top:28px}.hero-facts{margin-top:20px}.practice-link{margin-top:-2px}.footer{margin-top:30px}}@media(max-width:850px){.app{padding:0 5%}.landing{gap:5%;padding-top:45px}.hero-cards{transform:scale(.85);transform-origin:left center;margin-left:8px;width:310px;height:220px}.hero-facts{gap:12px;font-size:9px}.hero-facts svg{width:13px}.entry-panel{padding:25px}.entry-panel h2{font-size:26px}.hero-copy{font-size:13px}.lobby-heading h1{font-size:46px}.lobby-card{padding:22px}.opponent{padding:8px}.opponent-summary{gap:7px}.opponent .avatar{width:27px;height:27px;font-size:14px}}@media(max-width:620px){.app{padding:0 20px}.header{height:77px}.brand{font-size:26px}.brand-mark{width:30px;height:36px;margin-right:9px}.header-right{gap:12px}.help-button{font-size:11px}.landing{display:flex;flex-direction:column;padding:33px 0 23px;gap:0}.hero{width:100%}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:18px}h1{font-size:46px;letter-spacing:-2px;margin-bottom:18px}.hero-copy{font-size:13px;line-height:1.7}.hero-cards{height:165px;margin:-12px 0 10px;transform:scale(.66);transform-origin:top center;width:100%}.hero-card.one{left:calc(50% - 145px)}.hero-card.two{left:calc(50% - 50px)}.hero-card.three{left:calc(50% + 40px)}.scribble{right:calc(50% - 180px);bottom:-74px}.hero-facts{justify-content:space-between;gap:8px;font-size:9px;margin:0 0 26px}.entry-panel{padding:24px;max-width:none;border-radius:11px}.panel-top{margin-bottom:15px}.entry-panel>p{margin-bottom:21px}.entry-panel h2{font-size:28px}.practice-link{margin-top:22px}.footer{margin-top:0;padding:20px 0;font-size:7px;gap:8px;flex-wrap:wrap}.footer span:last-child{display:none}.footer span:nth-child(2){font-size:8px}.lobby{display:block;padding-top:32px}.lobby-heading h1{font-size:43px}.lobby-heading .eyebrow{font-size:9px;margin-bottom:16px}.lobby-heading p{font-size:12px}.lobby-card{margin-top:25px}.connection span{display:none}.at-table{padding:0 14px}.at-table .header{height:65px}.at-table .brand{font-size:24px}.at-table .help-button span{display:none}.at-table .header-right{gap:13px}.game{padding-top:17px}.game-topline{margin-bottom:14px}.game-topline .eyebrow{font-size:7px;letter-spacing:1px}.game-topline>.text-link{font-size:9px}.opponents{gap:6px;margin-bottom:13px}.opponent{padding:8px 6px;border-radius:6px}.opponent-summary{flex-wrap:wrap;gap:5px;position:relative}.opponent .avatar{display:none}.opponent-name{flex-basis:calc(100% - 16px)}.opponent-name strong{font-size:11px;max-width:100%}.opponent-name>span{font-size:8px;margin-top:3px}.opponent-summary>svg{position:absolute;right:0;top:0;width:11px}.opponent-stock{margin-left:0;flex-direction:row;gap:3px;margin-top:6px;flex:1}.opponent-stock strong{font-size:15px}.opponent-stock span{font-size:9px}.mini-stock{width:20px;height:27px;font-size:14px;margin-top:5px}.opponent-discards{gap:3px;margin-top:7px;padding-top:6px;justify-content:space-between}.opponent-discards>span:first-child{display:none}.mini-discard{width:20px;height:23px;font-size:11px}.felt{padding:18px 16px 16px;border-radius:9px}.felt-heading{font-size:7px;letter-spacing:1px}.build-piles{gap:12px;margin:22px auto 17px;max-width:340px}.felt .card{border-radius:6px}.card-number{font-size:34px}.card.wild .card-number{font-size:44px}.corner{font-size:10px;top:5px;left:6px}.corner.bottom{bottom:5px;right:6px}.wild-label{font-size:7px;letter-spacing:1px}.pile{gap:9px}.pile>span{font-size:8px}.table-caption{font-size:6px}.turn-banner{margin:12px 0 21px;padding:10px 11px;gap:9px}.turn-banner strong{display:block;font-size:12px;margin-bottom:3px}.turn-banner div>span{font-size:10px;display:block}.turn-mark{font-size:24px}.personal-table{grid-template-columns:65px 1fr;gap:20px 13px}.stock-area .section-label{font-size:8px;letter-spacing:.5px}.stock-area .section-label span{display:block;margin:5px 0 0;font-size:8px}.stock-area>.card{width:60px}.stock-area .card-number{font-size:29px}.stock-area .card.wild .card-number{font-size:36px}.stock-goal{font-size:7px;margin-top:10px}.hand-area{padding-left:13px}.hand-area .section-label{display:block;font-size:8px;letter-spacing:.5px}.hand-area .section-label span{display:block;font-size:8px;margin-top:5px}.hand{gap:4px}.hand .card{border-radius:5px;aspect-ratio:4.4/7}.hand .card:before{top:5px;right:5px;bottom:5px;left:5px}.hand .card-number{font-size:25px}.hand .card.wild .card-number{font-size:29px}.hand .corner{font-size:8px;top:4px;left:4px}.hand .corner.bottom{bottom:4px;right:4px;top:auto;left:auto}.hand .wild-label{font-size:6px}.section-label{margin-bottom:12px}.discard-area{padding-top:17px}.discard-area .section-label,.discard-area .section-label span{font-size:8px}.discard-piles{gap:15px;max-width:310px}.discard-piles .card{max-width:62px;aspect-ratio:5/6.5;border-radius:6px}.discard-piles .card-number{font-size:27px}.discard-piles .card.wild .card-number{font-size:33px}.discard-piles .pile>span{font-size:8px}.discard-history{font-size:9px;margin-top:12px}.game-bottom{gap:12px;margin-top:10px;padding-top:10px}.activity{font-size:9px;max-width:70%}.game-bottom .text-link{font-size:9px}.empty-hand{font-size:10px;padding-top:20px}.host-away{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:620px){.opponents>.opponent:only-child .opponent-summary{flex-wrap:nowrap;min-height:30px}.opponents>.opponent:only-child .opponent-name{flex-basis:auto}.opponents>.opponent:only-child .avatar{display:grid}.opponents>.opponent:only-child .opponent-stock{flex:0;margin:0 5px}.opponents>.opponent:only-child .mini-stock{margin:0 14px 0 0}.opponents>.opponent:only-child .opponent-summary>svg{top:10px}.opponents>.opponent:only-child .opponent-discards{justify-content:flex-end}.opponents>.opponent:only-child .opponent-discards>span:first-child{display:block}.felt{padding-top:15px;padding-bottom:13px}.build-piles{margin-top:19px;margin-bottom:14px}.section-label span,.stock-goal,.discard-piles .pile>span,.activity{color:#6e7b62}.hero-facts{color:#586d51}}@media(min-width:621px){.at-table .header{height:68px}.game{padding-top:18px}.game-topline{margin-bottom:12px}.opponents{margin-bottom:14px}.opponent{padding:8px 12px}.opponent-discards{margin-top:7px;padding-top:6px}.felt{padding:18px 30px 16px}.build-piles{max-width:400px;gap:22px;margin:18px auto 13px}.felt .card{max-width:80px}.turn-banner{margin:12px 0 19px}.personal-table{grid-template-columns:90px 1fr;gap:19px 24px}.stock-area>.card{width:76px}.hand .card{max-width:76px}.hand{max-width:415px}.hand-area{padding-left:24px}.discard-piles .card{max-width:64px}.discard-piles{max-width:385px}.section-label{margin-bottom:11px}.discard-area{padding-top:15px}.discard-history{margin-top:10px}}:root{--paper: #fffdf5;--blue: #106da4;--blue-dark: #244c9c;--green-card: #4eae30;--red-card: #da4c3e;--orange-card: #efa02b}.brand{letter-spacing:0;font-size:inherit;line-height:1}.wordmark{display:inline-flex;align-items:center;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:1000;font-size:clamp(12px,2.1vw,24px);letter-spacing:-.12em;line-height:1;color:#ffe64c;-webkit-text-stroke:1.6px #204e91;text-shadow:1px 2px 0 #fff,2px 3px 0 #204e91,3px 4px 0 #204e91;transform:skew(-7deg)}.wordmark-dash{margin:0 .12em 0 .03em}.wordmark-bo{color:#fff26a}.brand>.wordmark{font-size:clamp(30px,3.1vw,43px);-webkit-text-stroke:2.7px #204e91;text-shadow:2px 3px 0 #fff,4px 5px 0 #204e91,5px 6px 0 #204e91;letter-spacing:-.13em}.brand-dot{color:#254a94;font-size:10px;margin:0 0 0 8px;align-self:flex-start}.card{overflow:hidden;color:#fff;border:3px solid #fff;background:#1972af;border-radius:10px;box-shadow:0 2px #b5b9a9,0 5px 12px #173a3520;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:1000}.card:before{content:"";position:absolute;top:12%;right:-38%;bottom:-12%;left:2%;border:9px solid rgba(255,255,255,.18);border-radius:50%;transform:rotate(-26deg);opacity:1;pointer-events:none}.card:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.8);border-radius:6px;pointer-events:none}.card.blue{background:radial-gradient(ellipse at 105% 5%,#39b9d2,#218dbb 38%,#17488f)}.card.green{background:radial-gradient(ellipse at 95% 10%,#a7cd37,#58ab32 45%,#247c52)}.card.red{background:radial-gradient(ellipse at 95% 10%,#fa8757,#e44e41 47%,#a52354)}.card.wild{background:radial-gradient(ellipse at 115% 5%,#ffd34b,#f5a13c 48%,#cf542e);color:#fff;border-color:#fff}.card.wild:before{top:5%;right:-30%;bottom:5%;left:9%;border:9px solid rgba(255,255,255,.2);transform:rotate(-25deg);opacity:1}.card-number{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-size:clamp(30px,4.5vw,58px);font-weight:1000;line-height:1;color:#fff;text-shadow:0 2px 2px #213a4e70;z-index:1}.card.wild .card-number{font-size:inherit;text-shadow:none;max-width:100%;transform:rotate(-8deg)}.card.wild .wordmark{font-size:clamp(12px,2.4vw,27px)}.card .corner{color:#fff;font:700 italic 13px Arial,Helvetica,sans-serif;text-shadow:0 1px 1px #18363299;z-index:1}.card .wild-label{font:700 7px Arial,Helvetica,sans-serif;top:78%;letter-spacing:.9px;color:#fff;text-shadow:0 1px 1px #8d3b19;z-index:1}.card.empty{background:transparent;color:#a3baa8;border:2px dashed #a3baa877;box-shadow:none}.card.empty:after,.card.empty:before{display:none}.card.empty .card-number{color:inherit;text-shadow:none;font-style:normal}.card.lit{box-shadow:0 0 0 3px #d7f77f,0 0 21px #d7f77f85;cursor:pointer}.card.selected{box-shadow:0 0 0 3px #f5c65d,0 8px 15px #21362c4d}.card:not(:disabled){touch-action:none}.card.small{border-width:2px;border-radius:5px}.card.small:before{border-width:4px}.card.small:after{top:2px;right:2px;bottom:2px;left:2px;border-radius:3px}.card.small .card-number{font-size:21px}.card.small.wild .wordmark{font-size:8px;-webkit-text-stroke:.7px #204e91;text-shadow:1px 1px 0 #204e91}.card.small .corner{font-size:8px;top:3px;left:4px}.card.small .corner.bottom{top:auto;left:auto;bottom:3px;right:4px}.card.small .wild-label{display:none}.opponent-stock-card{display:block;flex-shrink:0;width:35px}.opponent-stock-card .card{width:35px}.opponent-summary{gap:8px}.opponent-stock{margin-left:0}.opponent-stock strong{font-size:16px;font-weight:800}.mini-discard{background:#f8faf2;border-color:#c4caba;color:#587367;font-family:Arial,Helvetica,sans-serif;font-weight:800}.discard-piles{align-items:start}.discard-piles .pile{width:100%;min-width:0;justify-content:flex-start}.discard-stack{display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9baf8b transparent;width:100%;max-height:240px;padding:2px 4px 7px;min-height:94px}.discard-stack .card{flex:0 0 auto;width:100%;max-width:64px;aspect-ratio:5/7;min-height:0}.discard-stack .card.under-card{margin-bottom:-62px;pointer-events:none;box-shadow:0 1px 3px #142d244d}.discard-stack .card.top-card{z-index:1}.discard-stack .card .card-number{font-size:34px}.discard-stack .card.wild .wordmark{font-size:14px;-webkit-text-stroke:1px #204e91;text-shadow:1px 1px 0 #fff,2px 2px 0 #204e91}.discard-stack .card.under-card .card-number{opacity:.72}.discard-stack .card .corner{font-size:10px}.discard-stack .card .wild-label{font-size:6px}.stack-hint{font-size:10px;text-align:center;color:#6e7b62;margin:10px 0 0}.pile.drop-over>.card,.pile.drop-over .discard-stack{outline:3px solid #d7f77f;outline-offset:3px;border-radius:7px}.drag-preview{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-65%) rotate(6deg);width:76px;filter:drop-shadow(0 12px 12px #192b2880)}.drag-preview .card{width:76px}.drag-preview .card.wild .wordmark{font-size:15px}@media(max-width:620px){.brand>.wordmark{font-size:30px}.brand-dot{margin-left:6px}.header-right{gap:7px}.sound-toggle{min-width:30px}.opponent-stock-card,.opponent-stock-card .card{width:30px}.opponent-stock-card .card-number{font-size:17px}.opponent-summary{gap:4px}.opponent-stock{gap:2px;margin-top:4px}.opponent-stock strong{font-size:13px}.opponent-stock-card{margin-top:3px}.opponent-discards{margin-top:5px}.card .corner{font-size:9px;top:4px;left:4px}.card .corner.bottom{top:auto;left:auto;right:4px;bottom:4px}.card-number{font-size:35px}.card.wild .wordmark{font-size:12px;-webkit-text-stroke:1px #204e91;text-shadow:1px 1px 0 #fff,2px 2px 0 #204e91}.hand .card-number{font-size:26px}.hand .card.wild .wordmark{font-size:10px;-webkit-text-stroke:.8px #204e91;text-shadow:1px 1px 0 #204e91}.hand .card .corner{font-size:7px}.hand .card .wild-label{font-size:5px}.discard-stack{max-height:216px;min-height:81px;padding:2px 1px 5px}.discard-stack .card{max-width:55px;aspect-ratio:5/6.5}.discard-stack .card.under-card{margin-bottom:-47px}.discard-stack .card .card-number{font-size:27px}.discard-stack .card.wild .wordmark{font-size:11px}.stack-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.drag-preview{transform:translate(-50%,-65%)}}.mini-discard{position:relative;overflow:hidden}.mini-layer{position:absolute;left:1px;right:1px;height:19px;display:grid;place-items:center;border:1px solid #fff;border-radius:2px;color:#fff;background:#1774a7;font:700 italic 10px Arial,Helvetica,sans-serif;box-shadow:0 1px 1px #172a2750}.mini-layer.blue{background:#1774a7}.mini-layer.green{background:#5faa34}.mini-layer.red{background:#d84d42}.mini-layer.wild{background:#ef9e30}@media(max-width:350px){.personal-table{display:block}.stock-area{display:flex;align-items:center;gap:13px;margin-bottom:16px}.stock-area .section-label{margin:0}.stock-area>.card{width:52px;flex-shrink:0}.stock-goal{margin:0}.hand-area{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.hand-area .section-label{display:flex}.hand{max-width:none;gap:5px}.hand .card{aspect-ratio:5/7}.hand .card-number{font-size:29px}.discard-area{margin-top:15px}}.practice-options{grid-column:2;justify-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:16px}.practice-options .practice-link{margin-top:0;padding:5px 0}.practice-options .four-player-link .practice-icon{color:#416e8c;background:#e6eef0}.practice-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.practice-options{align-self:center;margin-top:18px}.practice-actions{gap:8px}.practice-actions .text-link{font-size:9px}}.at-table .game{user-select:none;-webkit-user-select:none}