.cards-world .main17{max-width:1080px}.table17{position:relative;height:322px;max-width:900px;margin:0 auto;background:radial-gradient(ellipse at 50% 80%,#ad91b01b,transparent 65%);border:1px solid #c7a5bc40;border-radius:45% 45% 36px 36px;box-shadow:inset 0 -2px 0 #ddb6cb21}.table17::before{content:'';position:absolute;inset:10px;border:1px solid #dbbcd329;border-radius:45% 45% 30px 30px;pointer-events:none}.opponent{position:absolute;display:flex;flex-direction:column;align-items:center;width:130px;text-align:center;z-index:2}.opponent.seat1{left:6%;top:115px}.opponent.seat2{left:50%;top:7px;transform:translateX(-50%)}.opponent.seat3{right:6%;top:115px}.opponent .portrait-ring{position:relative;width:76px;height:76px;border:1px solid #d9b7ce9c;border-radius:50%;padding:4px;background:#342c45;box-shadow:0 4px 17px #160e3044,inset 0 0 0 4px #d5b9cb13}.portrait-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}.opponent.active .portrait-ring{border:2px solid #f5d3e4;box-shadow:0 0 0 4px #e8c3df1f,0 0 22px #d6add650}.opponent strong{font:1.4rem var(--serif);text-shadow:0 3px 6px #150b25;margin-top:4px}.opponent small{font:.61rem var(--sans);color:#f4d9eb;background:#2c203cd1;border:1px solid #d3b3cb44;border-radius:20px;padding:3px 9px;margin-top:2px}.opponent .last-call{position:absolute;top:-8px;right:-10px;border:1px solid #f0cadb;background:#a5789a;color:#fff2ef;font-size:.54rem;border-radius:10px 3px 10px 3px;padding:6px 8px;transform:rotate(5deg);z-index:3}.tiny-hand{display:flex;justify-content:center;margin-top:6px;gap:0;min-height:24px}.tiny-card{width:16px;height:23px;border:1px solid #bda1c6;border-radius:3px;background:linear-gradient(145deg,#927a9b,#3b3b5b);margin-left:-5px;transform:rotate(var(--r,0deg));box-shadow:0 2px 4px #130a2244}.tiny-card:first-child{margin-left:0}.table-center{position:absolute;left:50%;top:147px;transform:translateX(-50%);width:235px;text-align:center}.piles17{display:flex;align-items:center;justify-content:center;gap:24px}.piles17>.playing-card,.piles17 .discard-card{width:83px;aspect-ratio:2/3}.piles17>.playing-card{transition:transform .2s}.piles17>.playing-card:hover:not(:disabled){transform:translateY(-4px)}.discard-card{transform:rotate(7deg);display:flex;position:relative;filter:drop-shadow(0 5px 7px #14092333)}.discard-card .playing-card{width:100%;height:100%}.discard-card.changed{animation:deal-card .3s ease-out}.draw-count{position:absolute;bottom:14%;font-size:.56rem;border-radius:8px;background:#34243ee0;padding:2px 6px;color:#f5dfed;z-index:3}.color-token{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.64rem;margin-top:14px;color:#f5dfed;text-shadow:0 2px 5px #150b2b}.color-token .glyph{width:18px;height:18px}.turn-compass{position:absolute;left:50%;top:110px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:.53rem;letter-spacing:.14em;color:#e2c8d7;text-shadow:0 2px 6px #150d26}.turn-compass .glyph{width:18px;height:18px}.penalty17{display:block;position:absolute;left:50%;top:121px;transform:translateX(-50%);font:1rem var(--serif);padding:4px 13px;border:1px solid #dcacc9a6;border-radius:20px;background:#573450f2;color:#ffe3df;z-index:4;white-space:nowrap}.your-hand-panel{position:relative;margin:9px auto 0;max-width:900px;padding:15px 17px 7px;background:linear-gradient(145deg,#3f2f49ef,#29293eec)}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px}.hand-heading strong{font:1.3rem var(--serif);font-weight:400}.hand-heading span{font-size:.6rem;color:#d4bad1}.hand17{display:flex;justify-content:flex-start;gap:10px;overflow-x:auto;overflow-y:hidden;padding:14px 7px 17px;min-height:145px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b69ab5 #46344960;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.hand17 .playing-card{width:76px;scroll-snap-align:center;transition:transform .16s,filter .16s}.hand17 .playing-card:disabled{opacity:.58;filter:saturate(.55)}.hand17 .playing-card.playable{border-color:#ffe8f5;box-shadow:0 0 0 2px #e5bbd32b,0 7px 10px #130b273b}.hand17 .playing-card:hover:not(:disabled),.hand17 .playing-card.hinted{transform:translateY(-7px);filter:brightness(1.12)}.hand17 .playing-card.hinted{box-shadow:0 0 0 3px #e8d9fa,0 0 24px #d3b4ee99}.hand17 .playing-card.picking{border-color:#e7d6fb;box-shadow:0 0 0 2px #e7d6fb7d}.hand-actions17{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:6px;flex-wrap:wrap}.announce17{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:9px 20px;font-size:.7rem;background:linear-gradient(145deg,#c292b7,#85739e);border:1px solid #e9c0d7;border-radius:20px 6px 20px 6px;box-shadow:inset 0 0 0 3px #ebc8df15;color:#fff0f5}.announce17[aria-pressed=true]{box-shadow:0 0 0 3px #efd6e631,0 0 20px #d7abd344;background:linear-gradient(145deg,#e4b0ce,#a996bd)}.announce17 .glyph{width:18px;height:18px}.hand-note17{font-size:.56rem;color:#c7aec8;text-align:center;margin:9px 0 4px}.color-picker17{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.color-choice17{display:flex;align-items:center;justify-content:center;gap:10px;min-height:74px;border:1px solid #ead1de9c;border-radius:18px 5px 18px 5px;font:1.35rem var(--serif);color:#fff1f4;background:linear-gradient(145deg,#a16b89,#6f426e)}.color-choice17.ametista{background:linear-gradient(145deg,#9783b7,#5c4b84)}.color-choice17.mare{background:linear-gradient(145deg,#72a4ab,#3a6478)}.color-choice17.luar{background:linear-gradient(145deg,#c8b39a,#8f7287)}.color-choice17 .glyph{width:29px;height:29px}.balance-note17{font-size:.7rem;color:#e7c9b7;line-height:1.6}.score-table17{width:100%;border-collapse:collapse;font-size:.74rem;text-align:left;margin:12px 0}.score-table17 td{padding:9px 10px;border-bottom:1px solid #c6a3c329}.score-table17 td:last-child{text-align:right;color:#f3d4ba}.cards-world .guide17{margin-top:14px}.table17.is-your-turn{box-shadow:inset 0 -2px 0 #ecc8dd66,0 5px 30px #d8b1e00a}
@keyframes deal-card{from{opacity:.3;transform:translateY(-22px) rotate(-8deg)}to{opacity:1;transform:rotate(7deg)}}
@media(min-width:1000px){.cards-world .brand17 .logo17{height:130px}.cards-world .brand17{padding-top:0}.hand17{justify-content:safe center}.table17{height:310px}.table-center{top:136px}.opponent.seat1,.opponent.seat3{top:100px}.turn-compass{top:103px}}
@media(max-width:700px){.table17{height:310px;border-radius:45% 45% 24px 24px}.table-center{top:154px;width:170px}.piles17{gap:17px}.piles17>.playing-card,.piles17 .discard-card{width:66px}.table17::before{inset:7px}.opponent{width:77px}.opponent.seat1{left:6px;top:143px}.opponent.seat3{right:6px;top:143px}.opponent.seat2{top:5px}.opponent .portrait-ring{width:62px;height:62px;padding:3px}.opponent strong{font-size:1.18rem}.opponent small{font-size:.55rem;padding:3px 7px}.tiny-card{width:12px;height:18px}.opponent .last-call{font-size:.47rem;padding:5px;right:-9px}.turn-compass{top:113px;font-size:.46rem}.penalty17{top:127px;font-size:.88rem}.color-token{font-size:.58rem;gap:4px;margin-top:12px}.color-token .glyph{width:16px;height:16px}.your-hand-panel{padding:12px 9px 5px;margin-top:7px}.hand-heading{padding:0 6px}.hand-heading strong{font-size:1.18rem}.hand-heading span{font-size:.54rem}.hand17{gap:8px;padding:13px 5px 14px;min-height:122px}.hand17 .playing-card{width:64px;border-radius:8px}.hand17 .card-medallion>b{font-size:1.9rem}.hand17 .card-caption,.piles17 .card-caption{font-size:5px}.hand17 .card-corner,.piles17 .card-corner{font-size:16px;top:5px;left:6px}.hand17 .card-corner.bottom,.piles17 .card-corner.bottom{top:auto;left:auto;bottom:5px;right:6px}.hand-actions17{gap:7px}.announce17{font-size:.63rem;padding:9px 15px}.cards-world .brand17 .logo17{height:108px}.session-strip .round-label{font-size:.55rem;letter-spacing:.08em}.cards-world .status17{margin-top:4px;min-height:3.4em;padding:5px 7px}}
@media(max-width:370px){.table-center{width:147px}.piles17{gap:12px}.piles17>.playing-card,.piles17 .discard-card{width:61px}.opponent{width:68px}.opponent.seat1{left:2px}.opponent.seat3{right:2px}.opponent .portrait-ring{width:55px;height:55px}.opponent strong{font-size:1.05rem}.color-token{font-size:.54rem}.table17{height:300px}.hand17 .playing-card{width:60px}.hand-heading span{max-width:130px;text-align:right}}

.action-log17{font:.85rem/1.4 var(--serif);text-align:center;color:#e6bfd3;min-height:1.4em;max-width:650px;margin:-7px auto 9px;padding:0 7px;text-shadow:0 2px 6px #190d2b}@media(max-width:700px){.action-log17{font-size:.74rem;margin:-4px auto 8px}}
