:root{--card-w:140px;--score-loss-color:#ffe6a0}h1,h2,h3,h4{font-family:Alegreya Sans SC,sans-serif;font-weight:700}button,a{-webkit-tap-highlight-color:transparent}.status-icon{object-fit:contain;vertical-align:middle;flex-shrink:0}.opaque50{opacity:.5}.rai-spinner{margin:10px}.mb-10{margin-bottom:10px}.smaller{font-size:75%}.image100{width:100%}.kirves-container{min-width:0;padding:8px 0}.game-heading{align-items:center;gap:12px;margin:12px 0 20px;display:flex}.game-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.table-area{--card-w:clamp(44px, 16cqw, 100px);min-width:0;position:relative;container-type:inline-size}.card-motion-overlay{z-index:5;pointer-events:none;position:absolute;inset:0}.card-table,.seat,.hand-area{-webkit-user-select:none;user-select:none}.card-table{isolation:isolate;height:610px;position:relative}.card-table:before{content:"";z-index:-1;background:radial-gradient(#6a8314,#42550d);border:7px solid #26390b;border-radius:48%;position:absolute;inset:65px 24px 50px;box-shadow:inset 0 0 0 2px #ffffff30,inset 0 0 35px #162506aa,0 9px 20px #19250666}.seat{text-align:center;z-index:2;width:140px;position:absolute;transform:translate(-50%,-50%)}.seat-info{width:100%;color:inherit;font:inherit;text-align:inherit;background:#42550ded;border:1px solid #fff6;border-radius:12px;padding:6px 8px;display:block;box-shadow:0 3px 10px #15230566}.seat-turn .seat-info{width:100%;color:inherit;font:inherit;text-align:inherit;border-color:#fff3bd;display:block;box-shadow:0 0 0 2px #fff3bd55,0 0 20px #fff3bd55}.seat-inactive .seat-info{width:100%;color:inherit;font:inherit;text-align:inherit;opacity:.5;display:block}.seat-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;display:block;overflow:hidden}.seat-status{justify-content:center;align-items:center;gap:3px;min-height:26px;display:flex}.seat-state{font-size:.8rem}.seat-hand{justify-content:center;min-height:29px;padding:3px 6px;display:flex}.seat-card{aspect-ratio:7/10;object-fit:contain;width:23px;height:auto;transform:rotate(-5deg)}.seat-card+.seat-card{margin-left:-13px}.seat-card.extra-card{margin-left:7px;transform:rotate(8deg)}.seat-bottom{top:89%;left:50%}.seat-top{top:10%;left:50%}.seat-left{top:48%;left:12%}.seat-right{top:48%;left:88%}.seat-top-left{top:20%;left:22%}.seat-top-right{top:20%;left:78%}.seat-bottom-left{top:65%;left:13%}.seat-bottom-right{top:65%;left:87%}.played-cards{--card-w:46px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.seat-bottom .played-cards,.seat-bottom-left .played-cards,.seat-bottom-right .played-cards{top:auto;bottom:calc(100% + 12px)}.seat-left .played-cards{top:20%;left:calc(100% + 12px);transform:none}.seat-right .played-cards{top:20%;left:auto;right:calc(100% + 12px);transform:none}.cards{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-slot{flex:none}.playing-card{flex:0 0 var(--card-w);width:var(--card-w);height:calc(var(--card-w) * 10 / 7);color:inherit;background:0 0;border:0;border-radius:6px;padding:0;transition:transform .15s;display:block;position:relative}.playing-card:disabled{opacity:1}.playing-card:not(:disabled){cursor:pointer}.playing-card:focus-visible{outline-offset:3px;outline:3px solid #fff3bd}.card-image{object-fit:contain;width:100%;height:100%;display:block}.card-flip-out{animation:.25s ease-in forwards card-fold;position:absolute;inset:0}.card-flip-in{animation:.25s ease-out .25s backwards card-unfold}@keyframes card-fold{to{transform:scaleX(0)}}@keyframes card-unfold{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.card-flip-out{display:none}.card-flip-in{animation:none}}.playing-card.won-visible{transform:translateY(calc(var(--card-w) * -.15))}.playing-card.illegal-play{opacity:.45}.playing-card.trick-winner{z-index:2;filter:drop-shadow(0 0 6px #ffe08a);animation:.7s ease-in-out 2 trick-winner-bounce}@keyframes trick-winner-bounce{0%,to{transform:translateY(calc(var(--card-w) * -.15))}50%{transform:translateY(calc(var(--card-w) * -.4))}}@media (prefers-reduced-motion:reduce){.playing-card.trick-winner{animation:none}}.played-cards .cards{gap:0}.played-cards .card-slot+.card-slot{margin-left:calc(var(--card-w) * -.62)}.table-center{text-align:center;width:44%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.table-suits{justify-content:center;gap:20px;font-size:.9rem;display:flex}.table-suits>div{flex-direction:column;align-items:center;display:flex}.suit-indicator{object-fit:contain;width:36px;height:46px;display:block}.cut-cards{justify-content:center;gap:8px;margin-top:10px;display:flex}.center-card{width:52px;height:auto}.waiting-panel{background:#42550dcc;border-radius:12px;padding:8px}.deck-position{z-index:1;--deck-w:38px;position:absolute}.table-deck{width:calc(var(--deck-w) * 1.9);height:calc(var(--deck-w) * 10 / 7);position:relative}.deck-card,.deck-trump{width:var(--deck-w);height:auto;position:absolute;top:0;left:0}.deck-trump{left:23px;transform:rotate(65deg)}.deck-count{font-size:.8rem;position:absolute;top:100%;left:8px}.deck-bottom{top:73%;left:64%}.deck-top{top:16%;left:62%}.deck-left{top:57%;left:20%}.deck-right{top:57%;left:70%}.deck-top-left{top:32%;left:28%}.deck-top-right{top:32%;left:62%}.deck-bottom-left{top:72%;left:23%}.deck-bottom-right{top:72%;left:66%}.selection-group{text-align:center;max-width:100%}.selection-label{margin:0 0 4px;font-size:1.1rem}.selection-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hand-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:8px 0 18px;display:flex}.own-hand{align-items:center;gap:16px;padding:12px 8px 4px;display:flex}.own-hand .cards{gap:0;padding:0 8px}.own-hand .playing-card{transform:rotate(-3deg);box-shadow:0 4px 8px #17260744}.own-hand .card-slot+.card-slot{margin-left:calc(var(--card-w) * -.22)}.own-hand .card-slot:nth-child(2) .playing-card{transform:translateY(-5px)rotate(-2deg)}.own-hand .card-slot:nth-child(3) .playing-card{transform:translateY(-8px)}.own-hand .card-slot:nth-child(4) .playing-card{transform:translateY(-5px)rotate(2deg)}.own-hand .card-slot:nth-child(5) .playing-card{transform:rotate(3deg)}.own-hand .playing-card.playable:hover{z-index:1;transform:translateY(-20px)}.hand-extra{width:var(--card-w);text-align:center;font-size:.8rem}.hand-extra .card-image{height:calc(var(--card-w) * 10 / 7)}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.game-sidebar{min-width:0}.game-sidebar h2{margin:0 0 8px}.messages-panel{background:#42550d99;border:1px solid #fff6;border-radius:12px;max-height:290px;margin-top:16px;padding:0 12px;overflow:auto}.messages-panel h4{margin:12px 0 0;text-align:left!important}@container (width<=600px){.card-table{height:560px}.card-table:before{border-width:5px;inset:64px 8px 45px}.seat{width:96px}.seat-info{width:100%;color:inherit;font:inherit;text-align:inherit;padding:4px;display:block}.seat-name{font-size:.95rem;display:block}.seat-status{gap:1px}.seat-status .status-icon{width:19px;height:19px}.seat-status svg{width:20px;height:20px}.seat-card{width:20px}.seat-card+.seat-card{margin-left:-13px}.seat-left,.seat-bottom-left{left:15%}.seat-right,.seat-bottom-right{left:85%}.seat-top-left{top:23%;left:16%}.seat-top-right{top:23%;left:84%}.played-cards{--card-w:33px}.seat-left .played-cards{top:calc(100% + 6px);left:78%}.seat-right .played-cards{top:calc(100% + 6px);right:78%}.seat-bottom-left .played-cards{left:70%}.seat-bottom-right .played-cards{left:30%}.table-suits{gap:8px;font-size:.8rem}.suit-indicator{width:28px;height:36px}.center-card{width:40px}.deck-position{--deck-w:28px}.deck-top-left,.deck-top-right{top:35%}.deck-top{top:13%;left:68%}.deck-trump{left:15px}}@media (width<=1100px){.game-layout{grid-template-columns:minmax(0,1fr);gap:12px}.game-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.game-sidebar h2{grid-column:1/-1}.messages-panel{margin-top:0}}@media (width<=600px){.game-heading{font-size:1.65rem}.game-sidebar{display:block}.messages-panel{margin-top:12px}.game-layout{gap:8px}.hand-area{gap:10px}}.played-cards .cards,.own-hand .cards{flex-wrap:nowrap}.seat-card:nth-child(2){transform:rotate(-2deg)}.seat-card:nth-child(3){transform:rotate(1deg)}.seat-card:nth-child(4){transform:rotate(4deg)}.seat-card:nth-child(5){transform:rotate(7deg)}.seat-selectable .seat-info:not([aria-disabled=true]){cursor:pointer}.seat-selectable .seat-info:not([aria-disabled=true]):hover,.seat-selectable .seat-info[aria-pressed=true]{background:#34460b;border-color:#fff3bd}.seat-selectable .seat-info:focus-visible{outline-offset:3px;outline:2px solid #fff3bd}.dealer-selection-prompt h3{margin:0 0 6px}.dealer-selection-prompt p{margin:0 0 12px}
/*# sourceMappingURL=kirvespeli-web.318dae62.css.map */