.dk-game{--dk-card-w:87px;--dk-card-h:122px;color:#f3eee9;isolation:isolate;max-width:1220px;margin:auto}
.dk-game *{box-sizing:border-box}
.dk-game svg{display:block;width:22px;height:22px;flex:none}
.dk-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 8px 15px}
.dk-meta .bg-kicker{font-size:10px;letter-spacing:.18em;color:#c3a66d}
.dk-round{font-size:11px;color:#a49eb4;display:flex;align-items:center;gap:10px}
.dk-meta__dot{width:3px;height:3px;border-radius:50%;background:#b59b6d}
.dk-table-wrap{position:relative;isolation:isolate;padding:22px 20px 0;overflow:hidden;border-radius:28px;border:1px solid #a4864b45;background:radial-gradient(ellipse at 50% 40%,#46325c50,transparent 65%),linear-gradient(155deg,#1d1930ee,#11111ded);box-shadow:inset 0 0 80px #0006,0 20px 65px #0004;min-height:370px}
.dk-table-wrap:before{content:'';position:absolute;inset:12px;border:1px solid #bc9a5b20;border-radius:20px;pointer-events:none}
.dk-table-wrap:after{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#d8b97b70 .6px,transparent .8px);background-size:53px 53px;opacity:.18;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}
.dk-table-glow{position:absolute;inset:60px 8% 22px;border:1px solid #b69c6430;border-radius:50%;box-shadow:0 0 0 6px #d7b57004,inset 0 0 65px #8952a20d,0 0 65px #8952a20d;z-index:-1}
.dk-opponent{display:flex;align-items:center;justify-content:center;gap:11px;position:relative;z-index:2}
.dk-avatar{display:grid;place-items:center;border-radius:50%;width:44px;height:44px;border:1px solid #bc97ff59;color:#c4a8ec;background:radial-gradient(circle at 35% 20%,#79539755,#241b36);box-shadow:0 0 25px #a369ff16}
.dk-avatar svg{width:25px;height:25px}
.dk-opponent>div:nth-child(2){display:grid;gap:4px}
.dk-opponent b{font-size:13px;font-weight:600;letter-spacing:.02em}
.dk-opponent>div>span{font-size:10px;color:#a29aae}
.dk-role{font-size:9px;text-transform:uppercase;letter-spacing:.09em;border:1px solid #ffffff12;color:#8e879d;border-radius:5px;padding:5px 7px;margin-left:6px}
.dk-role.is-active{border-color:#c9a56b40;color:#dbbd86;background:#c4a0520a}
.dk-fan{display:flex;justify-content:center;height:87px;padding-top:17px;pointer-events:none;margin-bottom:-4px;overflow:hidden}
.dk-fan__card{width:43px;position:relative;transform:translateY(var(--dk-y)) rotate(var(--dk-angle));transform-origin:center 110%;margin-right:-21px}
.dk-fan__card:last-child{margin-right:0}
.dk-fan .dk-cardback{width:43px;height:61px;border-radius:5px;border-color:#a8894a80;box-shadow:-3px 3px 8px #0008}
.dk-cardback{display:block;position:relative;width:var(--dk-card-w);height:var(--dk-card-h);border:1px solid #a58a5390;border-radius:9px;background:linear-gradient(135deg,#392c49,#211d32 55%,#3c2c48);box-shadow:0 4px 14px #0006;overflow:hidden;flex:none}
.dk-cardback:before{content:'';position:absolute;inset:5px;border:1px solid #c7a9655c;border-radius:4px}
.dk-cardback i{position:absolute;inset:8px;background:repeating-linear-gradient(45deg,transparent 0 8px,#ba995b0b 8px 9px),repeating-linear-gradient(-45deg,transparent 0 8px,#ba995b0b 8px 9px)}
.dk-cardback>svg{position:relative;left:12%;top:9%;width:76%;height:82%;fill:none;stroke:#d0ae6c;stroke-width:1;opacity:.77}
.dk-arena{display:grid;grid-template-columns:115px minmax(0,1fr) 90px;gap:15px;align-items:center;min-height:183px;position:relative;z-index:1}
.dk-pile{display:flex;align-items:center;flex-direction:column;gap:5px;align-self:center}
.dk-pile b{font-size:10px;font-weight:500;color:#bcb1c7}
.dk-pile>span{font-size:9px;color:#827b90}
.dk-deck-art{position:relative;width:104px;height:102px;--dk-card-w:63px;--dk-card-h:89px;margin-top:2px}
.dk-trump-card{position:absolute;left:25px;top:15px;transform:rotate(90deg)}
.dk-deck-back{position:absolute;left:5px;top:1px;box-shadow:2px 2px #584664,3px 3px #baa16c55,4px 4px #332a42,5px 5px #b69d6333,0 8px 24px #0007}
.dk-deck-count{position:absolute;left:-2px;top:-6px;min-width:25px;height:25px;border-radius:50%;background:#d5b982;color:#221b2d;border:2px solid #211a2b;font-size:11px;font-weight:700;display:grid;place-items:center;z-index:3}
.dk-trump-label{display:flex;gap:5px;align-items:center;font-size:10px!important;color:#ccb078!important}
.dk-trump-label svg{width:12px;height:12px;fill:currentColor}
.dk-deck-empty{width:63px;height:89px;border:1px dashed #b49a6330;display:grid;place-items:center;border-radius:8px;color:#c7ad6850;font-size:30px}
.dk-discard-art{position:relative;width:56px;height:85px;--dk-card-w:54px;--dk-card-h:76px;margin-top:7px}
.dk-discard-art>.dk-cardback{transform:rotate(7deg);opacity:.5;filter:saturate(.5);box-shadow:-3px -2px #63506e44,2px 4px #a68f6030}
.dk-discard-outline{display:block;position:absolute;inset:0 0 9px;border:1px dashed #a68b5629;border-radius:7px;transform:rotate(7deg)}
.dk-discard-count{position:absolute;left:50%;top:23px;transform:translateX(-50%);font-size:19px;font-weight:600;color:#dbcaac;text-shadow:0 2px 8px #000;background:#171220a1;border-radius:5px;min-width:28px;text-align:center;padding:2px 3px}
.dk-battleground{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 0 21px;min-width:0;min-height:175px}
.dk-table-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:10px;gap:7px}
.dk-table-sigil{width:45px;height:45px;display:grid;place-items:center;border:1px solid #b69a6340;border-radius:50%;color:#bca16a;box-shadow:0 0 0 5px #bc9d5807;margin-bottom:5px}
.dk-table-sigil svg{width:23px;height:23px}
.dk-table-empty b{font-size:13px;color:#c7b998;font-weight:500}
.dk-table-empty small{font-size:10px;color:#897f96;max-width:205px;line-height:1.5}
.dk-pair{position:relative;width:calc(var(--dk-card-w) + 15px);height:calc(var(--dk-card-h) + 16px);flex:none;animation:dk-card-arrive .3s ease-out both}
.dk-pair__attack{position:absolute!important;left:0;top:0;transform:rotate(-4deg)}
.dk-pair__defense{position:absolute!important;left:16px;top:15px;transform:rotate(5deg);box-shadow:-4px -1px 12px #0006!important}
.dk-pair.is-covered{margin-right:4px}
.dk-pair.is-target .dk-pair__attack{outline:2px solid #d5b779;outline-offset:4px;box-shadow:0 0 22px #d3aa4d38}
.dk-pair__await{position:absolute;right:0;bottom:0;color:#d1b57c;width:25px;height:25px;background:#2a2337;border:1px solid #bf9d5e70;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 12px #0006;pointer-events:none}
.dk-pair__await svg{width:14px;height:14px}
.dk-pair__check{position:absolute;right:-4px;bottom:-4px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#25423a;color:#bddac7;border:1px solid #91b59a66;font-size:12px;z-index:3}
.dk-card{--suit:#332c40;display:block;position:relative;flex:none;width:var(--dk-card-w);height:var(--dk-card-h);padding:0;border:1px solid #dfc9a5;border-radius:9px;background:radial-gradient(ellipse at 30% 10%,#fffaf1,transparent 70%),linear-gradient(145deg,#f3e9d6,#e8d8bc);color:var(--suit);box-shadow:0 5px 12px #0005;overflow:hidden;vertical-align:middle;user-select:none;-webkit-user-select:none}
.dk-card:before{content:'';position:absolute;inset:5px;border:1px solid #b397643b;border-radius:4px;pointer-events:none}
.dk-card--hearts,.dk-card--diamonds{--suit:#a32b4c}
.dk-card .dk-suit{fill:currentColor;stroke:none}
.dk-card__corner{position:absolute;top:6px;left:6px;display:flex;align-items:center;flex-direction:column;gap:2px;font:600 17px/1 Georgia,serif;color:var(--suit)}
.dk-card__corner b{font:inherit}
.dk-card__corner .dk-suit{width:10px;height:10px}
.dk-card__corner--bottom{inset:auto 6px 6px auto;transform:rotate(180deg)}
.dk-card__center{position:absolute;inset:25% 24%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1px}
.dk-card__center>.dk-suit{width:29px;height:32px;filter:drop-shadow(0 1px 0 #fff6)}
.dk-card__center>i{position:absolute;inset:-11px -9px;border:1px solid #b79c6329;border-radius:50%;z-index:0;pointer-events:none}
.dk-card__center .dk-card__crown{width:36px;height:24px;fill:none;stroke:#a88a50;stroke-width:1.5;margin-bottom:-2px;flex:none}
button.dk-card{cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;touch-action:manipulation;transition:transform .18s,box-shadow .18s,filter .18s,border-color .18s}
button.dk-card:focus-visible{outline:3px solid #ebca8d;outline-offset:4px}
.dk-hand .dk-card:disabled{cursor:default;filter:saturate(.65) brightness(.75);opacity:.79}
.dk-hand .dk-card.is-playable{border-color:#e8d29d;box-shadow:0 6px 15px #0005,0 0 0 1px #d8b57552}
.dk-hand .dk-card.is-trump:after{content:'';position:absolute;left:23%;right:23%;bottom:3px;height:2px;border-radius:2px;background:#aa7c2a;box-shadow:0 0 5px #c99a3c6b}
.dk-table-edge{display:flex;align-items:center;justify-content:center;gap:13px;padding:6px 0 17px;color:#a38e5d5e;letter-spacing:.3em;font-size:7px}
.dk-table-edge i{width:50px;height:1px;background:linear-gradient(90deg,transparent,#ad8d4d40)}
.dk-table-edge i:last-child{transform:rotate(180deg)}
.dk-command{display:flex;gap:13px;align-items:center;margin:18px 0 9px;padding:16px 19px;border:1px solid #88759629;border-radius:14px;background:#17131f7a;min-height:85px;transition:border-color .2s}
.dk-command.is-your-turn{border-color:#baa16249;background:linear-gradient(110deg,#bd9b4c0c,#17131f7a)}
.dk-command__icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#c8ad76;background:#c8a2630b;border:1px solid #b39a632d;flex:none}
.dk-command__icon svg{width:19px;height:19px}
.dk-command__text{display:grid;gap:5px;flex:1;min-width:0}
.dk-command__text b{font-size:14px;color:#efdfbd;font-weight:600}
.dk-command__text span{font-size:11px;color:#a9a0b4;line-height:1.5}
.dk-command__actions{flex:none;min-width:165px;display:flex;justify-content:flex-end}
.dk-command .bg-button{min-height:42px;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center}
.dk-command .bg-button svg{width:17px;height:17px}
.dk-command .dk-take{color:#d8cbb8}
.dk-wait{display:flex;align-items:center;gap:8px;font-size:11px;color:#a99fba}
.dk-wait i{width:11px;height:11px;border-radius:50%;border:1px solid #a99fba32;border-top-color:#c2a876;animation:dk-spin 1s linear infinite}
.dk-action-tip{font-size:11px;color:#c3ad80;display:flex;align-items:center;gap:9px}
.dk-action-tip span{font-size:18px;animation:dk-point 1.6s ease-in-out infinite}
.dk-player{padding:10px 3px 0}
.dk-player-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px}
.dk-player-head>div{display:flex;align-items:center;gap:9px;min-width:0}
.dk-player-head b{font-size:12px;color:#ded5e8;font-weight:500;text-overflow:ellipsis;max-width:200px;overflow:hidden;white-space:nowrap}
.dk-player-head>div>span:last-child{font-size:10px;color:#90889f;white-space:nowrap}
.dk-player-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#d2b475;box-shadow:0 0 9px #d2b47550}
.dk-legal-hint{font-size:10px;color:#a090b0;text-align:right}
.dk-hand{display:flex;justify-content:safe center;align-items:flex-start;gap:9px;padding:22px 10px 21px;overflow-x:auto;overflow-y:hidden;min-height:164px;scrollbar-width:thin;scrollbar-color:#7d668f45 transparent;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.dk-hand .dk-card{scroll-snap-align:start}
.dk-hand-empty{display:flex;align-items:center;justify-content:center;gap:10px;align-self:center;width:100%;min-height:100px;color:#bda981;font-size:13px}
.dk-hand-empty svg{width:22px;height:22px}
.dk-history{margin:8px 3px 0;border-top:1px solid #b79ab31d;color:#a497ac}
.dk-history summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;font-size:11px;padding:7px 5px;user-select:none}
.dk-history summary::-webkit-details-marker{display:none}
.dk-history summary>span:first-child{display:flex;align-items:center;gap:7px}
.dk-history summary svg{width:15px;height:15px;color:#b49b74}
.dk-history summary small{font-size:9px;margin-left:auto;color:#756e83}
.dk-history-chevron{margin-left:5px;color:#aa9eaf;font-size:14px;transition:transform .2s}
.dk-history[open] .dk-history-chevron{transform:rotate(180deg)}
.dk-history ol{padding:0 7px 10px;margin:0;list-style:none;display:grid;gap:8px;font-size:10px;line-height:1.6}
.dk-history li{padding-left:12px;position:relative;color:#8f859d}
.dk-history li:before{content:'';position:absolute;left:0;top:7px;width:3px;height:3px;border-radius:50%;background:#9d8756}
.dk-history li:first-child{color:#d4c6df}
.dk-history li.is-result{color:#dec68c}
@media(hover:hover){.dk-hand .dk-card.is-playable:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 12px 24px #0006,0 0 22px #d4ab572d;border-color:#fff0b6}.dk-history summary:hover{color:#e0d5e9}}
@keyframes dk-card-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes dk-spin{to{transform:rotate(360deg)}}
@keyframes dk-point{50%{transform:translateY(3px)}}
@media(min-width:1100px){.dk-game{--dk-card-w:92px;--dk-card-h:129px}.dk-table-wrap{min-height:391px}.dk-fan{height:91px}.dk-arena{min-height:192px}.dk-battleground{gap:25px}.dk-hand{gap:12px;min-height:172px}}
@media(max-width:760px){.dk-game{--dk-card-w:75px;--dk-card-h:105px}.dk-meta{padding:0 3px 12px;gap:8px}.dk-round{font-size:9px;gap:6px}.dk-meta .bg-kicker{font-size:9px;letter-spacing:.12em}.dk-table-wrap{padding:18px 11px 0;border-radius:20px;min-height:327px}.dk-table-wrap:before{inset:8px;border-radius:14px}.dk-table-glow{inset:65px 4% 24px}.dk-opponent{gap:8px}.dk-avatar{width:38px;height:38px}.dk-opponent b{font-size:12px}.dk-role{font-size:8px;padding:4px 5px;margin-left:2px}.dk-fan{height:77px;padding-top:12px}.dk-arena{grid-template-columns:82px minmax(0,1fr) 58px;gap:7px;min-height:161px}.dk-deck-art{width:80px;height:87px;--dk-card-w:49px;--dk-card-h:70px}.dk-trump-card{left:23px;top:13px}.dk-deck-back{left:3px;top:5px}.dk-deck-count{left:-3px;top:-1px;min-width:22px;height:22px;font-size:10px}.dk-deck-empty{width:49px;height:70px;font-size:25px}.dk-discard-art{width:44px;height:76px;--dk-card-w:43px;--dk-card-h:61px;margin-top:9px}.dk-discard-count{font-size:15px;top:18px;min-width:22px}.dk-pile b{font-size:9px}.dk-pile>span{font-size:8px}.dk-pile--discard>span{max-width:60px;text-align:center;line-height:1.4}.dk-battleground{min-height:154px;gap:13px;padding:12px 0 18px}.dk-pair{width:calc(var(--dk-card-w) + 11px);height:calc(var(--dk-card-h) + 13px)}.dk-pair__defense{left:11px;top:13px}.dk-table-edge{padding:5px 0 14px;font-size:6px;letter-spacing:.23em}.dk-command{gap:10px;padding:13px 14px;flex-wrap:wrap;margin-top:13px;min-height:87px}.dk-command__text b{font-size:13px}.dk-command__text span{font-size:10px}.dk-command__icon{width:32px;height:32px}.dk-command__actions{min-width:0}.dk-command .bg-button{font-size:11px;padding-left:13px;padding-right:13px;min-height:40px}.dk-wait{font-size:10px}.dk-player-head b{font-size:11px;max-width:145px}.dk-player-head>div{gap:7px}.dk-player-head>div>span:last-child{font-size:9px}.dk-legal-hint{font-size:9px;max-width:160px;line-height:1.4}.dk-hand{padding:18px 6px 17px;gap:7px;min-height:142px}.dk-card__corner{font-size:15px;left:5px;top:5px}.dk-card__corner--bottom{inset:auto 5px 5px auto}.dk-card__corner .dk-suit{width:9px;height:9px}.dk-card__center>.dk-suit{width:25px;height:27px}.dk-card__center .dk-card__crown{width:30px;height:20px}.dk-card{border-radius:7px}.dk-table-empty b{font-size:11px}.dk-table-empty small{font-size:9px}.dk-table-sigil{width:35px;height:35px}.dk-table-sigil svg{width:19px;height:19px}}
@media(max-width:470px){.dk-game{--dk-card-w:65px;--dk-card-h:92px}.dk-meta{align-items:flex-start}.dk-round{font-size:8px;gap:5px;padding-top:1px}.dk-meta .bg-kicker{font-size:8px}.dk-table-wrap{padding:15px 7px 0;min-height:315px}.dk-role{display:none}.dk-opponent>div>span{font-size:9px}.dk-fan{height:74px}.dk-arena{grid-template-columns:63px minmax(0,1fr) 44px;gap:4px;min-height:165px;align-items:center}.dk-deck-art{width:62px;height:74px;--dk-card-w:41px;--dk-card-h:59px}.dk-trump-card{left:18px;top:12px}.dk-deck-back{left:1px;top:7px}.dk-deck-count{top:2px;left:-2px;min-width:20px;height:20px;font-size:9px}.dk-deck-art .dk-card__corner{font-size:10px;top:4px;left:4px;gap:1px}.dk-deck-art .dk-card__corner--bottom{inset:auto 4px 4px auto}.dk-deck-art .dk-card__corner .dk-suit{width:6px;height:6px}.dk-deck-art .dk-card__center>.dk-suit{width:16px;height:18px}.dk-deck-art .dk-card__crown{width:17px;height:11px}.dk-deck-art .dk-card__center i{display:none}.dk-deck-art .dk-card:before{inset:3px}.dk-deck-empty{width:41px;height:59px;font-size:23px;margin-top:7px}.dk-pile{gap:4px}.dk-pile b{font-size:8px;white-space:nowrap}.dk-trump-label{font-size:8px!important;gap:3px}.dk-trump-label svg{width:10px;height:10px}.dk-pile--discard>span{font-size:7px}.dk-discard-art{width:34px;height:61px;--dk-card-w:33px;--dk-card-h:48px}.dk-discard-count{font-size:12px;top:13px;min-width:19px}.dk-discard-outline{bottom:13px}.dk-cardback:before{inset:3px}.dk-battleground{gap:10px;min-height:147px;padding-top:14px}.dk-pair{width:calc(var(--dk-card-w) + 9px);height:calc(var(--dk-card-h) + 11px)}.dk-pair__defense{left:9px;top:11px}.dk-pair.is-covered{margin-right:2px}.dk-pair__check{width:19px;height:19px;bottom:-2px;right:-3px;font-size:10px}.dk-pair__await{width:21px;height:21px}.dk-pair__await svg{width:12px;height:12px}.dk-table-empty{padding:4px;gap:6px}.dk-table-empty small{font-size:8px;max-width:140px}.dk-table-empty b{font-size:10px}.dk-table-edge{padding-top:2px}.dk-table-edge i{width:32px}.dk-command{padding:12px;gap:9px}.dk-command__icon{width:30px;height:30px;align-self:flex-start;margin-top:2px}.dk-command__text{min-width:calc(100% - 43px)}.dk-command__text b{font-size:12px}.dk-command__text span{font-size:10px}.dk-command__actions{width:100%;margin-top:1px;padding-left:39px;justify-content:flex-start}.dk-command .bg-button{min-height:40px;width:100%;font-size:11px}.dk-action-tip{font-size:10px}.dk-wait{padding-top:4px;font-size:10px}.dk-player-head{gap:6px}.dk-player-head b{max-width:115px;font-size:10px}.dk-player-head>div>span:last-child{font-size:8px}.dk-legal-hint{max-width:125px;font-size:8px}.dk-hand{padding:16px 5px 18px;gap:7px;min-height:129px;--dk-card-w:65px;--dk-card-h:92px;justify-content:flex-start}.dk-hand .dk-card:only-child{margin-left:auto;margin-right:auto}.dk-card__corner{font-size:13px}.dk-card__corner .dk-suit{width:8px;height:8px}.dk-card__center>.dk-suit{width:22px;height:24px}.dk-card__center .dk-card__crown{width:27px;height:18px}.dk-card__center>i{inset:-7px -6px}.dk-history summary{font-size:10px}.dk-history summary small{font-size:8px}.dk-history ol{font-size:9px}.dk-hand-empty{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dk-game *{animation:none!important;transition:none!important}.dk-hand .dk-card:hover{transform:none}}