.cx.mint{--bg:#dff8ee;--ac:#17b890;--ac2:#ffe14d;--ac3:#ff8fb1}.cx.grape{--bg:#ece4ff;--ac:#7a4dff;--ac2:#ffd23f;--ac3:#5be0c4}.cx .tile{font:inherit;text-align:left;background:var(--cd);border:3px solid var(--ink);border-radius:14px;padding:10px 12px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);color:var(--ink);transition:transform .1s,box-shadow .1s}.cx .tile:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.cx .tile.on{background:var(--ac);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.cx .tile b{display:block;font-size:24px;font-weight:900;line-height:1.1}.cx .tile span{font-size:13px;font-weight:700}.cx .pc{font:inherit;font-weight:800;font-size:14px;padding:6px 12px;border:3px solid var(--ink);border-radius:999px;background:var(--ac2);cursor:pointer;color:var(--ink)}.cx .pc:hover{background:var(--ac3)}.cx .cd{position:relative;font:inherit;text-align:left;border:3px solid var(--ink);border-radius:14px;padding:12px 14px;cursor:pointer;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--cd)}.cx .cd:nth-child(4n+1){background:var(--ac2)}.cx .cd:nth-child(4n+2){background:var(--ac3)}.cx .cd:nth-child(4n+4){background:#fff}.cx .cd:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.cx .cd:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.cx .cd small{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.cx .cd b{display:block;font-size:clamp(20px,3.8vw,26px);font-weight:900;margin-top:4px;word-break:break-word;line-height:1.15}.cx .cd.me{border-style:dashed;box-shadow:none;background:var(--bg)}.cx .cd.wide{grid-column:1/-1;background:var(--ink);color:#fff}.cx .cd.wide small{color:var(--ac2)}.cx .tag{position:absolute;right:10px;top:-12px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}.cx .toast.show{opacity:1}