@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--color-primary: #ffffff;--color-accent: #9fd7ff;--color-accent-deep: #5ea8d8;--color-atk: #ff6b3d;--color-def: #3fa0ff;--color-agi: #ffb83c;--color-int: #b08cff;--color-luk: #ff78aa;--color-fg: #ffffff;--color-muted: #c9d4e0;--color-border: #ffffff;--color-window-bg: rgba(0, 0, 0, .78);--color-window-bg-alt: rgba(0, 0, 0, .88);--color-window-inner-border: rgba(255, 255, 255, .35);--color-danger: #ff7272;--color-cal-sun: #ff9a9a;--color-cal-sat: #8fc2ef;--color-on-accent: #06223a;--font-main: "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", "Noto Sans JP", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{font-family:var(--font-main);color:var(--color-fg);line-height:1.6;letter-spacing:.02em;-webkit-font-smoothing:antialiased;background:linear-gradient(to bottom,#4aa6e2,#7cc7ea 35%,#bee3f1 62%,#9dd07f 63%,#6fb052 80%,#3f7a32) fixed;background-size:100% 100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(180px 40px at 15% 12%,#ffffff8c,#fff0 70%),radial-gradient(260px 60px at 75% 22%,#ffffff80,#fff0 70%),radial-gradient(160px 36px at 45% 34%,#fff6,#fff0 70%);z-index:0}a{color:var(--color-accent);text-decoration:none;border-bottom:1px dotted var(--color-accent)}a:hover{color:#fff;border-bottom-color:#fff}a{-webkit-tap-highlight-color:transparent;transition:color 80ms ease,opacity 80ms ease,border-bottom-color 80ms ease}a:active{opacity:.7}button{font-family:inherit;font-size:1em;cursor:pointer;color:var(--color-fg);background:var(--color-window-bg);border:3px solid var(--color-border);border-radius:2px;padding:.35em .9em;box-shadow:inset 0 0 0 1px var(--color-window-inner-border);transition:background-color 80ms ease,transform 60ms ease,box-shadow 80ms ease;-webkit-tap-highlight-color:transparent;user-select:none}button:hover:not(:disabled){background:var(--color-window-bg-alt)}button:active:not(:disabled){background:var(--color-window-bg-alt);transform:translateY(1px) scale(.985);box-shadow:inset 0 0 0 1px var(--color-window-inner-border),inset 0 2px 4px #00000059}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;color:var(--color-fg)}input,textarea,select{font-family:inherit;font-size:.95em;color:var(--color-fg);background:var(--color-window-bg-alt);border:2px solid var(--color-border);border-radius:2px;padding:.35em .6em;outline:none}input::placeholder,textarea::placeholder{color:#c9d4e08c}input:focus,textarea:focus,select:focus{border-color:var(--color-primary)}code{font-family:ui-monospace,Courier New,monospace;background:#00000059;padding:0 .25em;border-radius:2px;font-size:.9em}h1,h2,h3,h4{font-family:var(--font-main);margin:.6em 0 .4em}p{margin:.4em 0}.app-shell{position:relative;z-index:1;max-width:420px;min-height:100vh;margin:0 auto;display:flex;flex-direction:column}@media (min-width: 768px){.app-shell{max-width:680px}}@media (min-width: 1100px){.app-shell:has([data-board-wide="1"]){max-width:1280px}}.board-columns{display:flex;flex-direction:column;gap:.6em}@media (min-width: 768px){.board-columns{flex-direction:row;gap:.8em;overflow-x:auto;padding-bottom:.5em;align-items:flex-start}}.board-column{background:#00000080;border:2px solid var(--color-border);border-radius:3px;padding:.6em .7em;box-shadow:inset 0 0 0 1px var(--color-window-inner-border)}@media (min-width: 768px){.board-column{flex:0 0 320px;max-height:calc(100vh - 12em);overflow-y:auto}}@media (min-width: 768px){.app-shell:has([data-workspace="1"]){max-width:min(100vw - 1.5em,1480px)}}.app-shell:has([data-workspace="1"]) .content{background:transparent;border-color:transparent;box-shadow:none;padding:.4em .2em}.app-shell:has([data-workspace="1"]) .content:before,.app-shell:has([data-workspace="1"]) .content:after{display:none}.workspace-columns{display:flex;flex-direction:row;gap:.7em;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:.4em}.workspace-column{display:flex;flex-direction:column;min-width:0;flex:0 0 calc(100% - 1.6em);scroll-snap-align:start;scroll-snap-stop:always;height:calc(100dvh - var(--shell-chrome-height, 9.5em));background:var(--color-window-bg);border:3px solid var(--color-border);border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;position:relative}.workspace-column:before,.workspace-column:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-border);pointer-events:none}.workspace-column:before{top:3px;left:3px}.workspace-column:after{bottom:3px;right:3px}.workspace-column-header{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;gap:.5em;padding:.45em .5em .45em .8em;font-size:.92em;font-weight:700;border-bottom:2px solid var(--color-window-inner-border)}.workspace-column-menu-btn{padding:0 .5em;font-size:1em;line-height:1.4;background:transparent;border-color:transparent;box-shadow:none}.workspace-column-menu-btn:hover:not(:disabled){background:#ffffff1a}.workspace-column-refresh-btn{margin-left:auto;display:inline-flex;align-items:center;padding:.15em .4em;background:transparent;border-color:transparent;box-shadow:none;color:var(--color-fg)}.workspace-column-refresh-btn:hover:not(:disabled){background:#ffffff1a}.workspace-column-refresh-btn.is-spinning svg{animation:dtp-spin .6s linear}@keyframes dtp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.workspace-column-refresh-btn.is-spinning svg{animation:none}}.workspace-refresh-all{display:none}@media (max-width: 767px){.workspace-refresh-all{display:inline-flex;position:fixed;right:.8em;bottom:calc(var(--shell-chrome-height, 9.5em) * .5 + .8em);z-index:20;align-items:center;gap:.4em;font-size:.82em;padding:.45em .85em;border-radius:999px;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 3px 8px #0006}}.workspace-pull-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:.78em;color:var(--color-muted);transition:height .12s ease}.workspace-pull-indicator .armed{color:var(--color-accent);font-weight:700}.workspace-column-menu{flex:0 0 auto;display:flex;flex-direction:column;gap:.35em;padding:.5em .7em;border-bottom:2px solid var(--color-window-inner-border);background:#00000059}.workspace-column-menu button{font-size:.8em;text-align:left}.workspace-column-add{border-style:dashed;background:#00000059}.workspace-column-add:before,.workspace-column-add:after{display:none}.board-column-tabs{display:flex;gap:.3em;overflow-x:auto;margin:0 0 .5em;padding-bottom:.2em;-webkit-overflow-scrolling:touch}.board-column-tabs .dq-tab{flex:0 0 auto;white-space:nowrap;font-size:.8em;padding:.35em .6em}@media (prefers-reduced-motion: reduce){.workspace-columns{scroll-snap-type:none;scroll-behavior:auto}}.workspace-column-body{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:.6em .7em;touch-action:pan-y pan-x}@media (min-width: 768px){.workspace-column{flex:0 0 340px;height:calc(100dvh - var(--shell-chrome-height, 9.5em))}.workspace-columns{scroll-snap-type:none;gap:.8em}}.header{padding:.6em 1em;font-size:1.05em;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.5);position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,#0a143cd9,#0a143c73);backdrop-filter:blur(2px);border-bottom:2px solid rgba(255,255,255,.5)}.content{flex:1;padding:1em;margin:.6em .5em;background:#000000b8;color:var(--color-fg);border:3px solid var(--color-border);border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;position:relative}.content:before,.content:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-border);pointer-events:none}.content:before{top:3px;left:3px}.content:after{bottom:3px;right:3px}.footer-nav{display:flex;justify-content:space-around;align-items:stretch;padding:.35em .3em;width:min(340px,80%);margin:0 auto .6em;background:var(--color-window-bg);border:3px solid var(--color-border);border-radius:3px;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;position:sticky;bottom:.6em;z-index:10}.footer-nav-item{flex:1;display:flex;align-items:center;justify-content:center;padding:.45em .2em;color:#fff;opacity:.55;border:none;border-radius:8px;transition:background-color 80ms ease,opacity 80ms ease,transform 60ms ease;-webkit-tap-highlight-color:transparent}.footer-nav-item:hover{opacity:.85;background:#ffffff0f}.footer-nav-item:active{opacity:1;background:#ffffff2e;transform:scale(.94)}.footer-nav-item.active{opacity:1;background:#ffffff1f}.dq-window{position:relative;background:var(--color-window-bg);color:var(--color-fg);border:3px solid var(--color-border);border-radius:3px;padding:.8em 1em;box-shadow:inset 0 0 0 1px var(--color-window-inner-border),0 4px #00000059;margin-bottom:.9em}.dq-window:before,.dq-window:after{content:"";position:absolute;width:6px;height:6px;background:var(--color-border)}.dq-window:before{top:3px;left:3px}.dq-window:after{bottom:3px;right:3px}.dq-window.compact{padding:.6em .8em;margin-bottom:.6em}.dq-window a{color:var(--color-primary)}.dq-tabs{display:flex;gap:.5em;margin:.5em 0}.dq-tab{flex:1;padding:.5em;background:#00000073;color:#ffffffb3;border:2px solid rgba(255,255,255,.6);border-radius:2px;text-align:center;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.7);font-weight:700;transition:background-color 80ms ease,color 80ms ease,border-color 80ms ease,transform 60ms ease;-webkit-tap-highlight-color:transparent}.dq-tab:hover{color:#fff;border-color:#fff}.dq-tab:active:not(.active){background:#000000b3;transform:scale(.985)}.dq-tab.active{background:#000000d9;color:#fff;border-color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 0 1px #0006}.section{margin:.8em 0}@keyframes aq-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ritual-particle-fall{0%{transform:translate(var(--x-start, 0),-60vh);opacity:0}20%{opacity:1}to{transform:translate(var(--x-end, 0));opacity:0}}@keyframes ritual-pulse{0%,to{opacity:.35;transform:scale(.95);filter:blur(2px)}50%{opacity:.85;transform:scale(1.05);filter:blur(0)}}@keyframes ritual-sparkle{0%{transform:scale(0);opacity:0}30%{transform:scale(1.3);opacity:1}to{transform:scale(.6);opacity:0}}@keyframes ritual-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes ritual-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ritual-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ritual-text-swap{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.summon-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14326eb3,#050f23f2 70%,#000000fa);animation:ritual-fade-in .6s ease;overflow:hidden}.summon-stage{position:relative;width:min(320px,80vw);height:min(320px,80vw)}.summon-particle{position:absolute;top:0;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fffc;animation:ritual-particle-fall 2.4s ease-in infinite;pointer-events:none}.summon-silhouette{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;animation:ritual-pulse 2s ease-in-out infinite}.summon-sparkle{position:absolute;width:18px;height:18px;background:radial-gradient(circle,#fff8 0%,transparent 70%);border-radius:50%;animation:ritual-sparkle 1.4s ease-out infinite;pointer-events:none}.breathe{animation:ritual-breathe 3.2s ease-in-out infinite}@keyframes ritual-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes ritual-zoom-in{0%{transform:scale(.8);filter:brightness(1) drop-shadow(0 0 0 rgba(159,215,255,0))}40%{transform:scale(1.25);filter:brightness(1.6) drop-shadow(0 0 24px rgba(159,215,255,1))}to{transform:scale(1.08);filter:brightness(1.2) drop-shadow(0 0 18px rgba(159,215,255,.9))}}@keyframes ritual-burst-fly{0%{transform:rotate(var(--angle, 0deg)) translate(0) scale(.5);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle, 0deg)) translate(180px) scale(1.6);opacity:0}}@keyframes ritual-announce{0%{opacity:0;transform:translateY(16px) scale(.9);filter:blur(4px)}30%{opacity:1;transform:translateY(0) scale(1.05);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.summon-flash{position:fixed;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.95) 0%,rgba(200,230,255,.7) 30%,rgba(120,180,255,.2) 60%,transparent 80%);pointer-events:none;z-index:201;animation:ritual-flash .9s ease-out forwards}.summon-silhouette.emerging{animation:ritual-zoom-in .9s cubic-bezier(.2,.8,.2,1) forwards}.summon-burst{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;background:radial-gradient(circle,#ffffff 0%,#9fd7ff 40%,transparent 70%);border-radius:50%;box-shadow:0 0 12px #ffffffe6;animation:ritual-burst-fly 1.8s ease-out forwards;pointer-events:none}.cp-overlay{position:fixed;inset:0;z-index:250;display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:hidden;--rar: #cccccc;--intensity: 1;background:radial-gradient(ellipse at center,#140a1eb3,#05050ff5 60%,#000);animation:cp-fade-in .35s ease forwards}.cp-overlay[data-stage=reveal]{animation:cp-fade-out .6s ease .5s forwards}@keyframes cp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cp-fade-out{0%{opacity:1}to{opacity:0}}.cp-overlay{--rar: #b0a89c;--intensity: .6}.cp-overlay[data-stage=emerge][data-rarity=rare]{--rar: #5c9fff;--intensity: 1.1}.cp-overlay[data-stage=emerge][data-rarity=srare]{--rar: #c47eff;--intensity: 1.4}.cp-overlay[data-stage=emerge][data-rarity=ssr]{--rar: #ffce5e;--intensity: 1.8}.cp-overlay[data-stage=emerge][data-rarity=ur]{--rar: #ff7eb0;--intensity: 2.4}.cp-overlay[data-stage=reveal][data-rarity=common]{--rar: #b0a89c;--intensity: .6}.cp-overlay[data-stage=reveal][data-rarity=uncommon]{--rar: #6acc8a;--intensity: .8}.cp-overlay[data-stage=reveal][data-rarity=rare]{--rar: #5c9fff;--intensity: 1.1}.cp-overlay[data-stage=reveal][data-rarity=srare]{--rar: #c47eff;--intensity: 1.4}.cp-overlay[data-stage=reveal][data-rarity=ssr]{--rar: #ffce5e;--intensity: 1.8}.cp-overlay[data-stage=reveal][data-rarity=ur]{--rar: #ff7eb0;--intensity: 2.4}.cp-stage{position:relative;width:min(360px,80vw);height:min(560px,85vh)}.cp-aura{position:absolute;inset:-40%;background:radial-gradient(circle at center,color-mix(in srgb,var(--rar) 70%,transparent) 0%,color-mix(in srgb,var(--rar) 25%,transparent) 35%,transparent 70%);filter:blur(28px);opacity:0;animation:cp-aura-breathe 1.8s ease-in-out infinite;transition:opacity .6s ease;pointer-events:none}.cp-overlay[data-stage=emerge] .cp-aura,.cp-overlay[data-stage=reveal] .cp-aura{opacity:calc(.5 * var(--intensity))}@keyframes cp-aura-breathe{0%,to{transform:scale(1);filter:blur(28px)}50%{transform:scale(1.1);filter:blur(22px)}}.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-aura,.cp-overlay[data-stage=reveal][data-rarity=ur] .cp-aura{background:conic-gradient(from 0deg,#ff80c0,#ffd57a,#a5ff8a,#80e8ff,#c080ff,#ff80c0);filter:blur(36px);animation:cp-aura-breathe 1.8s ease-in-out infinite,cp-conic-rotate 6s linear infinite}@keyframes cp-conic-rotate{to{transform:rotate(360deg)}}.cp-pack{position:absolute;top:50%;left:50%;width:60%;aspect-ratio:5 / 7;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 26px rgba(0,0,0,.7))}.cp-pack-shake{position:relative;width:100%;height:100%;opacity:0;animation:cp-pack-enter .7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cp-pack-enter{0%{opacity:0;transform:translateY(-40%) scale(.55) rotate(-10deg)}60%{opacity:1;transform:translateY(6%) scale(1.08) rotate(4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.cp-overlay[data-stage=tearing] .cp-pack-shake,.cp-overlay[data-stage=emerge] .cp-pack-shake{animation:cp-pack-enter .7s cubic-bezier(.2,.7,.3,1) forwards,cp-pack-shake .34s ease-in-out .7s infinite}@keyframes cp-pack-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px,1px) rotate(-.8deg)}50%{transform:translate(2px,-2px) rotate(.6deg)}75%{transform:translate(-1px,-1px) rotate(-.3deg)}}.cp-pack-body{position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--rar) 35%,#2a1f32),color-mix(in srgb,var(--rar) 15%,#0a0418));border:2px solid color-mix(in srgb,var(--rar) 60%,#2a1a08);overflow:hidden;box-shadow:0 0 0 1px #ffffff14 inset,0 0 calc(30px * var(--intensity)) color-mix(in srgb,var(--rar) 60%,transparent);z-index:2}.cp-pack-foil{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 2px,transparent 2px,transparent 7px),linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 14%,transparent 86%,rgba(0,0,0,.25) 100%);pointer-events:none}.cp-pack-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.25) 55%,transparent 70%);background-size:250% 100%;animation:cp-pack-shine 2.4s linear infinite;pointer-events:none;mix-blend-mode:overlay}@keyframes cp-pack-shine{0%{background-position:100% 0%}to{background-position:-100% 0%}}.cp-pack-seal{position:absolute;top:50%;left:50%;width:46%;height:46%;margin:-23% 0 0 -23%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5) 0%,transparent 50%),radial-gradient(circle,color-mix(in srgb,var(--rar) 80%,white),color-mix(in srgb,var(--rar) 60%,black));border:3px solid color-mix(in srgb,var(--rar) 50%,#1a1015);box-shadow:0 0 18px color-mix(in srgb,var(--rar) 60%,transparent);z-index:3;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;text-shadow:0 0 6px color-mix(in srgb,var(--rar) 80%,white)}.cp-pack-seal:before{content:"★";filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.cp-overlay[data-stage=tearing] .cp-pack-seal,.cp-overlay[data-stage=emerge] .cp-pack-seal,.cp-overlay[data-stage=reveal] .cp-pack-seal{animation:cp-seal-rip .5s ease-out forwards}@keyframes cp-seal-rip{0%{opacity:1;transform:scale(1) rotate(0) translateY(0)}60%{opacity:1;transform:scale(1.2) rotate(20deg) translateY(-8%)}to{opacity:0;transform:scale(.4) rotate(60deg) translateY(-80%)}}.cp-pack-tear{position:absolute;top:14%;left:0;right:0;height:5%;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--rar) 80%,white) 30%,white 50%,color-mix(in srgb,var(--rar) 80%,white) 70%,transparent 100%);filter:blur(2px);opacity:0;z-index:4}.cp-overlay[data-stage=tearing] .cp-pack-tear{animation:cp-tear-line .9s ease-out forwards}@keyframes cp-tear-line{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}to{opacity:1;clip-path:inset(0 0 0 0);transform:scaleY(1)}}.cp-overlay[data-stage=emerge] .cp-pack-tear,.cp-overlay[data-stage=reveal] .cp-pack-tear{background:radial-gradient(ellipse at center,white 0%,color-mix(in srgb,var(--rar) 90%,white) 30%,color-mix(in srgb,var(--rar) 60%,transparent) 70%,transparent 100%);filter:blur(3px);opacity:calc(.8 * var(--intensity));height:9%;animation:cp-tear-pulse 1.8s ease-in-out infinite}@keyframes cp-tear-pulse{0%,to{opacity:calc(.4 * var(--intensity));transform:scaleY(.85)}50%{opacity:calc(.95 * var(--intensity));transform:scaleY(1.2)}}.cp-card-peek{position:absolute;top:0;left:50%;width:78%;aspect-ratio:5 / 7;margin-left:-39%;border-radius:10px;z-index:1;opacity:0;transform:translateY(20%)}.cp-overlay[data-stage=emerge] .cp-card-peek{opacity:1;animation:cp-card-peek-loop 1.8s ease-in-out infinite}@keyframes cp-card-peek-loop{0%,to{transform:translateY(2%)}50%{transform:translateY(-12%)}}.cp-overlay[data-stage=reveal] .cp-card-peek{opacity:1;z-index:5;animation:cp-card-peek-final 1s cubic-bezier(.2,.7,.3,1) forwards}@keyframes cp-card-peek-final{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-45%) scale(1.2)}to{transform:translateY(-65%) scale(1.55);opacity:0}}.cp-card-edge{position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--rar) 70%,white),color-mix(in srgb,var(--rar) 50%,#1a0e1c),color-mix(in srgb,var(--rar) 30%,#050208));border:2px solid color-mix(in srgb,var(--rar) 70%,#2a1a08);box-shadow:0 0 calc(28px * var(--intensity)) color-mix(in srgb,var(--rar) 80%,transparent),inset 0 0 8px #fff3}.cp-card-glow{position:absolute;inset:-30%;background:radial-gradient(circle at center,color-mix(in srgb,var(--rar) 60%,transparent) 0%,transparent 60%);filter:blur(20px);opacity:0;pointer-events:none}.cp-overlay[data-stage=emerge] .cp-card-glow{animation:cp-glow-pulse 1.8s ease-in-out infinite}@keyframes cp-glow-pulse{0%,to{opacity:calc(.3 * var(--intensity))}50%{opacity:calc(.95 * var(--intensity))}}.cp-shreds{position:absolute;inset:0;pointer-events:none}.cp-shreds span{position:absolute;top:50%;left:50%;width:14px;height:4px;background:color-mix(in srgb,var(--rar) 35%,#d4cab8);border-radius:1px;opacity:0;transform-origin:center center}.cp-overlay[data-stage=tearing] .cp-shreds span{animation:cp-shred-fly .9s ease-out forwards;animation-delay:var(--d, 0s)}@keyframes cp-shred-fly{0%{opacity:0;transform:translate(0) rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rot, 360deg))}}.cp-overlay[data-stage=emerge] .cp-shreds span{animation:cp-shred-loop 2.4s ease-in-out infinite;animation-delay:calc(var(--d, 0s) + var(--i, 0) * .06s)}@keyframes cp-shred-loop{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:.55}to{opacity:0;transform:translate(calc(var(--tx) * .5),calc(var(--ty) * .5)) rotate(calc(var(--rot, 360deg) * .5))}}.cp-rays{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .5s ease}.cp-overlay[data-stage=emerge][data-rarity=rare] .cp-rays,.cp-overlay[data-stage=emerge][data-rarity=srare] .cp-rays,.cp-overlay[data-stage=emerge][data-rarity=ssr] .cp-rays,.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-rays,.cp-overlay[data-stage=reveal] .cp-rays{opacity:calc(.4 * var(--intensity))}.cp-rays span{position:absolute;width:4px;height:200%;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--rar) 90%,white) 45%,color-mix(in srgb,var(--rar) 90%,white) 55%,transparent 100%);transform-origin:center center;transform:rotate(calc(var(--a, 0) * 1deg));animation:cp-ray-rotate 8s linear infinite;filter:blur(1px)}@keyframes cp-ray-rotate{0%{transform:rotate(calc(var(--a, 0) * 1deg))}to{transform:rotate(calc((var(--a, 0) + 360) * 1deg))}}.cp-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.cp-rings span{position:absolute;width:40px;height:40px;border-radius:50%;border:2px solid color-mix(in srgb,var(--rar) 90%,white);opacity:0}.cp-overlay[data-stage=emerge][data-rarity=ssr] .cp-rings span,.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-rings span,.cp-overlay[data-stage=reveal] .cp-rings span{animation:cp-ring-pulse 1.8s ease-out infinite}.cp-rings span:nth-child(2){animation-delay:.6s}.cp-rings span:nth-child(3){animation-delay:1.2s}@keyframes cp-ring-pulse{0%{transform:scale(.4);opacity:0;border-width:4px}20%{opacity:.7}to{transform:scale(8);opacity:0;border-width:1px}}.cp-big-sparkles{position:absolute;inset:0;pointer-events:none;opacity:0}.cp-overlay[data-rarity=ur][data-stage=emerge] .cp-big-sparkles,.cp-overlay[data-rarity=ur][data-stage=reveal] .cp-big-sparkles,.cp-overlay[data-rarity=ssr][data-stage=emerge] .cp-big-sparkles,.cp-overlay[data-rarity=ssr][data-stage=reveal] .cp-big-sparkles{opacity:1}.cp-big-sparkles span{position:absolute;width:22px;height:22px;top:var(--y);left:var(--x);background:linear-gradient(0deg,transparent 45%,white 50%,transparent 55%),linear-gradient(90deg,transparent 45%,white 50%,transparent 55%),linear-gradient(45deg,transparent 47%,white 50%,transparent 53%),linear-gradient(135deg,transparent 47%,white 50%,transparent 53%);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--rar) 80%,white));animation:cp-big-sparkle 1.4s ease-out infinite;animation-delay:var(--d, 0s);opacity:0}@keyframes cp-big-sparkle{0%{transform:scale(0) rotate(0);opacity:0}30%{transform:scale(1.4) rotate(45deg);opacity:1}to{transform:scale(.7) rotate(90deg);opacity:0}}.cp-overlay[data-stage=emerge][data-rarity=ssr] .cp-stage,.cp-overlay[data-stage=emerge][data-rarity=ur] .cp-stage,.cp-overlay[data-stage=reveal][data-rarity=ssr] .cp-stage,.cp-overlay[data-stage=reveal][data-rarity=ur] .cp-stage{animation:cp-shake .18s ease-in-out infinite}@keyframes cp-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-2px)}75%{transform:translate(-1px,-1px)}}.cp-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.95) 0%,color-mix(in srgb,var(--rar) 70%,white) 30%,transparent 70%);pointer-events:none;opacity:0}.cp-overlay[data-stage=reveal] .cp-flash{animation:cp-flash .7s ease-out forwards}@keyframes cp-flash{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(2)}}@media (prefers-reduced-motion: reduce){.cp-pack-shake,.cp-card-peek,.cp-rays span,.cp-rings span,.cp-shreds span,.cp-big-sparkles span,.cp-aura,.cp-stage,.cp-card-glow,.cp-pack-seal,.cp-pack-tear,.cp-pack-shine{animation:none!important}.cp-pack-shake{opacity:1}.cp-overlay{background:#000000eb}}.card-stage{transform-origin:center center;perspective:1200px;will-change:transform,opacity;backface-visibility:hidden;animation:card-spin-in .95s cubic-bezier(.18,.7,.25,1) both}.card-stage.card-stage--hidden{visibility:hidden;animation:none}@keyframes card-spin-in{0%{opacity:0;transform:rotateY(540deg) scale(.15) translateY(-20%)}35%{opacity:1;transform:rotateY(180deg) scale(.9) translateY(0)}70%{opacity:1;transform:rotateY(20deg) scale(1.08)}to{opacity:1;transform:rotateY(0) scale(1)}}@media (max-width: 720px){.card-stage{animation:card-pop-in .65s cubic-bezier(.18,.7,.25,1) both}}@keyframes card-pop-in{0%{opacity:0;transform:scale(.5) translateY(-8%)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.card-stage{animation:none}}.dtp{position:relative}.dtp-trigger{display:flex;align-items:center;gap:.5em;width:100%;text-align:left;background:var(--color-window-bg-alt);border:2px solid var(--color-border);border-radius:2px;padding:.35em .6em;box-shadow:none;font-size:.95em}.dtp-trigger:hover:not(:disabled){background:var(--color-window-bg-alt)}.dtp-icon{flex:0 0 auto;opacity:.85}.dtp-trigger-text{flex:1}.dtp-trigger-text.is-empty{color:var(--color-muted)}.dtp-caret{flex:0 0 auto;opacity:.7;font-size:.8em}.dtp-panel{margin-top:.4em;margin-bottom:0;max-width:min(19em,100%)}.dtp-panel.dq-window:before,.dtp-panel.dq-window:after{display:none}.dtp-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4em}.dtp-cal-title{font-size:.92em;font-weight:700}.dtp-nav{padding:.1em .55em;font-size:1.1em;line-height:1}.dtp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dtp-weekrow{margin-bottom:2px}.dtp-weekday{text-align:center;font-size:.7em;color:var(--color-muted);padding:.2em 0}.dtp-weekday.sun{color:var(--color-cal-sun)}.dtp-weekday.sat{color:var(--color-cal-sat)}.dtp-day{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:.82em;padding:0;border:2px solid transparent;background:transparent;box-shadow:none;border-radius:2px}.dtp-day:hover:not(:disabled):not(.empty){background:var(--color-window-bg-alt);border-color:var(--color-window-inner-border)}.dtp-day.sun{color:var(--color-cal-sun)}.dtp-day.sat{color:var(--color-cal-sat)}.dtp-day.today{border-color:var(--color-window-inner-border)}.dtp-day.selected{background:var(--color-accent);border-color:var(--color-primary);color:var(--color-on-accent);font-weight:700}.dtp-day.selected.sun,.dtp-day.selected.sat{color:var(--color-on-accent)}.dtp-day:disabled{opacity:.3;cursor:not-allowed}.dtp-day.empty{cursor:default;pointer-events:none}.dtp-time{display:flex;align-items:center;gap:.4em;margin-top:.6em}.dtp-time-label{font-size:.78em;color:var(--color-muted);margin-right:.2em}.dtp-time select{padding:.2em .4em}.dtp-colon{opacity:.8}.dtp-time-hint{font-size:.72em;color:var(--color-muted);margin-left:.2em}.dtp-actions{display:flex;justify-content:flex-end;gap:.5em;margin-top:.6em}.dtp-actions button{font-size:.85em;padding:.25em .8em}