: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}.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);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:800;position:absolute;top:.9rem;right:.9rem}.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}