@layer components{.screen.cl-stage{min-width:0;height:100%;color:var(--on-dark);background:radial-gradient(90% 60% at 30% 0,#123526 0%,#07120d 70%);grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:18px;padding:16px 18px 14px;display:grid}.cl-stage .kb{width:100%}.cl-board{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.cl-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.cl-pips{gap:5px;display:flex}.cl-pips i{background:#ffffff29;border-radius:50%;width:9px;height:9px}.cl-pips i.is-used{background:#ffffff8c}.cl-pips i.is-hit{background:var(--rn)}.cl-rows{scrollbar-width:thin;scrollbar-color:#fff3 transparent;align-content:start;gap:8px;min-height:0;margin:0;padding:0 2px 2px 0;list-style:none;display:grid;overflow-y:auto}.cl-row{animation:cl-in .36s var(--ease-out) both;background:#ffffff0d;border-radius:16px;gap:6px;padding:10px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff12}@keyframes cl-in{0%{opacity:0;transform:translateY(-10px)}}.cl-who{align-items:center;gap:8px;min-width:0;padding:0 2px;font-size:15px;display:flex}.cl-who b{white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.cl-flag{background:50%/cover no-repeat;border-radius:3px;flex:none;width:21px;height:14px;box-shadow:0 0 0 1px #00000059}.cl-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.cl-tile{min-width:0;min-height:50px;color:var(--on-dark);animation:cl-flip .42s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms);background:#2a2f2c;border-radius:10px;align-content:center;gap:1px;padding:5px 7px;display:grid}.cl-tile small{letter-spacing:.04em;opacity:.62;font-size:10px;font-weight:700}.cl-tile b{align-items:center;gap:4px;min-width:0;font-size:13.5px;font-weight:750;line-height:1.15;display:flex}.cl-tile .cl-flag{width:17px;height:12px}.cl-tile-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cl-tile.is-hit{color:#0d0d0f;background:var(--rn)}.cl-tile.is-near{color:#0d0d0f;background:#ffc83a}.cl-arrow{flex:none;width:12px;height:12px}.cl-arrow.is-down{transform:rotate(180deg)}@keyframes cl-flip{0%{opacity:.2;transform:rotateX(90deg)}to{opacity:1;transform:none}}.cl-facts{background:#00000047;border-radius:14px;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.cl-facts div{gap:1px;min-width:0;padding:2px 4px;display:grid}.cl-facts dt{letter-spacing:.04em;opacity:.55;font-size:10px;font-weight:700}.cl-facts dd{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;min-width:0;margin:0;font-size:13px;font-weight:750;display:flex;overflow:hidden}.cl-facts .cl-flag{width:16px;height:11px}.cl-facts .is-sure dd{color:var(--rn)}.cl-facts .is-blank dd{opacity:.35}@container (max-width:759px){.cl-facts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4px;padding:6px}}.cl-reveal{color:#0d0d0f;background:var(--rn);animation:pop .38s var(--ease-pop) both;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.cl-reveal.is-lost{color:#fff;background:#3b2a2a;box-shadow:inset 0 0 0 1.5px #ff4d4f}.cl-reveal .cl-flag{width:36px;height:24px}.cl-reveal div{min-width:0;display:grid}.cl-reveal small{opacity:.7;font-size:12px;font-weight:700}.cl-reveal b{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:800;overflow:hidden}.cl-reveal span{opacity:.75;font-size:13px;font-weight:600}.cl-empty{text-align:center;max-width:380px;color:var(--on-dark-dim);margin:auto;font-size:14.5px;line-height:1.45}.cl-side{flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;min-height:0;display:flex}.cl-wait{color:var(--on-dark-dim);margin:auto;font-size:16px;font-weight:650}.cl-toast{z-index:7;text-align:center;color:#0d0d0f;max-width:calc(100% - 24px);animation:pop .24s var(--ease-pop) both;background:#fff;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:650;position:absolute;top:12px;left:50%;translate:-50%}.cl-sum{gap:8px;min-width:0;display:grid}.cl-sum-name{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:750}.cl-sum-sub{color:var(--stage-dim);margin:0;font-size:13.5px}.cl-sum-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cl-sum .cl-row{color:#fff;background:#17201b;padding:8px;animation:none}.cl-sum .cl-tile:not(.is-hit):not(.is-near){color:#fff}.cl-sum .cl-tile{min-height:40px;animation:none}.cl-sum .cl-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}@media (prefers-reduced-motion:reduce){.cl-row,.cl-tile,.cl-toast,.cl-reveal{animation:none}}@container (max-width:759px){.screen.cl-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 10px 8px}.cl-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.cl-tile{min-height:44px}.cl-row{border-radius:14px;padding:8px}.cl-stage .pp{--pp-list:230px}}}