:root{--ds-night-900:#06050c;--ds-night-800:#0e0b16;--ds-night-700:#171126;--ds-night-600:#221935;--ds-night-500:#2f2447;--ds-clay-600:#5f3722;--ds-clay-500:#7d4a2c;--ds-clay-400:#b07a4c;--ds-straw-600:#b99a5c;--ds-straw-500:#e8c88a;--ds-straw-400:#f7e4bd;--ds-lacquer-800:#180e11;--ds-lacquer-700:#241a1f;--ds-lacquer-600:#31232a;--ds-red-600:#9e2a14;--ds-red-500:#d0331f;--ds-red-400:#ff6a4d;--ds-gold-600:#b4801a;--ds-gold-500:#ffc83d;--ds-gold-400:#ffe08a;--ds-asagi-600:#2f5c66;--ds-asagi-500:#4a7a85;--ds-asagi-400:#7fa9b2;--ds-fuji-600:#4e3a63;--ds-fuji-500:#7a5f96;--ds-fuji-400:#a892bd;--ds-moss-500:#8fa860;--ds-moss-400:#b3c78d;--ds-white:#ffffff;--ds-ash-100:#f6f1e8;--ds-ash-300:#d8ccbb;--ds-ash-500:#a89a86;--ds-ash-700:#6b6053;--ds-bg:var(--ds-night-800);--ds-surface:rgba(36,26,31,0.86);--ds-surface-raised:rgba(49,35,42,0.92);--ds-surface-sunken:rgba(6,5,12,0.60);--ds-border:rgba(232,200,138,0.16);--ds-border-strong:rgba(232,200,138,0.34);--ds-border-accent:rgba(255,200,61,0.50);--ds-border-energy:rgba(127,169,178,0.50);--ds-text:var(--ds-ash-100);--ds-text-soft:var(--ds-ash-300);--ds-text-dim:var(--ds-ash-500);--ds-text-on-accent:#1a0f08;--ds-text-on-primary:#fff6ea;--ds-accent:var(--ds-gold-500);--ds-accent-strong:var(--ds-gold-400);--ds-primary:var(--ds-red-500);--ds-energy:var(--ds-asagi-400);--ds-danger:var(--ds-red-400);--ds-success:var(--ds-moss-400);--ds-bg-ring:var(--ds-clay-500);--ds-rarity-common:var(--ds-ash-500);--ds-rarity-rare:var(--ds-asagi-500);--ds-rarity-epic:var(--ds-fuji-500);--ds-rarity-legendary:var(--ds-gold-600);--ds-font-display:var(--font-display),"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Songti SC",Georgia,ui-serif,serif;--ds-font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ds-font-kanji:"Yu Gothic","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Noto Sans CJK JP","Meiryo","MS PGothic",sans-serif;--ds-text-xs:11.5px;--ds-text-sm:13px;--ds-text-base:15px;--ds-text-md:18px;--ds-text-lg:22px;--ds-text-xl:28px;--ds-text-2xl:clamp(28px,4vw,46px);--ds-weight-regular:400;--ds-weight-medium:500;--ds-weight-bold:700;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:22px;--ds-space-6:30px;--ds-space-7:44px;--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:16px;--ds-radius-xl:24px;--ds-radius-full:999px;--ds-shadow-card:0 18px 48px rgba(0,0,0,0.42);--ds-shadow-panel:0 24px 64px rgba(0,0,0,0.5);--ds-bevel:4px;--ds-dur-fast:0.1s;--ds-dur-base:0.16s;--ds-dur-slow:0.3s;--ds-ease:cubic-bezier(0.2,0.8,0.3,1)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border:0;border-radius:var(--ds-radius-lg);font-family:var(--ds-font-display);font-size:var(--ds-text-base);font-weight:var(--ds-weight-bold);line-height:1.1;cursor:pointer;transition:transform var(--ds-dur-fast) var(--ds-ease),box-shadow var(--ds-dur-fast) var(--ds-ease),filter var(--ds-dur-base) var(--ds-ease)}.ds-btn:disabled{opacity:.5;cursor:default}.ds-btn:not(:disabled):hover{filter:brightness(1.07)}.ds-btn:not(:disabled):active{transform:translateY(var(--ds-bevel));box-shadow:0 1px 0 rgba(0,0,0,.35)!important}.ds-btn--primary{background:linear-gradient(135deg,var(--ds-red-500),var(--ds-red-600));color:var(--ds-text-on-primary);box-shadow:0 var(--ds-bevel) 0 #7a1f0e,0 12px 26px rgba(208,51,31,.34)}.ds-btn--accent{background:linear-gradient(135deg,var(--ds-gold-400),var(--ds-gold-500));color:var(--ds-text-on-accent);box-shadow:0 var(--ds-bevel) 0 var(--ds-gold-600),0 10px 22px rgba(255,200,61,.26)}.ds-btn--danger{background:transparent;color:var(--ds-red-400);border:2px solid var(--ds-red-500);box-shadow:none}.ds-btn--danger:not(:disabled):hover{background:rgba(208,51,31,.14);filter:none}.ds-btn--danger:not(:disabled):active{transform:translateY(2px)}.ds-btn--ghost{background:rgba(255,255,255,.07);color:var(--ds-text-soft);border:1px solid var(--ds-border);box-shadow:none}.ds-btn--ghost:not(:disabled):active{transform:translateY(2px)}.ds-btn--xl{padding:var(--ds-space-5) var(--ds-space-7);font-size:var(--ds-text-lg);border-radius:var(--ds-radius-xl);--ds-bevel:6px}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-card);padding:var(--ds-space-5)}.ds-panel{background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-4)}.ds-pill{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-full);border:1px solid var(--ds-border);background:var(--ds-surface-sunken);color:var(--ds-text-soft);font-family:var(--ds-font-display);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);cursor:pointer;transition:background var(--ds-dur-base) var(--ds-ease),color var(--ds-dur-base) var(--ds-ease)}.ds-pill.is-on,.ds-pill[aria-selected=true]{background:linear-gradient(135deg,rgba(255,200,61,.16),rgba(208,51,31,.12));border-color:var(--ds-border-accent);color:var(--ds-text)}.ds-kanji,[lang=ja]{font-family:var(--ds-font-kanji);font-weight:var(--ds-weight-medium);font-feature-settings:"palt" 1}.ds-title{font-family:var(--ds-font-display);font-weight:var(--ds-weight-bold);color:var(--ds-text);margin:0}.ds-title--xl{font-size:var(--ds-text-2xl);line-height:1.08;letter-spacing:-.5px}.ds-title--lg{font-size:var(--ds-text-xl);line-height:1.15}.ds-title--md{font-size:var(--ds-text-md);letter-spacing:.4px}.ds-divider--shimenawa{position:relative;height:10px;border:0;margin:var(--ds-space-6) 0;background:repeating-linear-gradient(105deg,var(--ds-straw-500) 0 14px,var(--ds-straw-600) 14px 28px);border-radius:var(--ds-radius-full);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.55}.ds-divider--shimenawa:after{content:"";position:absolute;inset:100% 22% auto 22%;height:14px;background:repeating-linear-gradient(90deg,var(--ds-ash-100) 0 7px,transparent 7px 20%);-webkit-clip-path:polygon(0 0,100% 0,100% 55%,88% 55%,88% 100%,62% 100%,62% 55%,0 55%);clip-path:polygon(0 0,100% 0,100% 55%,88% 55%,88% 100%,62% 100%,62% 55%,0 55%);opacity:.5}@media (prefers-reduced-motion:reduce){.ds-btn,.ds-pill{transition:none}}