@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";:root{color:#17362c;font-synthesis:none;background:#f2eadc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 4%,#fff9ed 0,#0000 34%),#f2eadc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}main{flex-direction:column;max-width:1440px;min-height:100vh;margin:auto;padding:26px 7vw 18px;display:flex}.brand{color:#17382d;letter-spacing:.22em;align-items:center;gap:12px;font-family:Playfair Display,serif;font-size:15px;font-weight:700;display:flex}.brand-logo{object-fit:cover;mix-blend-mode:multiply;background:#f0dfbc;border:3px double #9c741d;border-radius:50%;width:58px;height:58px;box-shadow:0 3px 10px #4e3a182e}.landing{flex:1;grid-template-columns:minmax(520px,1.05fr) minmax(430px,.8fr);align-items:center;gap:clamp(50px,7vw,115px);padding:58px 0;display:grid;position:relative}.landing:before,.landing:after{content:"❦";z-index:-1;color:#9b742016;font:180px/1 Playfair Display;position:absolute}.landing:before{top:2%;left:-7vw;transform:rotate(-24deg)}.landing:after{bottom:1%;right:-5vw;transform:rotate(156deg)}.hero-copy{padding:30px 0;position:relative}.hero-heading{grid-template-columns:168px 1fr;align-items:center;gap:27px;display:grid}.logo-crest{background:#f3dfb8;border:4px double #96701f;border-radius:14px;width:168px;height:168px;padding:8px;overflow:hidden;box-shadow:0 12px 30px #59452120,inset 0 0 22px #8d651217}.landing-logo{object-fit:cover;mix-blend-mode:multiply;border-radius:8px;width:100%;height:100%;display:block}.hero-heading .eyebrow{margin:0 0 12px}.hero-lower{border-top:3px double #b79a60;border-bottom:3px double #b79a60;grid-template-columns:1fr 245px;align-items:center;gap:20px;margin-top:24px;padding:22px 0;display:grid}.eyebrow,.panel-kicker{color:#a34122;letter-spacing:.19em;font-size:12px;font-weight:700}h1,h2{margin:0;font-family:Playfair Display,serif;line-height:.98}h1{letter-spacing:-.04em;font-size:clamp(58px,6.1vw,92px)}h1 em{color:#a34122;font-weight:inherit}.landing h1{color:#13392e;text-shadow:0 1px #fff8e9}.intro{color:#52665f;max-width:510px;margin:0;font-size:17px;line-height:1.65}.join-panel{background:radial-gradient(circle at top,#fff9e9,#efe0be);border:4px double #96701f;border-radius:14px;justify-self:end;width:100%;max-width:520px;padding:52px 48px 44px;position:relative;box-shadow:0 22px 55px #34302329,inset 0 0 35px #9b6e1815}.join-panel h2{color:#17382d;margin:6px 0 34px;font-size:42px}label{letter-spacing:.16em;color:#63736c;font-size:10px;font-weight:700;display:block}input,select{color:#17362c;background:0 0;border:0;border-bottom:1px solid #b9b4a7;outline:none;width:100%;margin:4px 0 22px;padding:12px 2px}input:focus,select:focus{border-color:#c85c35}.join-panel>label input{font-size:17px}.code-input{text-transform:uppercase;letter-spacing:.28em;font-weight:700}.primary,.secondary{border:0;width:100%;padding:15px 20px;font-weight:700}.primary{color:#f8e9bf;background:linear-gradient(#234a3b,#122f27);border:1px solid #9d772c;justify-content:space-between;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.primary:hover{background:linear-gradient(#2d5b48,#183a2f)}.secondary{color:#173d30;background:#f8edcf80;border:1px solid #765c27;margin-top:14px}.divider{color:#8a8e85;align-items:center;gap:12px;margin:25px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#d8d0c3;flex:1;height:1px}.create-row{grid-template-columns:1fr 1.25fr;align-items:end;gap:18px;display:grid}.create-row select{margin-bottom:0}.start-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.start-options.single{grid-template-columns:1fr}.start-options button{width:100%;min-height:52px;margin:0;padding:12px}.room-setup{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:7px;display:grid}.room-setup>div>span{color:#63766d;letter-spacing:.14em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.choice-buttons{display:flex}.choice-buttons button{color:#53675e;background:0 0;border:1px solid #bca979;border-right:0;flex:1;min-width:32px;padding:8px 5px;font-weight:700}.choice-buttons button:last-child{border-right:1px solid #bca979}.choice-buttons button.selected{color:#f5e8c5;background:#173d30;border-color:#173d30}.composition-note{color:#7b7567;text-align:center;margin:0 0 14px;font-size:10px}.ruleset-picker{margin:0 0 16px}.ruleset-picker>span{color:#63766d;letter-spacing:.18em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.ruleset-picker>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ruleset-picker button{color:#173d30;text-align:left;background:0 0;border:1px solid #bca979;min-height:66px;padding:10px 12px}.ruleset-picker button.selected{background:#ead59f45;border-color:#926b18;box-shadow:inset 0 0 0 1px #926b18}.ruleset-picker strong,.ruleset-picker small{display:block}.ruleset-picker strong{margin-bottom:5px;font-family:Georgia,serif;font-size:15px}.ruleset-picker small{color:#68756f;font-size:9px;line-height:1.35}.ruleset-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.ruleset-heading i{color:#0000;border:1px solid #9b7d3d;flex:0 0 18px;place-items:center;width:18px;height:18px;font:700 12px DM Sans,sans-serif;display:grid}.ruleset-picker button.selected .ruleset-heading i{color:#f5e8c5;background:#173d30;border-color:#173d30}.bot-button{color:#fff2d5;background:linear-gradient(#b4502d,#8d351f);border:1px solid #7c321d;font-weight:700}.start-options button:disabled,.join-panel .primary:disabled{opacity:.45;cursor:wait}.deck-status{color:#8a8e85;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;margin:14px 0 0;font-size:9px;display:flex}.deck-status span{border:1px solid #c85c35;border-top-color:#0000;border-radius:50%;width:7px;height:7px;animation:.7s linear infinite deck-spin}.deck-status.ready{color:#557466}.deck-status.ready span{background:#557466;border:0;animation:none}@keyframes deck-spin{to{transform:rotate(360deg)}}.error{color:#a63e28;margin-bottom:0;font-size:13px}.card-fan{width:225px;height:150px;margin:0;position:relative}.mini-card{object-fit:cover;background:#fcfaf3;border:1px solid #9e875f;border-radius:6px;width:88px;height:126px;position:absolute;box-shadow:0 8px 20px #5e503742}.card-one{top:13px;left:12px;transform:rotate(-12deg)}.card-two{top:1px;left:69px;transform:rotate(0)}.card-three{top:13px;left:127px;transform:rotate(12deg)}.lobby{flex:1;width:100%;max-width:1120px;margin:auto;padding:65px 0}.lobby-head{justify-content:space-between;align-items:flex-end;margin-bottom:45px;display:flex}.lobby-head h1{font-size:clamp(50px,6vw,80px)}.lobby-head p{color:#68776f}.text-button{color:#7a4433;background:0 0;border:0;border-bottom:1px solid;padding:5px}.room-strip{color:#fff;background:#173d30;align-items:center;gap:25px;padding:22px 28px;display:flex}.room-strip span{letter-spacing:.18em;opacity:.65;font-size:10px}.room-strip strong{letter-spacing:.28em;font-size:25px}.room-strip button{color:#fff;background:0 0;border:1px solid #fff6;margin-left:auto;padding:10px 15px}.room-strip em{color:#ead699;letter-spacing:.12em;text-transform:uppercase;border:1px solid #d5b86377;border-radius:999px;padding:5px 9px;font-size:10px;font-style:normal}.seats{gap:15px;margin:20px 0;display:grid}.seats-2{grid-template-columns:repeat(2,1fr)}.seats-3{grid-template-columns:repeat(3,1fr)}.seats-4{grid-template-columns:repeat(4,1fr)}.seat{color:#96958e;background:#ffffff25;border:1px dashed #b7ad9c;align-content:center;place-items:center;min-height:190px;display:grid}.seat.occupied{color:#17362c;background:#fbf7ee;border:1px solid #d8cbb8}.avatar{border:1px solid;border-radius:5px 5px 18px 18px;place-items:center;width:58px;height:70px;font:700 25px Playfair Display;display:grid}.seat h3{margin:14px 0 3px}.seat p{letter-spacing:.14em;color:#a15c42;margin:0;font-size:9px}.waiting-note{background:#e9dfce;align-items:center;gap:15px;padding:22px;display:flex}.waiting-note p{color:#67736d;margin:3px 0 0;font-size:13px}.pulse{background:#c85c35;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #c85c3525}.compact{gap:24px;width:auto}.waiting-note .compact{margin-left:auto}.game-main{color:#fff;background:#123b2c;max-width:none;padding:0;overflow:hidden}.game-main>.brand{z-index:3;color:#fff;position:fixed;top:18px;left:24px}.game-main .brand-logo{mix-blend-mode:normal}.game-board{background:radial-gradient(circle,#216449 0,#164a37 42%,#0f3529 100%);grid-template-rows:auto auto auto 1fr auto auto;min-height:100vh;padding:18px 32px 16px;display:grid}.game-loading{color:#d4e2da;align-content:center;place-items:center}.game-top{color:#c7d7cf;letter-spacing:.14em;justify-content:flex-end;align-items:center;gap:38px;min-height:46px;font-size:10px;display:flex}.game-top>div{gap:15px;display:flex}.game-top strong{color:#fff}.light{color:#e4ede8;margin:0}.player-bar{opacity:.75;background:#0d2d2370;border:1px solid #ffffff2a;border-radius:4px;align-items:center;gap:12px;width:min(580px,90vw);margin:5px auto;padding:8px 15px;display:flex}.player-bar.active{opacity:1;border-color:#e7b24a;box-shadow:0 0 18px #e7b24a1c}.player-initial{color:#17362c;background:#e8ddc9;border-radius:3px 3px 11px 11px;place-items:center;width:38px;height:44px;font:700 15px Playfair Display;display:grid}.player-bar>div:nth-child(2){flex-direction:column;display:flex}.player-bar strong{font-size:13px}.player-bar span{letter-spacing:.13em;color:#b7c9c0;font-size:8px}.player-stats{gap:19px;margin-left:auto;display:flex}.player-stats span{color:#fff;text-align:center;font-size:17px}.player-stats small{color:#a9bdb4;font-size:7px;display:block}.opponent-hand{justify-content:center;height:60px;padding-top:4px;display:flex}.opponents{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));align-items:start;gap:8px;width:min(1120px,100%);margin:0 auto;display:grid}.opponent-zone{min-width:0}.opponent-zone .player-bar{width:100%;margin-top:0;padding:6px 9px}.opponent-zone .player-stats{gap:10px}.opponent-zone .opponent-hand{height:54px}.opponent-zone .opponent-hand.revealed{height:122px}.opponent-zone .opponent-hand.revealed .playing-card{width:72px;height:108px}.opponent-hand.revealed{gap:8px;height:clamp(118px,11vw,166px);padding-top:8px}.opponent-hand.revealed .playing-card{pointer-events:none;width:clamp(72px,7vw,104px);height:clamp(108px,10.5vw,156px)}.card-back{background:#173d30 url(/cards/cover.webp) 50%/cover no-repeat;border:2px solid #eee6d6;border-radius:4px;width:45px;height:66px;margin-left:-12px;box-shadow:0 3px 7px #001d15aa}.table-area{align-content:center;place-items:center;min-height:250px;display:grid}.status-message{color:#d4e2da;margin:4px;font-size:12px}.table-cards,.my-hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.game-hand-card{touch-action:none;position:relative}.playing-card{background:#f7f0df;border:3px solid #f8f1e4;border-radius:6px;width:clamp(72px,7vw,104px);height:clamp(108px,10.5vw,156px);padding:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 8px 15px #001d1670}.playing-card:hover{transform:translateY(-5px)}.playing-card.selected{border-color:#f3b83f;transform:translateY(-12px);box-shadow:0 0 0 3px #f3b83f55,0 11px 18px #001d1680}.playing-card.wild-card{border-color:#d8a62f;box-shadow:0 0 0 2px #f2c46542,0 8px 15px #001d1670}.playing-card.wild-card>span{background:#b47a13}.playing-card img{object-fit:cover;width:100%;height:100%;display:block}.playing-card>span{color:#fff;background:#173d30;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:4px;right:4px}.empty-table{color:#ffffff42;letter-spacing:.25em;border:1px dashed #ffffff35;padding:50px;font-size:11px}.last-capture{z-index:4;background:#09291fed;border:1px solid #ffffff35;border-radius:6px;width:255px;padding:18px;position:fixed;top:50%;right:18px;transform:translateY(-50%);box-shadow:0 12px 30px #001b1466}.last-capture>div:first-child{flex-direction:column;gap:4px;display:flex}.last-capture span{color:#9db7aa;letter-spacing:.16em;font-size:9px}.last-capture strong{color:#f2c465;font-size:14px}.last-capture b{text-align:right;color:#f2c465;margin-top:9px;font:700 20px Playfair Display;display:block}.capture-cards{flex-wrap:wrap;align-items:flex-start;gap:7px;margin-top:12px;display:flex}.capture-card-item{flex-direction:column;align-items:center;gap:4px;display:flex}.capture-card-item>em{color:#f2c465;letter-spacing:.12em;font:700 8px DM Sans}.capture-cards .playing-card{pointer-events:none;border-width:1px;border-radius:4px;width:60px;height:90px;box-shadow:0 3px 6px #0006}.capture-cards .playing-card.capture-played{border:2px solid #f2c465;box-shadow:0 0 0 2px #f2c46555,0 3px 6px #0006}.capture-cards .playing-card>span{width:19px;height:19px;font-size:9px;bottom:2px;right:2px}.last-capture.empty p{color:#b7c9c0;margin:6px 0 0;font-size:12px}.play-controls{justify-content:center;align-items:center;gap:12px;min-height:65px;display:flex}.play-controls button{width:auto;min-width:145px;margin:0}.play-controls button:disabled{opacity:.35;cursor:default}.wild-picker{z-index:5;background:#09291fed;border:1px solid #e9b95288;border-radius:5px;width:174px;padding:13px;position:fixed;top:50%;left:18px;transform:translateY(-50%);box-shadow:0 12px 30px #001b1466}.wild-picker>span{color:#f2c465;letter-spacing:.12em;margin-bottom:8px;font-size:8px;font-weight:700;display:block}.wild-picker>div{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.wild-picker button{color:#fff;background:0 0;border:1px solid #fff4;padding:5px 0;font-size:11px}.wild-picker button.active{color:#fff;background:#c85c35;border-color:#f2c465}.wild-picker small{color:#adc2b7;margin-top:8px;font-size:8px;line-height:1.4;display:block}.sum{color:#bcd0c6;flex-direction:column;min-width:90px;display:flex}.sum span{letter-spacing:.14em;font-size:7px}.sum strong{font:700 24px Playfair Display}.sum.valid strong{color:#f3b83f}.game-error{text-align:center;color:#ffd0c3;margin:0;font-size:12px}.my-zone{padding-top:4px}.my-hand{align-items:flex-end;min-height:140px}.my-hand .playing-card{width:clamp(82px,8vw,112px);height:clamp(123px,12vw,168px)}.declaration-backdrop{z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061a15d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.declaration-panel{color:#26372d;background:radial-gradient(circle at top,#fff5d9,#efd69e);border:4px double #9b7934;border-radius:14px;width:min(760px,96vw);max-height:94vh;padding:34px 40px;position:relative;overflow:auto;box-shadow:0 25px 80px #000b}.declaration-panel h2,.declaration-wait h2{color:#17382d;margin:3px 0 8px;font-size:35px}.declaration-help{color:#6b6c59;max-width:620px;margin:0 auto 20px;font-size:12px;line-height:1.5}.declaration-hand{justify-content:center;gap:14px;margin:18px 0 24px;display:flex}.declaration-card{touch-action:none;position:relative}.declaration-card .playing-card{width:112px;height:168px}.assigned-value{z-index:2;color:#f3d38a;background:#17382d;border:2px solid #f3d38a;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid;position:absolute;bottom:-11px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0005}.initial-table-cards{justify-content:center;gap:9px;margin:18px 0 24px;display:flex}.initial-table-cards .playing-card{width:98px;height:147px}.initial-escoba-option{color:#34483a;background:#fff6dfa6;border:1px solid #9e824a;justify-content:space-between;width:100%;margin-top:9px;padding:11px 15px;font-weight:700;display:flex}.initial-escoba-option strong{color:#9b3f24}.initial-escoba-option.selected{color:#fff3d3;background:#17382d;border-color:#17382d;box-shadow:inset 0 0 0 2px #b59142}.initial-escoba-option.selected strong{color:#f2c465}.declaration-options{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.declaration-options button{color:#34483a;background:#fff6dfa6;border:1px solid #9e824a;flex-direction:column;gap:4px;padding:11px 5px;display:flex}.declaration-options button strong{color:#9b3f24}.declaration-options button.selected{color:#fff3d3;background:#17382d;border-color:#17382d;box-shadow:inset 0 0 0 2px #b59142}.declaration-options button.selected strong{color:#f2c465}.declaration-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.declaration-actions button{width:100%;margin:0}.declaration-actions button:disabled{opacity:.4}.declaration-error{color:#a12f1f;text-align:center;margin:15px 0 0;font-size:12px}.declaration-wait{color:#26372d;text-align:center;background:#f4e2b8;border:4px double #9b7934;border-radius:14px;width:min(560px,94vw);padding:35px}.declaration-wait>.pulse{display:inline-block}.value-wheel-backdrop{z-index:22;background:#061a15b8;place-items:center;display:grid;position:fixed;inset:0}.value-wheel{background:radial-gradient(circle,#f6e4b9 0 37%,#17382d 38% 100%);border:4px double #b38a35;border-radius:50%;width:240px;height:240px;position:relative;box-shadow:0 18px 55px #000b}.value-wheel>span{color:#486052;text-align:center;width:105px;font-size:9px;line-height:1.2;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.value-wheel>b{color:#9b3f24;font:700 24px Playfair Display;position:absolute;top:61%;left:50%;transform:translate(-50%,-50%)}.value-wheel button{color:#17382d;background:#f8e8bf;border:1px solid #dfc477;border-radius:50%;width:32px;height:32px;padding:0;font-weight:700;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}.value-wheel button.active{color:#fff;background:#a54427}.declaration-board{z-index:4;color:#fff;background:#09291ff2;border:1px solid #d7b75e77;border-radius:6px;width:260px;padding:16px;position:fixed;top:105px;left:18px;box-shadow:0 10px 25px #001b1466}.declaration-board>span{color:#e5bd62;letter-spacing:.12em;font-size:9px}.declaration-board>div{border-top:1px solid #fff2;margin-top:10px;padding-top:10px}.declaration-board strong{font-size:13px;line-height:1.35;display:block}.declaration-board strong b{color:#f2c465}.declaration-board small{color:#b9cabf;font-size:10px}.declaration-board.embedded{text-align:left;width:100%;margin-top:18px;position:static}.revealed-cards{gap:5px;margin-top:8px;display:flex}.revealed-cards .playing-card{pointer-events:none;border-width:1px;width:52px;height:78px}.revealed-cards .playing-card>span{width:17px;height:17px;font-size:8px;bottom:1px;right:1px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071b16c9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.score-modal{color:#26372d;background:radial-gradient(circle at 50% 20%,#fff4d5 0,#f3dfad 75%,#e7cb8d 100%);border:4px double #80631d;border-radius:14px;width:min(900px,96vw);max-height:94vh;padding:42px;position:relative;overflow:auto;box-shadow:0 25px 80px #0009,inset 0 0 45px #9d6c1d1c}.score-modal h2{color:#6e2f18;margin-bottom:25px;font-size:36px}.score-modal .eyebrow{color:#936d17}.score-grid{background:#fff8e56e;border:1px solid #9d7d3b;display:grid;overflow-x:auto}.score-grid>*{border-bottom:1px solid #b69a60;border-right:1px solid #b69a60;padding:8px 10px;font-size:12px}.score-grid>span{text-align:center}.score-grid>strong{color:#465239}.match-totals{text-align:center;color:#6e2f18;letter-spacing:.08em;border-top:3px double #927223;border-bottom:3px double #927223;margin:22px 0;padding:13px;font-family:Playfair Display,serif;font-size:16px;font-weight:700}.score-history{margin-top:22px}.score-history>h3{color:#394b3b;margin:0 0 8px;font:700 16px Playfair Display}.history-grid{background:#f9ebc5aa;border:1px solid #a98b4d;display:grid;overflow-x:auto}.history-grid>*{text-align:center;border-bottom:1px solid #bda468;border-right:1px solid #bda468;padding:7px 9px;font-size:11px}.captured-review{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.captured-review section{background:#f7e8bfa8;border:3px double #9b7934;border-radius:7px;min-width:0;padding:12px}.captured-review h3{color:#394936;justify-content:space-between;margin:0 0 9px;font:700 15px Playfair Display;display:flex}.captured-review h3 span{color:#8a512f;letter-spacing:.12em;font:700 8px DM Sans}.captured-review section>div{flex-wrap:wrap;gap:3px;display:flex}.captured-review .playing-card{cursor:zoom-in;border-width:1px;border-radius:2px;width:30px;height:45px;box-shadow:0 2px 4px #594b3633}.captured-review .playing-card>span{width:12px;height:12px;font-size:6px;bottom:1px;right:1px}.view-collection{color:#624b20;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #876522;width:100%;margin-top:10px;padding:7px;font-size:9px;font-weight:700}.view-collection:hover{color:#fff7df;background:#876522}.declaration-summary{background:#f7e8bfa8;border:3px double #9b7934;margin-top:22px;padding:12px}.declaration-summary>h3{margin:0 0 10px;font:700 16px Playfair Display}.declaration-summary>div{border-top:1px solid #bba46c;grid-template-columns:70px 100px 1fr auto;align-items:center;gap:8px;padding:7px 0;font-size:10px;display:grid}.declaration-summary p{margin:0}.declaration-summary p b{color:#9b3f24}.declaration-summary>div>div{gap:2px;display:flex}.declaration-summary .playing-card{pointer-events:none;border-width:1px;width:27px;height:40px}.declaration-summary .playing-card>span{width:11px;height:11px;font-size:6px}.collection-preview{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#061a15e8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.collection-sheet{color:#26372d;background:radial-gradient(circle at top,#fff5d9,#efd69e);border:4px double #9b7934;border-radius:14px;width:min(1080px,96vw);max-height:92vh;padding:35px;position:relative;overflow:auto;box-shadow:0 25px 80px #000b}.collection-sheet h2{color:#6e2f18;margin:2px 0;font-size:38px}.collection-sheet>p:not(.eyebrow){color:#6f674f;margin:5px 0 22px}.collection-sheet>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.collection-sheet .playing-card{pointer-events:none;width:clamp(72px,8vw,105px);height:clamp(108px,12vw,157px)}.preview-close{color:#684e1d;background:0 0;border:1px solid #8e6c2a;padding:7px 10px;font-weight:700;position:absolute;top:18px;right:18px}@media (width<=1050px){.landing{grid-template-columns:1fr;width:100%;max-width:720px;margin:auto}.join-panel{justify-self:stretch;max-width:none}.hero-heading{grid-template-columns:145px 1fr}.logo-crest{width:145px;height:145px}}@media (width<=760px){main{padding:20px}.landing{grid-template-columns:1fr;padding:35px 0}.hero-heading{grid-template-columns:96px 1fr;gap:15px}.logo-crest{width:96px;height:96px;padding:4px}.hero-heading h1{font-size:clamp(44px,13vw,68px)}.hero-lower{grid-template-columns:1fr}.card-fan{display:none}.join-panel{padding:42px 24px 30px}.seats{grid-template-columns:repeat(2,1fr)}.room-strip{flex-wrap:wrap}.room-strip button{margin-left:0}.lobby-head{align-items:flex-start;gap:20px}.lobby-head h1{font-size:48px}.game-board{padding:10px 8px}.game-main>.brand{display:none}.light{margin-left:0}.game-top{justify-content:space-between;gap:8px}.room-code-small{display:none!important}.player-bar{width:100%}.opponents{grid-template-columns:1fr;gap:3px}.opponent-zone .opponent-hand{height:42px}.opponent-zone .player-bar{margin-bottom:0}.table-area{min-height:200px}.table-cards{gap:3px}.playing-card{width:60px;height:90px}.my-hand .playing-card{width:76px;height:114px}.play-controls{flex-wrap:wrap}.play-controls button{min-width:125px;padding:11px}.start-options{grid-template-columns:1fr}.last-capture{align-items:center;gap:10px;width:100%;min-height:78px;padding:7px 10px;display:flex;position:static;transform:none}.capture-cards{flex-wrap:nowrap;margin:0;overflow-x:auto}.capture-cards .playing-card{flex:0 0 42px;width:42px;height:63px}.last-capture b{white-space:nowrap;margin-left:auto}.wild-picker{width:100%;padding:8px;position:static;transform:none}.wild-picker>span{margin-bottom:5px}.wild-picker>div{grid-template-columns:repeat(10,1fr)}.wild-picker small{display:none}.declaration-panel{padding:25px 15px}.declaration-panel h2{font-size:28px}.declaration-hand{gap:6px}.declaration-card .playing-card{width:85px;height:128px}.declaration-options{grid-template-columns:repeat(2,1fr)}.declaration-actions{grid-template-columns:1fr}.declaration-board:not(.embedded){width:100%;margin:4px 0;position:static}.declaration-summary>div{grid-template-columns:55px 75px 1fr}.declaration-summary>div>div{grid-column:1/-1}.captured-review{grid-template-columns:1fr}}