.cx-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.5rem}.cx-toggle-group{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:.25rem;gap:.25rem;background:#fffdf7bf}.cx-toggle{border:none;background:transparent;color:var(--ink-muted);font-weight:700;font-size:.82rem;letter-spacing:.1em;padding:.45rem 1.15rem;border-radius:999px;cursor:pointer;transition:background-color .25s ease,color .25s ease}.cx-toggle:hover{color:var(--shu)}.cx-toggle[aria-pressed=true]{background:var(--shu);color:#fdf6e9}.cx-toggle:focus-visible{outline:2px solid var(--kin);outline-offset:2px}.cx-stage{position:relative;height:min(72svh,700px);overflow:hidden;touch-action:pan-y}@media(min-width:1200px){.cx-stage{height:700px}}.cx-stage canvas{display:block;touch-action:pan-y}.cx-stage-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--ink-muted);font-size:.85rem;letter-spacing:.2em}.cx-spinner{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--shu);animation:cx-spin .9s linear infinite}@keyframes cx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cx-spinner{animation-duration:2.4s}}.cx-stage-hint{margin-top:.5rem;text-align:center;font-size:.72rem;letter-spacing:.2em;color:var(--ink-faint);pointer-events:none}.cx-ring{position:relative}.cx-ring-stage{position:relative;height:min(50svh,440px);perspective:1400px;perspective-origin:50% 50%;overflow:hidden;cursor:grab;touch-action:pan-y;outline:none}.cx-ring-stage.is-dragging{cursor:grabbing}.cx-ring-stage:focus-visible{outline:2px solid var(--kin);outline-offset:-2px;border-radius:4px}@media(min-width:1200px){.cx-ring-stage{height:460px}}.cx-ring-track{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.cx-ring-stage.is-dragging .cx-ring-track{transition:none}.cx-ring-card{position:absolute;width:var(--cx-card-w);height:var(--cx-card-h);margin-left:calc(var(--cx-card-w) / -2);margin-top:calc(var(--cx-card-h) / -2);transition:opacity .5s ease;will-change:transform,opacity}.cx-ring-card-button{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative;transition:transform .3s ease}.cx-ring-card-button:disabled{cursor:default}.cx-ring-card.is-front .cx-ring-card-button:hover{transform:translateY(-6px)}.cx-ring-card-image{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;filter:saturate(.85);transition:filter .4s ease}.cx-ring-card.is-front .cx-ring-card-image{filter:none}.cx-ring-card.is-selected .cx-ring-card-image{filter:drop-shadow(0 10px 24px rgba(194,64,42,.35))}.cx-ring-card-fav{position:absolute;top:.4rem;right:.5rem;color:var(--shu);font-size:1rem;text-shadow:0 1px 3px rgba(255,253,247,.9)}.cx-ring-card-label{position:absolute;left:-1.5rem;right:-1.5rem;top:calc(100% + .75rem);display:flex;flex-direction:column;gap:.15rem;text-align:center;opacity:0;transition:opacity .35s ease;pointer-events:none}.cx-ring-card.is-front .cx-ring-card-label{opacity:1}.cx-ring-card-name{font-family:var(--font-mincho);font-size:clamp(1.05rem,calc(var(--cx-card-w) * .072),1.5rem);font-weight:700;line-height:1.35;letter-spacing:.06em;color:var(--ink)}.cx-ring-card-menu{font-size:clamp(.72rem,calc(var(--cx-card-w) * .045),.9rem);letter-spacing:.06em;color:var(--ink-muted)}.cx-list-thumb--chara{object-fit:contain;padding:.5rem;background:#fff}.cx-ring-nav{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin-top:.6rem}.cx-ring-btn{border:1px solid var(--line-strong);background:transparent;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.18em;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.cx-ring-btn:hover{border-color:var(--shu);color:var(--shu);background:#c2402a0d}.cx-ring-btn:focus-visible{outline:2px solid var(--kin);outline-offset:2px}.cx-ring-counter{font-family:var(--font-mincho);font-size:.85rem;letter-spacing:.14em;color:var(--ink-muted);min-width:5.5rem;text-align:center}.cx-ring-counter-current{font-size:1.15rem;font-weight:700;color:var(--kin-soft)}@media(prefers-reduced-motion:reduce){.cx-ring-track{transition-duration:.01ms}}.cx-stage-wrap{position:relative}.cx-caption{position:absolute;left:50%;bottom:3.4rem;transform:translate(-50%);width:min(92%,30rem);text-align:center;background:linear-gradient(to bottom,#f3efe500,#f3efe5eb 22%,#f3efe5f5);padding:1.2rem .5rem .4rem;border-radius:6px;animation:cx-caption-in .35s ease}@keyframes cx-caption-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}}@media(prefers-reduced-motion:reduce){.cx-caption{animation:none}}.cx-caption-name{font-family:var(--font-mincho);font-size:1.3rem;font-weight:700;letter-spacing:.1em;color:var(--ink)}.cx-caption-menu{margin-top:.15rem;font-size:.85rem;letter-spacing:.06em;color:var(--ink-muted)}.cx-caption-actions{margin-top:.8rem;display:flex;justify-content:center;gap:.6rem}.cx-caption-close{position:absolute;top:-3.2rem;right:0;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:50%;border:1px solid var(--line-strong);background:#fffdf7e6;color:var(--ink);font-size:1.05rem;cursor:pointer}.cx-caption-close:hover{border-color:var(--shu);color:var(--shu)}.cx-caption-close:focus-visible{outline:2px solid var(--kin);outline-offset:2px}.cx-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;list-style:none;margin:0;padding:0}.cx-list-card{display:flex;flex-direction:column;width:100%;text-align:left;background:#fffdf7b3;border:1px solid var(--line);border-radius:6px;overflow:hidden;cursor:pointer;color:var(--ink);padding:0;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.cx-list-card:hover{border-color:var(--kin);transform:translateY(-2px);box-shadow:0 8px 20px #2b262014}.cx-list-card:focus-visible{outline:2px solid var(--kin);outline-offset:2px}.cx-list-card--coming{cursor:default;opacity:.7}.cx-list-card--coming:hover{border-color:var(--line);transform:none;box-shadow:none}.cx-list-thumb{aspect-ratio:4 / 3;width:100%;object-fit:contain;padding:6%;background:transparent}.cx-list-thumb--logo{object-fit:contain;padding:12%}.cx-list-body{padding:.75rem .9rem .9rem;border-top:1px solid var(--line)}.cx-list-name{font-family:var(--font-mincho);font-weight:700;font-size:.95rem;letter-spacing:.06em;display:flex;align-items:center;gap:.4em}.cx-list-menu{margin-top:.2rem;font-size:.75rem;color:var(--ink-muted);letter-spacing:.04em}.cx-fav-mark{color:var(--shu);font-size:.8em}.cx-select-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}.cx-select-row label{font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--ink-muted)}.cx-select{min-width:240px;background:#fffdf7;border:1px solid var(--line-strong);border-radius:3px;padding:.55rem .8rem;font-size:.95rem;color:var(--ink)}.cx-select:focus-visible{outline:none;border-color:var(--kin);box-shadow:0 0 0 3px #a87b1c2e}.cx-select option{background:#fffdf7;color:var(--ink)}.cx-dialog-backdrop{position:fixed;inset:0;z-index:80;background:#2b262066;backdrop-filter:blur(2px);animation:cx-fade-in .25s ease}.cx-dialog{position:fixed;z-index:81;background:var(--bg-elev);border:1px solid var(--line-strong);overflow-y:auto;overscroll-behavior:contain;inset:auto 0 0;max-height:86svh;border-radius:14px 14px 0 0;animation:cx-slide-up .32s ease;box-shadow:0 -8px 40px #2b262029}@media(min-width:1024px){.cx-dialog{inset:0 0 0 auto;width:min(460px,92vw);max-height:none;border-radius:0;border-top:none;border-right:none;animation:cx-slide-left .3s ease;box-shadow:-8px 0 40px #2b262024}}@keyframes cx-fade-in{0%{opacity:0}}@keyframes cx-slide-up{0%{transform:translateY(24px);opacity:.4}}@keyframes cx-slide-left{0%{transform:translate(32px);opacity:.4}}@media(prefers-reduced-motion:reduce){.cx-dialog-backdrop,.cx-dialog,.cx-caption{animation:none}}.cx-dialog-inner{padding:1.4rem 1.4rem 2rem}.cx-dialog-close{position:sticky;top:.4rem;margin-left:auto;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--ink);font-size:1.1rem;cursor:pointer;z-index:2}.cx-dialog-close:hover{border-color:var(--shu);color:var(--shu)}.cx-dialog-close:focus-visible{outline:2px solid var(--kin);outline-offset:2px}.cx-dialog-logo{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fffdf7;border:1px solid var(--line)}.cx-dialog-photo{width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:6px;border:1px solid var(--line);background:#fffdf7}.cx-badge-row{display:flex;flex-wrap:wrap;gap:.4rem}.cx-chip{display:inline-flex;align-items:center;gap:.35em;font-size:.72rem;font-weight:700;letter-spacing:.08em;border:1px solid var(--line-strong);border-radius:999px;padding:.15em .75em;color:var(--ink-muted)}.cx-chip--warn{border-color:#a87b1c8c;color:var(--kin-soft);background:#a87b1c14}.cx-fav-button{display:inline-flex;align-items:center;gap:.5em;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink);font-weight:700;font-size:.85rem;letter-spacing:.08em;padding:.55rem 1.3rem;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.cx-fav-button:hover{border-color:var(--shu)}.cx-fav-button[aria-pressed=true]{background:#c2402a1a;border-color:var(--shu);color:var(--shu)}.cx-fav-button:focus-visible{outline:2px solid var(--kin);outline-offset:2px}.cx-note{font-size:.72rem;line-height:1.7;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:.9rem}.cx-detail-label{font-size:.68rem;font-weight:700;letter-spacing:.22em;color:var(--kin-soft)}body.cx-no-scroll{overflow:hidden}.cx-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}