@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800;900&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#171420;background:#fff9e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f16c5f;outline-offset:3px}.wrap{max-width:1150px;min-height:100dvh;margin:auto;padding:25px 30px 18px;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.logo{border:0;background:none;padding:0;color:#4032bf;font:900 39px/.95 Outfit,system-ui;letter-spacing:-.07em}.logo>span:first-child{color:#ff6d61}.spark{font-size:25px;position:relative;top:-10px;left:3px;color:#ff6d61}.top-right{display:flex;align-items:center;gap:12px}.room-code{border-radius:12px;background:#eee9ff;color:#3c2bb4;padding:8px 11px;font-weight:900;letter-spacing:.12em}.online-dot{width:10px;height:10px;background:#64ceab;border-radius:50%}.kicker{font-weight:900;font-size:13px;letter-spacing:.12em;color:#5143c0}.home-intro h1,h1{font:900 clamp(42px,6vw,72px)/1.02 "Outfit",system-ui;letter-spacing:-.052em;margin:10px 0 12px}.home-intro h1 em{font-style:normal;color:#ff695c}.home-intro p,.lobby-header p,.sub{font-size:18px;line-height:1.45;color:#68616d;margin:0 0 26px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-tile{min-height:215px;border:2px solid #1d1725;border-radius:26px;box-shadow:0 6px #1d1725;text-align:left;padding:23px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:transform .17s,box-shadow .17s;color:#181323}.game-tile:hover{transform:translateY(-3px);box-shadow:0 9px #1d1725}.game-tile:active{transform:translateY(4px);box-shadow:0 2px #1d1725}.coral{background:#ff7769}.lilac{background:#d8c9ff}.mint{background:#9ce7ca}.butter{background:#ffdc79}.sky{background:#a8d8fc}.tile-icon{font-size:39px;line-height:1}.tile-meta{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin:14px 0 5px}.game-tile strong{font:900 27px/1.1 Outfit,system-ui;letter-spacing:-.03em}.game-tile>span:nth-last-child(2){font-size:14px;line-height:1.35;margin:8px 22px 0 0}.tile-arrow{position:absolute;right:19px;bottom:17px;font-size:26px}.join-box{background:#4032bf;color:#fff;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px;margin-top:23px}.join-box strong{font:800 24px Outfit}.join-box p{margin:3px 0 0;opacity:.86}.saved-note{font-size:13px;color:#777079;line-height:1.5}.primary,.dark,.light{border:0;border-radius:16px;padding:15px 21px;font-weight:900;min-height:52px}.primary{background:#4032bf;color:#fff;width:100%;box-shadow:0 5px #281e91;font-size:17px}.dark{background:#fff;color:#3022a5;white-space:nowrap}.light{background:#fff;color:#3122ac}.back{border:0;background:none;color:#4032bf;font-weight:900;padding:4px 0 17px;font-size:15px}.game-head{border:2px solid #1d1725;box-shadow:0 6px #1d1725;border-radius:27px;padding:28px 32px;margin-bottom:28px;position:relative}.game-head h1{margin:8px 0}.game-head .kicker{color:#181323}.game-head p{font-size:18px;margin:0}.big-icon{position:absolute;right:30px;top:26px;font-size:48px}.layout-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fffef8;border:1px solid #e9dfc9;border-radius:24px;padding:25px;margin-bottom:15px;box-shadow:0 3px #ebdfc7}.panel h2,.section-row h2{font:800 25px Outfit;letter-spacing:-.035em;margin:0 0 10px}.panel p{line-height:1.55;color:#625d66;margin:0 0 18px}.panel.info p{font-size:16px}.panel a{color:#4032bf;font-weight:800}.panel label,form label{display:block;font-size:14px;font-weight:800;margin:14px 0 8px}input,select{width:100%;background:#fff;border:2px solid #e5decf;border-radius:14px;padding:14px 16px;font-size:16px;color:#1b1722}.space{margin-top:20px}.narrow{max-width:660px;margin:0 auto;width:100%}.code-input{text-transform:uppercase;letter-spacing:.18em;font-weight:900}.lobby-header h1{margin-bottom:6px}.code-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#4032bf;color:#fff;border-radius:23px;padding:20px 25px;margin-bottom:22px}.code-banner span{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.8}.code-banner strong{display:block;font:900 clamp(31px,6vw,46px) "Outfit";letter-spacing:.17em;line-height:1.05}.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.counter{font-weight:900;color:#4032bf;background:#f0edff;padding:8px 12px;border-radius:12px}.roster-person{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #eee9de}.roster-person strong{font-weight:800;flex:1}.roster-person small{font-size:11px;font-weight:900;color:#887d87}.roster-person .avatar{flex:none}.roster-person.active{background:#f0edff;border-radius:12px;padding:8px}.avatar,.hero-avatar{display:inline-block;background-image:url(/assets/personaggi.webp);background-size:300% 200%;background-position:var(--x) var(--y);background-repeat:no-repeat;border-radius:14px;width:48px;height:48px;flex:none}.hero-avatar{height:210px;width:210px;border-radius:35px;margin:15px auto 25px;box-shadow:0 8px #e9dfc7;animation:bob 2.8s ease-in-out infinite}.team-tag{font-size:11px;color:#4534c7}.waiting{padding:13px 16px;background:#fff4db;border-radius:14px;font-weight:700;color:#7a6240!important;margin-top:20px!important}.rule-details{margin-top:20px}.rule-details summary{font-weight:800;cursor:pointer}.rule-details p{margin:13px 0 0}.center{text-align:center}.center .primary{max-width:460px}.role-card{background:#eeeaff;border:2px solid #d7cdf9;padding:26px;border-radius:23px;margin:20px 0;text-align:center}.role-card.danger{background:#ffe8e3;border-color:#ffafa3}.role-card small,.role-strip small{display:block;font-size:12px;font-weight:900;letter-spacing:.12em;color:#5b50a4}.role-card strong{display:block;font:900 clamp(31px,6vw,47px) "Outfit";letter-spacing:-.04em;margin:5px 0}.role-card p{font-size:17px;line-height:1.45;margin:0}.choice-list{display:grid;gap:10px;margin:22px 0}.choice{width:100%;display:flex;align-items:center;gap:13px;padding:11px 15px;background:#fff;border:2px solid #e8e0d1;border-radius:18px;text-align:left}.choice strong{font-size:17px;flex:1}.choice span:last-child{color:#4737b9;font-size:23px}.choice:hover{border-color:#4534c7}.score-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eee8dc;text-align:left}.score-line:last-child{border:0}.role-strip{display:flex;align-items:center;gap:16px;padding:16px;background:#eeeaff;border-radius:19px;margin:20px 0}.role-strip strong{display:block;font:800 21px Outfit}.vision{padding:16px;border-radius:14px;background:#d9f6e9;font-weight:800}.card-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:19px}.card-main{min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-header h1{font-size:clamp(34px,4vw,52px)}.deck-counter{white-space:nowrap;font-weight:900;font-size:13px;background:#eeeaff;border-radius:13px;padding:10px}.table-area{background:#c4edda;border:2px solid #76c89c;border-radius:29px;padding:22px;min-height:250px;margin:12px 0 20px}.table-label{font-size:12px;letter-spacing:.1em;font-weight:900;color:#286749;margin-bottom:17px}.cards-row{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-start}.cards-row p{color:#4b8069}.playing-card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:75px;height:112px;border:2px solid #d5ccbe;border-radius:11px;background:#fffefb;color:#1d1724;padding:8px;box-shadow:0 4px #c9bda9;flex:none;font:900 23px Outfit;transition:transform .15s,border-color .15s}.playing-card .card-symbol{align-self:center;font-size:30px;line-height:1}.playing-card small{align-self:flex-end;font:800 7px DM Sans;letter-spacing:.02em}.playing-card.red{color:#d65356}.playing-card.gold{color:#b98709}.playing-card.green{color:#2f8c68}.playing-card.blue{color:#305fba}.playing-card.selected{border-color:#4534c7;box-shadow:0 5px #4534c7;transform:translateY(-8px)}.playing-card:not(:disabled):hover{transform:translateY(-5px)}.playing-card.table-card:disabled{opacity:1}.playing-card.mini{display:inline-flex;width:31px;height:44px;padding:3px;font-size:11px;box-shadow:none;vertical-align:middle}.playing-card.mini .card-symbol{font-size:11px}.playing-card.mini small{display:none}.played{text-align:center}.played>small{display:block;font-weight:800;color:#306a4f;margin-bottom:6px;max-width:75px;overflow:hidden;text-overflow:ellipsis}.trump{margin-top:20px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:700;color:#2b6048}.hand-area{padding:8px 0 20px}.hand-area .cards-row{min-height:128px;align-items:center}.hint{color:#79717b;font-size:13px;font-weight:700}.play-options{background:#f1edff;border-radius:20px;padding:17px;margin-top:8px}.play-options p{margin:0 0 9px}.capture-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.capture{border:2px solid #4534c7;background:#fff;color:#382baa;border-radius:12px;padding:12px;text-align:left;font-weight:800}.card-sidebar .panel{padding:19px}.roster-person.compact .avatar{width:36px;height:36px;border-radius:10px}.roster-person.compact small{display:block;font-size:12px}.score-line b small{font-size:11px;color:#777}.score-end{font-weight:900;color:#4032bf!important;margin:15px 0!important}.notice{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:#ffe3dc;border:1px solid #ffa698;border-radius:13px;margin-bottom:15px;font-weight:800}.notice button{background:none;border:0;font-size:22px}footer{margin-top:auto;padding:35px 0 5px;color:#928994;font-size:12px}@keyframes bob{50%{transform:translateY(-7px) rotate(2deg)}}@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,1fr)}.card-layout{grid-template-columns:1fr}.card-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-sidebar .rule-details{grid-column:1/-1;margin-top:0}}@media(max-width:600px){.wrap{padding:18px 17px 12px}.top{margin-bottom:23px}.logo{font-size:34px}.home-intro h1,h1{font-size:43px}.home-intro p,.lobby-header p,.sub{font-size:16px}.game-grid{gap:10px}.game-tile{min-height:185px;border-radius:20px;padding:16px}.tile-icon{font-size:31px}.tile-meta{font-size:11px;margin-top:11px}.game-tile strong{font-size:21px}.game-tile>span:nth-last-child(2){font-size:12px;margin-right:8px}.join-box{align-items:stretch;flex-direction:column;padding:20px}.join-box strong{font-size:21px}.layout-2,.card-sidebar{grid-template-columns:1fr}.panel{padding:20px}.game-head{padding:23px}.big-icon{font-size:34px;right:22px}.code-banner{padding:17px}.code-banner strong{letter-spacing:.1em}.playing-card{width:62px;height:94px;padding:6px;font-size:19px}.playing-card .card-symbol{font-size:24px}.table-area{min-height:210px;padding:16px}.capture-options{grid-template-columns:1fr}.card-sidebar .rule-details{grid-column:auto}}@media(max-width:360px){.game-tile{min-height:205px;padding:12px}.game-tile strong{font-size:18px}.playing-card{width:55px;height:85px}.playing-card .card-symbol{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.name-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.name-chip{border:1px solid #d9d0ff;background:#f0edff;color:#3b2caf;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}.code-actions{display:flex;gap:8px}.code-actions .light{min-height:44px;padding:11px 15px}.kick{border:0;background:#ffe5df;color:#b8443b;border-radius:10px;width:30px;height:30px;font-size:20px;line-height:1}.roster-person .team-tag{order:4}@media(max-width:420px){.code-banner{align-items:flex-start;flex-direction:column}.code-actions{width:100%}.code-actions .light{flex:1}}.pink{background:#ffb7d6}.orange{background:#ffad66}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.identity{background:#fff;border:2px solid #e7ddca;border-radius:22px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px}.identity .hero-avatar{width:120px;height:120px;margin:0 0 4px;border-radius:22px;box-shadow:none}.identity strong{font:800 20px Outfit}.identity span{font-weight:800;color:#4436b6}.identity.mine{background:#eeeaff}.identity b{font-size:11px;color:#288565}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.outline{border:2px solid #4032bf;border-radius:16px;background:transparent;color:#4032bf;padding:15px;font-weight:900}@media(max-width:460px){.identity-grid{grid-template-columns:1fr 1fr}.identity{padding:10px}.identity .hero-avatar{width:100px;height:100px}.identity strong{font-size:17px}}.add-row{display:flex;gap:10px}.add-row input{flex:1;min-width:0;margin:0}.local-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.local-list li{display:flex;align-items:center;gap:10px;background:#fffaf0;border:2px solid #eee3cf;border-radius:14px;padding:8px 10px}.local-list strong{flex:1;font-weight:800}.local-num{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#4032bf;color:#fff;font-weight:900;font-size:14px}.reveal-box{position:relative;overflow:hidden;border-radius:23px;margin:10px 0 20px}.reveal-box .role-card{margin:0;min-height:210px;display:flex;flex-direction:column;justify-content:center;gap:6px}.reveal-cover{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:23px;background:linear-gradient(160deg,#4032bf,#2a1f8a);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .3s ease}.reveal-cover strong{font:800 24px Outfit}.reveal-cover small{opacity:.8}.swipe-arrow{font-size:40px;line-height:1;animation:swipe-hint 1.4s ease-in-out infinite}.reveal-box.open .reveal-cover{transform:translateY(-105%);pointer-events:none}@keyframes swipe-hint{50%{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){.swipe-arrow{animation:none}}.bid-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px}.bid-list{max-width:340px}.call-grid .playing-card.mini{width:36px;height:50px;font-size:13px}.last-trick{margin-top:12px;opacity:.8}.last-trick small{display:block;font-weight:800;margin-bottom:4px}.playing-card.give{border-color:#2f8c68;box-shadow:0 5px #2f8c68;transform:translateY(-8px)}.playing-card.discard{border-color:#d65356;box-shadow:0 5px #d65356;opacity:.7}.panel>.outline{width:100%;margin-top:12px}.add-row .primary{width:auto;flex:none;margin:0;padding:12px 18px}.kick.move{background:#eeeaff;color:#4032bf}.last-trick .playing-card:disabled,.table-area .playing-card.mini:disabled{opacity:1}.rules details{border-bottom:1px solid #eee3cf;padding:10px 0}.rules summary{cursor:pointer;font:800 17px Outfit}.rules p,.rules li{line-height:1.5}.rules ul,.rules ol{padding-left:20px}.sources{font-size:13px;opacity:.8}#rules-dlg{border:0;border-radius:24px;padding:20px;width:min(640px,calc(100vw - 24px));max-height:88dvh;background:#fffaf0;color:#171420}#rules-dlg::backdrop{background:#1410288c}.dlg-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dlg-head h2{margin:0}.rules-btn{border:0;background:#eeeaff;color:#4032bf;font-weight:800;border-radius:12px;padding:7px 11px;margin-right:8px}label.check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-weight:500}label.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#4032bf}.pc{display:inline-block;width:var(--cw, 64px);height:calc(var(--cw, 64px) * 1.6);border-radius:calc(var(--cw, 64px) * .1);background:#fff url(/assets/carte-siciliane.webp) var(--sx) var(--sy) / 1000% 400% no-repeat;border:1px solid rgba(0,0,0,.3);box-shadow:0 2px 5px #00000059;padding:0;flex:none;transition:transform .15s,box-shadow .15s,filter .15s}.pc.back{background:#b3262f repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 4px,transparent 4px 8px);border:2px solid #fff}button.pc:disabled{opacity:1;cursor:default}.table-screen{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 38%,#2f8f5a,#1d6b40 55%,#0e4527);color:#fff;overflow-x:hidden}.table-notice{margin:8px 12px 0;color:#171420}.tbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#00000047}.tbtn{width:36px;height:36px;flex:none;border-radius:50%;border:0;background:#ffffff29;color:#fff;font:900 17px Outfit}.tbar-title{flex:1;min-width:0;font:800 17px Outfit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.chip{background:#00000052;border-radius:12px;padding:3px 9px;display:flex;flex-direction:column;align-items:center;min-width:46px}.chip small{font-size:10px;opacity:.85;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip b{font:900 17px Outfit}.chip.mine{background:#f5c542;color:#2a1d00}.goal{font-size:11px;opacity:.8}.felt{flex:1;display:grid;grid-template-areas:". top ." "left board right";grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;gap:6px;padding:12px 10px 0;width:100%;max-width:900px;margin:0 auto}.seat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:78px}.seat-top{grid-area:top}.seat-left{grid-area:left;align-self:center}.seat-right{grid-area:right;align-self:center}.seat .avatar,.me-row .avatar{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 3px #ffffff59}.seat.turn .avatar,.me-row.turn .avatar{box-shadow:0 0 0 3px #f5c542,0 0 18px #f5c542;animation:turn-pulse 1.3s ease-in-out infinite}@keyframes turn-pulse{50%{box-shadow:0 0 0 3px #f5c542,0 0 4px #f5c542}}.seat-info{text-align:center;line-height:1.15}.seat-info strong{font-size:13px}.seat-info small{display:block;font-size:10px;opacity:.8}.seat-hand{display:flex;align-items:center;--cw: 16px}.seat-hand .pc+.pc{margin-left:-11px}.cnt{font-size:11px;margin-left:5px;background:#00000061;border-radius:8px;padding:1px 7px}.board{grid-area:board;position:relative;display:flex;align-items:center;justify-content:center;min-height:230px;padding:44px 0 8px}.table-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-content:center;flex:1;min-width:0;max-width:420px;--cw: clamp(50px, 15vw, 74px)}.empty{opacity:.7;font-style:italic}.trick{position:relative;width:240px;height:230px;--cw: clamp(52px, 15vw, 70px)}.trick .pc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--tx, 0),var(--ty, 0)) rotate(var(--rot, 0deg))}.at-bottom{--tx: 0px;--ty: 50px;--rot: 3deg}.at-top{--tx: 0px;--ty: -50px;--rot: -4deg}.at-left{--tx: -62px;--ty: 0px;--rot: -9deg}.at-right{--tx: 62px;--ty: 0px;--rot: 8deg}.trick .faded{opacity:.45}.trick-note{position:absolute;bottom:-4px;left:0;right:0;text-align:center;font-size:11px;opacity:.85}.pile{position:absolute;left:0;top:0;display:flex;align-items:center;--cw: 26px}.pile .stack+.stack{margin-left:calc(var(--cw) * -.92)}.pile .trump{transform:rotate(90deg);margin:0 -2px 0 6px}.trump-tag{position:absolute;top:2px;right:0;font-size:12px;background:#0000004d;border-radius:10px;padding:3px 8px}.pc.will-take{box-shadow:0 0 0 3px #f5c542,0 4px 12px #0006;transform:translateY(-4px)}.enter{animation:deal-in .35s ease-out}@keyframes deal-in{0%{opacity:0;scale:.7}}.log{text-align:center;margin:4px 12px;min-height:20px;font-size:14px;opacity:.92}.me-area{background:linear-gradient(transparent,#00000061);padding:6px 12px calc(14px + env(safe-area-inset-bottom))}.me-row{display:flex;align-items:center;justify-content:center;gap:10px}.me-row small{opacity:.8}.hand{display:flex;justify-content:center;padding-top:24px;min-height:calc(var(--cw) * 1.6 + 24px)}.hand .pc+.pc{margin-left:var(--gap)}.hand .pc:not(:disabled){cursor:pointer}.hand .pc:not(:disabled):hover{transform:translateY(-8px)}.hand .pc.selected{transform:translateY(-22px);box-shadow:0 0 0 3px #f5c542,0 10px 18px #00000073}.hand .pc.illegal{filter:brightness(.5)}.hand .pc.give{transform:translateY(-16px);box-shadow:0 0 0 3px #3ccf8e}.hand .pc.discard{box-shadow:0 0 0 3px #ff6b6b;filter:brightness(.7)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;min-height:52px;margin-top:8px}.actions .primary,.actions .outline{width:auto;margin:0;padding:11px 22px}.actions .outline{color:#fff;border-color:#fff}.status{font-weight:700;opacity:.92;text-align:center}.take{display:flex;gap:3px;background:#fff;border:0;border-radius:12px;padding:6px;--cw: 30px}.panel-board{background:#fffaf0f7;color:#171420;border-radius:18px;padding:14px 16px;width:min(360px,100%)}.panel-board.wide{width:min(520px,100%)}.panel-board h3{margin:0 0 8px;font:800 18px Outfit}.panel-board .outline{color:#4032bf}.row-cards{display:flex;gap:6px;--cw: 44px}.call-grid{display:grid;gap:6px}.call-row{display:flex;flex-wrap:wrap;gap:4px;--cw: 34px}.call-row .pc{cursor:pointer}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0000008c;display:grid;place-items:center;padding:16px}.modal{background:#fffaf0;color:#171420;border-radius:24px;padding:20px;width:min(540px,100%);max-height:92dvh;overflow:auto;animation:deal-in .25s ease-out}.modal h2{margin:0 0 12px;font:800 22px Outfit}.res-table{width:100%;border-collapse:collapse;margin-bottom:12px}.res-table th,.res-table td{padding:7px 6px;border-bottom:1px solid #eee3cf;text-align:center;font-size:14px}.res-table th:first-child{text-align:left}.res-table th.mine{color:#4032bf}.res-table td.pt{background:#e6f6ed;font-weight:800}.res-table .tot td,.res-table .match td{font:900 18px Outfit}.plus{color:#2f8c68}.winner{font:800 20px Outfit;text-align:center;color:#4032bf}.credit{font-size:10px;opacity:.6;margin:10px 0 0}.modal .two-actions{margin:8px 0 0}@media(max-width:420px){.goal{display:none}.tbar-title{min-width:60px;font-size:15px}.seat{min-width:64px}.trick{width:200px}.at-left{--tx: -52px}.at-right{--tx: 52px}}@media(prefers-reduced-motion:reduce){.enter,.modal,.seat.turn .avatar,.me-row.turn .avatar{animation:none}}.hand .pc{position:relative}.hand .pc:after{content:attr(data-label);position:absolute;top:3px;left:3px;min-width:16px;padding:1px 3px;border-radius:5px;background:#ffffffeb;color:#171420;font:900 12px/1.2 Outfit;box-shadow:0 0 0 1px #00000026}.gen{background:none!important;overflow:hidden;display:inline-block}.gen svg{width:100%;height:100%;display:block}#menu-dlg{border:0;border-radius:24px;padding:18px;width:min(420px,calc(100vw - 24px));background:#fffaf0;color:#171420}#menu-dlg::backdrop{background:#1410288c}.menu-list{display:grid;gap:8px;margin-top:12px}.menu-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:2px solid #eee3cf;background:#fff;border-radius:16px;padding:12px 14px;color:#171420}.menu-item:hover{border-color:#4032bf}.menu-icon{font-size:22px}.menu-item strong{display:block;font:800 16px Outfit}.menu-item small{display:block;opacity:.7;margin-top:2px}.rejoin{margin:0 0 20px;background:#1d6b40}.sm-seats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 10px 0;max-width:900px;margin:0 auto}.sm-seat{background:#00000038;border-radius:16px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;min-width:150px;position:relative}.sm-seat .avatar{width:38px;height:38px;border-radius:50%}.sm-seat.turn{box-shadow:0 0 0 3px #f5c542}.sm-seat.banker{background:#f5c54238}.sm-info strong{font-size:13px;display:block}.sm-info small{display:block;font-size:11px;opacity:.85}.sm-cards{grid-column:1 / -1;display:flex;gap:3px;min-height:42px;--cw: 26px}.sm-total{position:absolute;right:8px;bottom:8px;background:#fff;color:#171420;font:900 13px Outfit;border-radius:10px;padding:2px 8px}.sm-board{flex:1;min-height:150px;flex-direction:column}.sm-log{font:700 16px DM Sans;text-align:center;max-width:420px;margin:0 16px}.sm-hand{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:10px;min-height:150px;--cw: min(84px, 20vw)}.sm-total.big{position:static;font-size:20px;padding:6px 12px}.sm-res td{vertical-align:middle}.sm-res-cards{--cw: 22px;white-space:nowrap}.sm-res-cards .pc+.pc{margin-left:2px}.pp-score{display:flex;gap:10px;justify-content:center;margin-bottom:14px}.pp-team{background:#fff;border:2px solid #eee3cf;border-radius:16px;padding:8px 16px;min-width:120px}.pp-team.on{border-color:#4032bf;box-shadow:0 4px #4032bf}.pp-team small{display:block;font-weight:700}.pp-team b{font:900 28px Outfit}.pp-timer{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.pp-timer span{font:900 34px Outfit;min-width:56px}.pp-bar{flex:1;height:12px;border-radius:8px;background:#eee3cf;overflow:hidden}.pp-bar i{display:block;height:100%;background:linear-gradient(90deg,#f16c5f,#f5c542);transition:width .25s linear}.pp-card{background:#fff;border:3px solid #4032bf;border-radius:24px;padding:22px;box-shadow:0 8px #d7cdf9}.pp-card strong{display:block;font:900 clamp(32px,9vw,46px) "Outfit";color:#4032bf;padding-bottom:12px;border-bottom:2px dashed #eee3cf}.pp-card ul{list-style:none;padding:0;margin:12px 0 0}.pp-card li{font:700 20px DM Sans;color:#b8443b;padding:4px 0}.pp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.pp-actions .outline{grid-column:1 / -1}.danger-btn{border:0;border-radius:16px;background:#f16c5f;color:#fff;font-weight:900;padding:15px;box-shadow:0 5px #b8443b}.pp-log{text-align:left;margin-bottom:18px}.ov-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.ov-choice button{padding:26px 10px;font-size:20px}.ov-card strong{font-size:clamp(22px,5.5vw,30px)!important;line-height:1.25;letter-spacing:-.01em!important}.sm-board .pile{position:static;margin-bottom:10px}.install-box{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:2px solid #4032bf;border-radius:20px;padding:14px 16px;margin-bottom:18px}.install-box strong{font:800 18px Outfit}.install-box p{margin:3px 0 0;font-size:14px}.install-box .primary{display:inline-block;text-decoration:none;text-align:center;width:auto;margin:0;padding:11px 18px;flex:none}img.photo{object-fit:cover;background:#eee3cf;display:inline-block}.my-face{position:relative;border:0;padding:0;background:none;flex:none;line-height:0}.my-face .cam{position:absolute;right:-6px;bottom:-6px;width:22px;height:22px;border-radius:50%;background:#4032bf;box-shadow:0 0 0 2px #fff;font-size:12px;line-height:22px;text-align:center}.link-btn{border:0;background:none;padding:0;color:#4032bf;font:inherit;font-weight:700;text-decoration:underline}.top-join{margin:0 0 22px}.bubble{display:inline-block;margin-top:4px;max-width:170px;background:#fff;color:#171420;font-size:11px;font-weight:700;line-height:1.25;border-radius:12px;padding:5px 8px;box-shadow:0 3px 8px #00000040;animation:deal-in .3s ease-out}.bubble.mine{display:block;max-width:320px;margin:0 auto 6px;font-size:13px;text-align:center}footer a{color:inherit}.say{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.say .status{width:100%}.say-chip{border:2px solid rgba(255,255,255,.7);background:transparent;color:#fff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:13px}.say-chip.on{background:#f5c542;border-color:#f5c542;color:#2a1d00}