.tc{--tc-ink:var(--ink);--tc-line:var(--ink);--tc-tint:#f3f5ff;--tc-tile:var(--sky);border:2.5px solid var(--rule);min-height:196px;color:var(--ink);transition:border-color .15s, transform .2s var(--spring);--tc-hatch:var(--hatch);background:#fff;border-radius:26px;flex-direction:column;flex:auto;text-decoration:none;display:flex;overflow:hidden}.tc[data-tone=rising]{--tc-ink:var(--up-ink);--tc-line:var(--up);--tc-tint:#eef8ea;--tc-hatch:var(--hatch-up)}.tc[data-tone=fading]{--tc-ink:var(--down-ink);--tc-line:var(--down);--tc-tint:#fbf1f6;--tc-hatch:var(--hatch-down)}.tc[data-tone=menu]{--tc-ink:var(--muted);--tc-tint:#fffaf0;--tc-tile:var(--butter)}button.tc{width:100%;font:inherit;text-align:left;cursor:pointer;padding:0}a.tc:hover,button.tc:hover{border-color:var(--ink);transform:translateY(-2px)}a.tc:focus-visible,button.tc:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}.tc-head{align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.tc-tile{background:var(--tc-tile);border-radius:14px;flex:0 0 56px;place-items:center;height:64px;display:grid}.tc-art{width:50px;height:50px}.tc-names{flex-direction:column;gap:3px;min-width:0;display:flex}.tc-name{font:400 1.1875rem/1.05 var(--display);letter-spacing:.005em;overflow-wrap:anywhere}.tc-phrase{font-size:.8125rem;font-weight:600;line-height:1.3}.tc-word{color:var(--tc-ink)}.tc-kind{color:var(--muted)}.tc-foot{background:var(--tc-tint);height:104px;margin-top:auto;display:block;position:relative}.tc-price{color:var(--tc-ink);flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex;position:absolute;top:8px;left:14px;right:14px}.tc-price b{font:400 1.625rem/1 var(--display)}.tc-price{text-shadow:0 0 2px var(--tc-tint), 0 0 4px var(--tc-tint), 0 0 6px var(--tc-tint)}.tc-price small{font-size:.75rem;font-weight:600;line-height:1.3}.tc-line{width:100%;height:58px;display:block;position:absolute;bottom:0;left:0;right:0}.tc-hatch{opacity:.36}.tc-stroke{fill:none;stroke:var(--tc-line);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.tc-fade-top{stop-color:var(--tc-line);stop-opacity:.32}.tc-fade-end{stop-color:var(--tc-line);stop-opacity:.04}.tc-slot{color:var(--ink);font-size:.8125rem;line-height:1.35;position:absolute;bottom:12px;left:14px;right:14px}.tc:not([data-tone=menu]) .tc-foot:has(>.tc-slot):before{content:"";opacity:.5;background:var(--tc-hatch), color-mix(in srgb, var(--tc-line) 14%, transparent);height:16px;position:absolute;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle at 6px 6px,#000 5.6px,#0000 6px) 0 0/12px 12px repeat-x,linear-gradient(#000,#000) 0 6px/100% 10px no-repeat;mask:radial-gradient(circle at 6px 6px,#000 5.6px,#0000 6px) 0 0/12px 12px repeat-x,linear-gradient(#000,#000) 0 6px/100% 10px no-repeat}.tc:not([data-tone=menu]) .tc-foot:has(>.tc-slot):after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 22'%3E%3Cg fill='%23fff' fill-opacity='.85' stroke='%231f33b8' stroke-width='1.4'%3E%3Ccircle cx='7' cy='16' r='4.4'/%3E%3Ccircle cx='17' cy='9.5' r='3.2'/%3E%3Ccircle cx='24' cy='3.6' r='2.3'/%3E%3C/g%3E%3Cg fill='none' stroke='%231f33b8' stroke-width='.9' stroke-linecap='round' opacity='.6'%3E%3Cpath d='M4.6 15.6A2.4 2.4 0 0 1 6.6 13.6'/%3E%3Cpath d='M15.3 9.2A1.8 1.8 0 0 1 16.7 7.8'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;width:34px;height:27px;position:absolute;bottom:5px;right:12px}.tc:not([data-tone=menu]) .tc-foot>.tc-slot{color:var(--tc-ink);font-weight:500;bottom:22px}.tc-stroke.fm-wipe{--fm-d:.18s;--fm-t:.8s}.tc-under.fm-wipe{--fm-d:.26s;--fm-t:.8s}@container (max-width:210px){.tc{border-radius:20px;min-height:0}.tc-head{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 10px 8px}.tc-tile{border-radius:12px;flex:none;width:48px;height:52px}.tc-art{width:42px;height:42px}.tc-name{font-size:1.0625rem}.tc-phrase{font-size:.75rem}.tc-foot{height:100px}.tc-price{top:8px;left:10px;right:10px}.tc-price b{font-size:1.375rem}.tc-slot{font-size:.75rem;bottom:10px;left:10px;right:10px}.tc:not([data-tone=menu]) .tc-foot>.tc-slot{bottom:20px}.tc:not([data-tone=menu]) .tc-foot:has(>.tc-slot):after{right:8px}}.tc-skel{pointer-events:none}.tc-skel .tc-tile{background:var(--sky)}.tc-bone{background:var(--sky-2);border-radius:8px;height:16px;display:block}.tc-bone-s{height:12px}.tc-skel .tc-names{flex:1;gap:8px}@media (prefers-reduced-motion:no-preference){.tc-skel{animation:1.4s ease-in-out infinite tc-pulse}}@keyframes tc-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.tc,a.tc:hover,button.tc:hover{transition:none;transform:none}}