.cl-card{position:absolute;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .12);transition:box-shadow .15s,filter .15s;cursor:pointer;touch-action:none}.cl-card.is-up{background:linear-gradient(180deg,#fbfffd 0%,var(--foam) 100%);box-shadow:0 1px #fff9 inset,0 2px 6px #00000059;border:1px solid rgba(7,35,37,.18);color:var(--ink)}.cl-card.is-up.is-red{color:var(--card-red)}.cl-card.is-down{box-shadow:0 2px 5px #00000059;overflow:hidden;border:1px solid rgba(233,246,241,.22)}.cl-idx{position:absolute;left:calc(var(--cw) * .07);top:calc(var(--cw) * .03);display:flex;align-items:baseline;gap:1px;line-height:1}.cl-idx b{font-family:var(--font-head);font-weight:700;font-size:calc(var(--cw) * .4);letter-spacing:-.04em}.cl-idx i{font-style:normal;font-size:calc(var(--cw) * .33)}.cl-pip{position:absolute;left:0;right:0;bottom:calc(var(--ch) * .08);text-align:center;font-size:calc(var(--cw) * .62);line-height:1}.cl-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.cl-idx2{left:auto;top:auto;right:calc(var(--cw) * .07);bottom:calc(var(--cw) * .03);transform:rotate(180deg)}.cl-frame{position:absolute;left:9%;right:9%;top:31%;bottom:7%;border-radius:calc(var(--cw) * .08);border:max(1.5px,calc(var(--cw) * .03)) solid currentColor;box-shadow:inset 0 0 0 max(1px,calc(var(--cw) * .022)) #ffc23d;background:linear-gradient(180deg,#07232514,#2fc4b22e);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;overflow:hidden}.cl-card.is-red .cl-frame{background:linear-gradient(180deg,#ff5e6c1a,#ffc23d3d)}.cl-frame-motif{width:62%;display:block;margin-bottom:calc(var(--cw) * .04)}.cl-frame-motif svg{width:100%;height:auto;display:block}.cl-frame span.cl-frame-rank{display:flex;align-items:baseline;gap:1px}.cl-frame b{font-family:var(--font-head);font-weight:700;font-size:calc(var(--cw) * .42)}.cl-frame i{font-style:normal;font-size:calc(var(--cw) * .28)}.cl-card.is-stacked .cl-idx2{display:none}.cl-back{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(255,194,61,.9) 22% 30%,transparent 30%),repeating-linear-gradient(45deg,#0c3a3d 0,#0c3a3d 5px,#0f4a4c 5px,#0f4a4c 10px);border:calc(var(--cw) * .06) solid #e9f6f1;border-radius:inherit}.cl-backart{width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit;display:block}.cl-card.is-selected{box-shadow:0 0 0 3px var(--sun),0 6px 14px #0006}.cl-card.is-hinted:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;box-shadow:inset 0 0 0 3px var(--sun),0 0 14px #ffc23dbf;animation:cl-hint 1s ease-in-out 3}.cl-card.is-hinted:after{opacity:1;box-shadow:inset 0 0 0 3px var(--sun),0 0 0 2px var(--sun),0 0 16px #ffc23de6;animation:cl-hint-ring .9s ease-in-out infinite alternate}@keyframes cl-hint-ring{0%{opacity:.55}to{opacity:1}}.cl-app[data-sheet] .cl-card.is-hinted:after{animation-play-state:paused}.cl-card.is-dim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#07232521;pointer-events:none;z-index:2}@keyframes cl-hint{50%{opacity:1}}.cl-slot{position:absolute;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .12);border:2px dashed rgba(233,246,241,.22);display:grid;place-items:center;color:#e9f6f147;font-size:calc(var(--cw) * .5);cursor:pointer}.cl-slot.is-active{border-color:var(--sun);color:var(--sun)}.cl-ace{position:absolute;left:14%;right:14%;bottom:8%;top:30%;width:72%;height:62%;object-fit:contain;pointer-events:none}.cl-card.is-court .cl-idx{background:#fbfffdf2;border-radius:calc(var(--cw) * .08);padding:calc(var(--cw) * .02) calc(var(--cw) * .05) calc(var(--cw) * .03);left:calc(var(--cw) * .04);top:calc(var(--cw) * .03);box-shadow:0 1px 2px #07232559;z-index:1}.cl-card.is-court .cl-idx2{left:auto;top:auto;right:calc(var(--cw) * .04);bottom:calc(var(--cw) * .03)}.cl-pips{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cl-pips i{position:absolute;font-style:normal;font-size:calc(var(--cw) * .24);line-height:1;transform:translate(-50%,-50%)}.cl-pips i.is-flip{transform:translate(-50%,-50%) rotate(180deg)}.cl-app[data-table][data-table-art][style*=scene-cards]{background-size:max(116%,calc(116vh * 1170 / 2532)) auto;background-position:center}.cl-app.cl-shell[data-table-art][style*=scene-cards]{--rail: max(0px, calc(50vw - (.405*max(116vw, 116vh * 1170 / 2532))) )}.cl-app.cl-shell[data-table-art][style*=scene-cards] .cl-bottom{background:linear-gradient(180deg,#061618f5,#051315);box-shadow:0 -1px #e9f6f11a,0 -8px 18px #00000040}.cl-app.cl-shell[data-table-art][style*=scene-cards] .cl-top{padding-left:max(10px,calc(var(--rail) + 4px));padding-right:max(10px,calc(var(--rail) + 4px))}.cl-app.cl-shell[data-table-art][style*=scene-cards] .cl-board{margin-left:var(--rail);margin-right:var(--rail)}.cl-shell .cl-callout:has(~.cl-callout){display:none}.cl-shell .cl-board:has([data-watching]) .cl-callout{display:none}.cl-shell[data-sheet] .cl-toast{bottom:auto;top:calc(var(--safe-top, 0px) + 12px)}.cl-shell[data-sheet] .cl-callout{display:none}.cl-target{position:absolute;width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .12);pointer-events:none;z-index:80;border:3px dashed var(--sun);background:#ffc23d29;box-shadow:0 0 18px #ffc23dcc;animation:cl-hint-ring .9s ease-in-out infinite alternate}.cl-target:after{content:"▼";position:absolute;left:50%;top:calc(var(--cw) * -.5);transform:translate(-50%);color:var(--sun);font-size:calc(var(--cw) * .42);line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.6)}.cl-app[data-sheet] .cl-target{animation-play-state:paused}.cl-pairflash{position:absolute;border-radius:10%;pointer-events:none;z-index:90;border:3px solid var(--sun);background:#ffc23d59;box-shadow:0 0 22px #ffc23df2;animation:cl-pairflash .45s ease-out forwards}@keyframes cl-pairflash{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.cl-card.is-nope:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 3px var(--card-red, #ff5e6c),0 0 12px #ff5e6ccc;animation:cl-nope .5s ease-out forwards}@keyframes cl-nope{0%,60%{opacity:1}to{opacity:0}}.cl-card.is-court .cl-idx.cl-idx2{transform:none;background:#ffffffe6}