@property --h{syntax:"<number>";inherits:false;initial-value:0}:root{--sky:#5ec8e6;--sky-deep:#2ba7cc;--sky-soft:#d9f2fa;--ink:#3d5762;--white:#fff;--shadow:#2e9ec240;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;color:var(--ink);background:linear-gradient(160deg, var(--sky-soft) 0%, var(--white) 60%)}.app{max-width:480px;min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.title{text-align:center;letter-spacing:.04em;color:var(--sky-deep);margin:.5rem 0 0;font-size:1.5rem}.stage{flex:1;justify-content:center;align-items:center;min-height:40dvh;display:flex;position:relative}.fx-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.placeholder{color:var(--sky-deep);opacity:.7;text-align:center;font-size:1rem}.card{background:var(--white);border:2px solid var(--sky);width:100%;box-shadow:0 10px 30px var(--shadow);border-radius:20px;margin:0;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.card-head{background:var(--sky-soft);border-bottom:1px solid color-mix(in srgb, var(--sky) 45%, transparent);justify-content:space-between;align-items:baseline;padding:.7rem 1.25rem;display:flex}.wordmark{letter-spacing:.04em;color:var(--sky-deep);font-size:1.05rem;font-weight:900}.wordmark-sub{color:var(--ink);margin-left:.2em;font-size:.9rem}.card-no{font-variant-numeric:tabular-nums;color:var(--sky-deep);opacity:.8;font-size:.8rem;font-weight:700}.card-title{border-bottom:1px solid var(--sky-soft);padding:1.1rem 1.25rem 1rem}.category-pill{background:var(--sky);color:var(--white);border-radius:999px;align-items:center;gap:.45em;padding:.3rem .95rem;font-size:.85rem;font-weight:700;display:inline-flex}.category-suffix{opacity:.95;font-size:.78rem}.name{letter-spacing:.01em;color:var(--ink);margin:.75rem 0 .55rem;font-size:1.9rem;font-weight:800}.taxonomy{margin:0}.taxonomy-row{color:var(--ink);align-items:baseline;font-size:.92rem;line-height:1.9;display:flex}.taxonomy-row dt{letter-spacing:.5em;flex:none;font-weight:600}.taxonomy-row dt:after{content:"：";letter-spacing:normal;margin-left:-.5em}.taxonomy-row dd{margin:0}.taxonomy-row .sci{font-style:italic}.visual{background:var(--white);justify-content:center;align-items:center;min-height:32dvh;max-height:40dvh;padding:1.5rem;display:flex;position:relative}.visual-img{object-fit:contain;width:100%;height:100%}.visual-emoji{filter:drop-shadow(0 8px 16px var(--shadow));font-size:6rem;line-height:1}.rarity{background:var(--sky-deep);color:var(--white);letter-spacing:.05em;box-shadow:0 4px 10px var(--shadow);white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:800;position:absolute;top:.9rem;right:.9rem;overflow:hidden}.rarity.badge-shine{background:linear-gradient(135deg, #8fe0f2, var(--sky-deep))}.rarity.badge-shine:after,.rarity.badge-shimmer:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffffd9 50%,#0000 70%);animation:2.4s ease-in-out infinite badge-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes badge-sheen{to{transform:translate(120%)}}.rarity.badge-shimmer{background:linear-gradient(120deg,#63cfe6,#8b7bff,#c86bff) 0 0/200% 200%;animation:3s infinite badge-flow}@keyframes badge-flow{0%,to{background-position:0%}50%{background-position:100%}}.rarity.badge-holo{--h:0;color:#4a2b00;text-shadow:0 1px #fff9;background-image:linear-gradient(90deg, hsl(calc(var(--h) + 330), 100%, 78%), hsl(calc(var(--h) + 45), 100%, 70%), hsl(calc(var(--h) + 150), 90%, 74%), hsl(calc(var(--h) + 210), 95%, 78%), hsl(calc(var(--h) + 285), 95%, 80%), hsl(calc(var(--h) + 330), 100%, 78%));animation:3s linear infinite badge-hue-spin;box-shadow:0 0 12px #ffcf5cbf}@keyframes badge-hue-spin{to{--h:360}}.card.card-glow-violet{box-shadow:0 0 0 1px #8b7bff,0 14px 36px -6px #8b7bff80}.card.card-holo-gold{border-color:#ffcf5c;animation:.35s cubic-bezier(.2,.9,.3,1.3) pop,1.8s ease-in-out .5s infinite gold-rim;position:relative}.card.card-holo-gold:after{content:"";pointer-events:none;mix-blend-mode:color-dodge;background-image:linear-gradient(115deg,#ff7ab64d,#ffd36b5c,#7fffd44d,#7ab0ff5c,#d3a4ff4d,#ff7ab64d);animation:7s linear infinite holo-hue;position:absolute;inset:0}@keyframes gold-rim{0%,to{box-shadow:0 0 0 1px #ffcf5c,0 0 20px -2px #ffcf5c80}50%{box-shadow:0 0 0 1px #ffcf5c,0 0 44px 4px #ffcf5cf2}}@keyframes holo-hue{to{filter:hue-rotate(360deg)}}.rarity.badge-moon{color:#ffe9b0;text-shadow:0 0 8px #ffe9b08c;background:linear-gradient(135deg,#2c3e6b,#141e3c);box-shadow:0 0 12px #ffe9b073}.rarity.badge-bubble{background:linear-gradient(180deg, #8fdcf2, var(--sky-deep))}.rarity.badge-bubble:after{content:"";background-image:radial-gradient(2px at 18% 8px,#fffffff2 45%,#0000 50%),radial-gradient(1.5px at 52% 16px,#fffc 45%,#0000 50%),radial-gradient(2.5px at 80% 5px,#ffffffe6 45%,#0000 50%),radial-gradient(1.5px at 35% 20px,#ffffffb3 45%,#0000 50%);background-repeat:repeat-y;background-size:100% 24px;animation:2.2s linear infinite badge-bubbles-rise;position:absolute;inset:-24px 0 0}@keyframes badge-bubbles-rise{to{transform:translateY(-24px)}}.card.card-glow-moon{border-color:#ffe9b0;box-shadow:0 0 0 1px #ffe9b0,0 12px 32px -6px #ffde8c80}.moon-intro{z-index:4;background:radial-gradient(1px at 18% 22%,#ffffffe6 50%,#0000 55%),radial-gradient(1.5px at 74% 16%,#fffc 50%,#0000 55%),radial-gradient(1px at 62% 72%,#ffffffb3 50%,#0000 55%),radial-gradient(1px at 30% 80%,#ffffffbf 50%,#0000 55%),radial-gradient(1.5px at 88% 58%,#ffffffa6 50%,#0000 55%),#101d3d;border-radius:20px;justify-content:center;align-items:center;animation:.35s moon-intro-in;display:flex;position:absolute;inset:0;overflow:hidden}@keyframes moon-intro-in{0%{opacity:0}}.moon-wrap{aspect-ratio:1;border-radius:50%;width:42%;animation:1.7s forwards moon-glow;position:relative;overflow:hidden}@keyframes moon-glow{0%{box-shadow:0 0 18px #ffe9b040}70%,to{box-shadow:0 0 56px #ffe9b0bf}}.moon-disc{background:radial-gradient(closest-side at 40% 35%,#fff4cf,#ffe9b0 70%,#f2d78a);border-radius:50%;position:absolute;inset:0}.moon-shade{background:#101d3d;border-radius:50%;animation:1.2s cubic-bezier(.55,.05,.45,.95) forwards moon-wax;position:absolute;inset:-4%;transform:translate(14%)}@keyframes moon-wax{to{transform:translate(106%)}}.moon-flash{opacity:0;pointer-events:none;background:radial-gradient(50% 42%,#fff7de 0%,#fff7dea6 35%,#0000 72%);animation:.5s ease-in 1.2s forwards moon-flash;position:absolute;inset:0}@keyframes moon-flash{0%{opacity:0}45%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.rarity.badge-shine:after,.rarity.badge-shimmer:after,.rarity.badge-shimmer,.rarity.badge-holo,.rarity.badge-bubble:after,.card.card-holo-gold,.card.card-holo-gold:after,.moon-intro,.moon-wrap,.moon-shade,.moon-flash{animation:none}}.card-body{border-top:1px solid var(--sky-soft);padding:1.1rem 1.25rem 1.6rem}.desc{color:var(--ink);text-align:justify;white-space:pre-wrap;word-break:break-word;margin:0;font-size:1rem;line-height:1.9}.error{color:#c0392b;text-align:center;font-size:.9rem}.actions{z-index:10;margin:0 -1.25rem calc(-1 * max(1.5rem, env(safe-area-inset-bottom)));padding:.9rem 1.25rem max(1.1rem, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--white) 88%, transparent);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--sky-soft);flex-direction:column;gap:.75rem;display:flex;position:sticky;bottom:0}.btn{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:999px;padding:1rem 1.25rem;font-size:1.05rem;font-weight:700;transition:transform 80ms,box-shadow .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sky);color:var(--white);box-shadow:0 8px 18px var(--shadow)}.btn-x{background:var(--white);color:var(--ink);border:2px solid var(--sky)}.btn-redraw{appearance:none;color:var(--sky-deep);cursor:pointer;text-underline-offset:3px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:.5rem;font-size:.95rem;font-weight:600;text-decoration:underline}.btn-redraw:active{opacity:.6}.admin{max-width:560px;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.admin-head{justify-content:space-between;align-items:center;display:flex}.admin-title{color:var(--sky-deep);margin:0;font-size:1.3rem}.login{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.input{appearance:none;border:2px solid var(--sky-soft);width:100%;color:var(--ink);background:var(--white);border-radius:12px;padding:.75rem .85rem;font-family:inherit;font-size:1rem}.input:focus{border-color:var(--sky);outline:none}.btn-text{appearance:none;color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:.4rem .5rem;font-size:.9rem;font-weight:600}.btn-text.danger{color:#c0392b}.content-form{background:var(--white);border:2px solid var(--sky-soft);border-radius:16px;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.form-title{color:var(--sky-deep);margin:0;font-size:1.05rem}.field{color:var(--sky-deep);flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.field-row{gap:.75rem;display:flex}.field-row .field{flex:1;min-width:0}.field-check{color:var(--ink);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.form-actions{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.content-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.content-item{background:var(--white);border:2px solid var(--sky-soft);border-radius:14px;gap:.5rem;padding:.75rem .85rem;display:flex}.content-item.is-disabled{opacity:.55}.item-main{flex:1;min-width:0}.item-line{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.item-no{color:var(--sky-deep);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.item-rarity{color:var(--white);background:var(--sky-deep);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:800}.item-off{color:#c0392b;font-size:.7rem;font-weight:700}.item-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.item-body{color:var(--ink);opacity:.75;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.item-actions{flex-direction:column;flex:none;justify-content:center;align-items:flex-end;display:flex}.item-cat{color:var(--sky-deep);background:var(--sky-soft);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.tabs{background:var(--sky-soft);border-radius:999px;gap:.4rem;padding:.25rem;display:flex}.tab{appearance:none;color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem .5rem;font-size:.95rem;font-weight:700}.tab.active{background:var(--white);color:var(--sky-deep);box-shadow:0 2px 8px var(--shadow)}.field-label-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mini-btn{appearance:none;border:1px solid var(--sky);background:var(--white);color:var(--sky-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.mini-btn:active{background:var(--sky-soft)}.master{flex-direction:column;gap:.85rem;display:flex}.master-add{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}.input-num{flex:none;width:5rem}.btn-add{flex:none;padding:.7rem 1rem;font-size:.95rem}.master-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.master-item{background:var(--white);border:2px solid var(--sky-soft);border-radius:12px;flex-direction:column;gap:.5rem;padding:.6rem .7rem;display:flex}.master-item .input{padding:.5rem .6rem}.master-name{font-weight:700}.num-row{align-items:flex-end;gap:.6rem;display:flex}.mini-field{color:var(--sky-deep);flex-direction:column;gap:.2rem;font-size:.7rem;font-weight:700;display:flex}.master-add{align-items:stretch;gap:.6rem}.master-add .num-row{justify-content:flex-start}.master-add .btn-add{margin-left:auto}.notice{color:var(--sky-deep);background:var(--sky-soft);border-radius:10px;margin:0;padding:.5rem .75rem;font-size:.8rem;line-height:1.6}.item-rate{color:var(--sky-deep);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:800}.master-item.themed,.content-item.themed{background-image:linear-gradient(to right, color-mix(in srgb, var(--theme,transparent) 38%, transparent), transparent 5%)}.theme-dot{vertical-align:-1px;border:1px solid #1f3a452e;border-radius:50%;width:10px;height:10px;margin-left:.4em;display:inline-block}.effect-row{align-items:flex-end;gap:.6rem;display:flex}.effect-row .effect-field{flex:1;min-width:0}.effect-row .btn-text{flex:none;padding-bottom:.6rem}.demo-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0a1e288c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.demo-panel{background:var(--white);border-radius:20px;flex-direction:column;gap:.75rem;width:100%;max-width:380px;max-height:calc(100dvh - 2rem);padding:1rem;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000059}.demo-stage{background:linear-gradient(160deg, var(--sky-soft), var(--white));border-radius:16px;justify-content:center;align-items:center;min-height:380px;padding:.75rem;display:flex;position:relative;overflow:hidden}.demo-card{width:100%}.demo-card .visual{min-height:130px;max-height:150px}.demo-caption{color:var(--sky-deep);text-align:center;margin:0;font-size:.8rem;font-weight:700}.demo-actions{justify-content:center;align-items:center;gap:.75rem;display:flex}