:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14110f;--fg:#f1e8d8;--panel-w:380px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;overflow:hidden}#app{grid-template-columns:1fr var(--panel-w);grid-template-rows:100%;display:grid;position:fixed;inset:0}#board-area{min-width:0;min-height:0;position:relative;overflow:hidden}#board{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#panel{min-height:0;overflow:hidden}@media (max-width:1100px){:root{--panel-w:320px}}@media (max-width:900px),(max-height:700px){:root{--panel-w:280px}}@media (orientation:portrait){#app{grid-template-rows:55% 45%;grid-template-columns:100%}}.ui-root{--sumi-950:#0d0b09;--sumi-900:#14110f;--sumi-850:#1a1612;--sumi-800:#211c17;--sumi-700:#2c261f;--sumi-600:#3b332a;--sumi-500:#4d4338;--kinari-50:#fbf6ea;--kinari-100:#f1e8d8;--kinari-200:#e2d6bd;--kinari-300:#cbbda2;--kinari-400:#aa9d86;--kinari-500:#8b7f6c;--kin-300:#ecd79d;--kin-400:#d9b86c;--kin-500:#c39a45;--kin-700:#6b5224;--shu-300:#f29a8f;--shu-400:#e5584f;--shu-500:#c1272d;--shu-700:#7e171d;--jade-400:#62b58a;--jade-700:#2b5c42;--line:#f1e8d81f;--line-soft:#f1e8d812;--radius:8px;--radius-sm:5px;--fs:14px;--fs-sm:12px;--fs-xs:11px;--fs-lg:17px;--fs-coins:24px;--gap:10px;--tap:32px;background:var(--sumi-850);height:100%;min-height:0;color:var(--kinari-100);font-size:var(--fs);border-left:1px solid var(--line);flex-direction:column;line-height:1.4;display:flex;position:relative}.ui-num{font-variant-numeric:tabular-nums}.ui-root :focus-visible{outline:2px solid var(--kin-400);outline-offset:1px}.ui-root button{font:inherit;color:inherit}.ui-sub{color:var(--kinari-400);font-size:var(--fs-xs);margin-left:.4em}.ui-header{justify-content:space-between;align-items:baseline;gap:var(--gap);border-bottom:1px solid var(--line-soft);background:var(--sumi-900);padding:10px 12px 6px;display:flex}.ui-coins{align-items:baseline;gap:6px;min-width:0;display:flex}.ui-coins-label{color:var(--kinari-400);font-size:var(--fs-sm)}.ui-coins-value{color:var(--kin-300);font-size:var(--fs-coins);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.ui-coin-mark{background:radial-gradient(circle at 35% 35%, var(--kin-300), var(--kin-500) 70%);width:.8em;height:.8em;box-shadow:0 0 0 1px var(--kin-700);vertical-align:-.05em;border-radius:50%;margin-right:.3em;display:inline-block}.ui-coin-mark-lg{align-self:center;width:.9em;height:.9em}.ui-header-side{flex-direction:row;flex-shrink:0;align-items:baseline;gap:8px;display:flex}.ui-rate{color:var(--kinari-400);font-size:var(--fs-xs);white-space:nowrap}.ui-debug-badge{font-size:var(--fs-xs);letter-spacing:.06em;color:var(--sumi-950);background:var(--shu-400);white-space:nowrap;border-radius:3px;padding:1px 6px;font-weight:700}.ui-stage{font-size:var(--fs-sm);color:var(--kinari-300);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 12px;display:flex}.ui-stage b{color:var(--kinari-50);font-weight:600}.ui-stage-chaos b{color:var(--shu-300)}.ui-stage-phase{font-size:var(--fs-xs);background:var(--sumi-700);color:var(--kinari-200);border-radius:3px;margin-left:auto;padding:0 6px}.ui-stage.is-stuck .ui-stage-phase{background:var(--shu-700);color:var(--kinari-50)}.ui-tabs{border-bottom:1px solid var(--line);background:var(--sumi-900);display:flex}.ui-tab{min-width:0;color:var(--kinari-400);cursor:pointer;white-space:nowrap;font-size:var(--fs-sm);background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;padding:8px 2px}.ui-tab:hover{color:var(--kinari-100)}.ui-tab.is-active{color:var(--kin-300);border-bottom-color:var(--kin-400);font-weight:600}.ui-body-wrap{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.ui-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sumi-600) transparent;flex:auto;min-height:0;padding:8px 12px 12px;overflow-y:auto}.ui-footer{justify-content:space-between;align-items:center;gap:var(--gap);border-top:1px solid var(--line);background:var(--sumi-900);padding:8px 12px;display:flex}.ui-retire{min-width:96px}.ui-retire.is-stuck{animation:1s ease-in-out infinite ui-pulse}.ui-kbd{border:1px solid var(--line);font-family:inherit;font-size:var(--fs-xs);color:var(--kinari-400);border-radius:3px;margin-left:6px;padding:0 4px}@keyframes ui-pulse{0%,to{box-shadow:0 0 #e5584f99}50%{box-shadow:0 0 0 6px #e5584f00}}.ui-btn{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--sumi-700);color:var(--kinari-100);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:4px 12px;line-height:1.2;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.ui-btn:hover:not(:disabled){background:var(--sumi-600)}.ui-btn:active:not(:disabled){transform:translateY(1px)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn-primary{background:var(--kin-700);border-color:var(--kin-500);color:var(--kinari-50)}.ui-btn-primary:hover:not(:disabled){background:var(--kin-500);color:var(--sumi-950)}.ui-btn-danger{background:var(--shu-700);border-color:var(--shu-500);color:var(--kinari-50)}.ui-btn-danger:hover:not(:disabled){background:var(--shu-500)}.ui-btn-ghost{background:0 0}.ui-btn.is-pressed{background:var(--kin-400);border-color:var(--kin-300);color:var(--sumi-950);font-weight:600}.ui-btn.is-pressed:hover:not(:disabled){background:var(--kin-300);border-color:var(--kin-300);color:var(--sumi-950)}.ui-btn-wide{width:100%;margin-top:8px;padding:8px 12px}.ui-btn-sub{font-size:var(--fs-xs);opacity:.85;margin-left:4px}.ui-seg{gap:0;display:inline-flex}.ui-seg .ui-btn{border-radius:0;margin-left:-1px;padding:4px 10px}.ui-seg .ui-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.ui-seg .ui-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ui-actions{gap:8px;margin-top:8px;display:flex}.ui-actions-wrap{flex-wrap:wrap}.ui-section{margin-bottom:14px}.ui-section-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0;padding-bottom:4px;display:flex}.ui-section-title{font-size:var(--fs-sm);letter-spacing:.08em;color:var(--kin-400);margin:0;font-weight:600}.ui-section-aside{font-size:var(--fs-xs);color:var(--kinari-400)}.ui-stat{justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;display:flex}.ui-stat.is-dim{color:var(--kinari-400)}.ui-stat-label{color:var(--kinari-400);font-size:var(--fs-sm)}.ui-stat-value{text-align:right}.ui-setting{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.ui-toggle{min-width:64px}.ui-notice{border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--sumi-800);color:var(--kinari-200);border-left:3px solid var(--kin-500);margin:6px 0;padding:6px 8px}.ui-notice-warn{border-left-color:var(--shu-400);color:var(--shu-300)}.ui-hint,.ui-empty{color:var(--kinari-400);font-size:var(--fs-xs);margin:6px 0 0}.ui-hint-list{color:var(--kinari-300);font-size:var(--fs-sm);margin:8px 0 0;padding-left:1.3em;line-height:1.5}.ui-hint-list li+li{margin-top:4px}.ui-list{flex-direction:column;gap:6px;display:flex}.ui-row{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--sumi-800);align-items:center;gap:8px;padding:7px 8px;display:flex}.ui-row.is-dim .ui-row-side{opacity:.6}.ui-row.is-locked .ui-row-name,.ui-row.is-locked .ui-row-effect{color:var(--kinari-300)}.ui-row.is-locked .ui-row-lv{color:var(--kinari-400)}.ui-row.is-max{border-color:var(--kin-700)}.ui-row-main{flex:auto;min-width:0}.ui-row-title{align-items:baseline;gap:6px;display:flex}.ui-row-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ui-row-lv{font-size:var(--fs-xs);color:var(--kinari-300);white-space:nowrap}.ui-row-lvmax{color:var(--kinari-400)}.ui-row-effect{font-size:var(--fs-sm);color:var(--kinari-200)}.ui-row-effect b{color:var(--kin-300);font-weight:600}.ui-row-arrow{color:var(--kinari-400);margin:0 4px}.ui-row-desc{font-size:var(--fs-xs);color:var(--kinari-400);white-space:normal;overflow-wrap:anywhere;line-height:1.35}.ui-row-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;min-width:64px;display:flex}.ui-row-price{font-size:var(--fs-sm);color:var(--kin-300);white-space:nowrap}.ui-row-count{color:var(--kinari-400);font-size:var(--fs-xs);margin-left:3px}.ui-pp{color:var(--shu-300)}.ui-row-locked,.ui-row-max{font-size:var(--fs-xs);color:var(--kinari-400);text-align:right;white-space:nowrap}.ui-row-max{color:var(--kin-400)}.ui-gacha-buttons{gap:8px;display:flex}.ui-gacha-buttons .ui-btn{flex-direction:column;flex:1 1 0;gap:0;padding:6px 8px}.ui-rates{font-size:var(--fs-xs);flex-wrap:wrap;gap:4px 10px;margin-top:8px;display:flex}.ui-rarity-1{--rarity:var(--kinari-300)}.ui-rarity-2{--rarity:var(--jade-400)}.ui-rarity-3{--rarity:#8fb0e0}.ui-rarity-4{--rarity:var(--shu-300)}.ui-rates .ui-rarity{color:var(--rarity)}.ui-deck,.ui-collection{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ui-collection{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));display:grid}.ui-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--sumi-700);font-size:var(--fs-xs);cursor:pointer;color:var(--kinari-100);border-left:3px solid var(--rarity,var(--kinari-300));flex-direction:column;align-items:flex-start;gap:0;padding:3px 6px;line-height:1.25;display:inline-flex}.ui-chip:disabled{opacity:.4;cursor:not-allowed}.ui-chip-empty{color:var(--kinari-400);cursor:default;background:0 0;border-style:dashed;border-left-width:1px}.ui-chip-deck{background:var(--kin-700);border-color:var(--kin-500);flex-direction:row;align-items:center;gap:4px}.ui-chip-x{color:var(--kinari-300)}.ui-chip-kind{flex-direction:row;align-items:center;gap:5px;min-width:0;padding:3px 5px}.ui-chip-text{flex-direction:column;align-items:flex-start;min-width:0;display:flex;overflow:hidden}.ui-chip-text>span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.ui-tile-face{aspect-ratio:3/4;object-fit:contain;background:var(--kinari-100);border-radius:3px;flex:none;display:block;box-shadow:inset 0 0 0 1px #0000001f}.ui-tile-face-text{color:var(--sumi-900);justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;overflow:hidden}.ui-tile-face-xs{width:18px;font-size:8px}.ui-tile-face-sm{width:24px;font-size:10px}.ui-tile-face-md{width:36px;font-size:13px}.ui-tile-face-lg{width:54px;font-size:18px}.ui-chip-kind.is-selected{background:var(--kin-700);border-color:var(--kin-500)}.ui-chip-kind:hover:not(:disabled){background:var(--sumi-600)}.ui-chip-name{font-weight:600}.ui-chip-meta{color:var(--kinari-400)}.ui-deck-actions{gap:6px;margin-top:8px;display:flex}.ui-collection-group{margin-top:8px}.ui-collection-suit{font-size:var(--fs-xs);color:var(--kinari-400);margin:0;font-weight:600}.ui-features{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ui-feature{border-radius:var(--radius-sm);background:var(--sumi-800);grid-template-columns:auto 1fr auto;grid-template-areas:"at name state""at desc state";column-gap:8px;padding:5px 8px;display:grid}.ui-feature:not(.is-done){opacity:.8}.ui-feature-at{font-size:var(--fs-xs);color:var(--kinari-400);white-space:nowrap;grid-area:at;align-self:center}.ui-feature-name{grid-area:name;font-weight:600}.ui-feature-desc{font-size:var(--fs-xs);color:var(--kinari-400);grid-area:desc}.ui-feature-state{font-size:var(--fs-xs);color:var(--kinari-400);grid-area:state;align-self:center}.ui-feature.is-done .ui-feature-state{color:var(--jade-400)}.ui-toasts{flex-direction:column;flex:none;gap:6px;padding:6px 8px 0;display:flex}.ui-toasts:empty{padding:0}.ui-toast{border:1px solid var(--kin-500);border-radius:var(--radius-sm);color:var(--kinari-50);font-size:var(--fs-sm);text-align:left;cursor:pointer;background:#14110ff2;padding:7px 10px;animation:.18s ease-out ui-toast-in;box-shadow:0 6px 20px #00000073}.ui-toast-gold{border-color:var(--kin-300);color:var(--kin-300)}.ui-toast-warn{border-color:var(--shu-400);color:var(--shu-300)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ui-overlay{z-index:50;background:#080605b3;place-items:center;padding:16px;animation:.15s ease-out ui-fade;display:grid;position:fixed;inset:0}.ui-overlay-ending{background:#080605eb}.ui-dialog{width:min(480px,100%);max-height:calc(100vh - 32px);background:var(--sumi-850);max-height:calc(100dvh - 32px);color:var(--kinari-100);border:1px solid var(--line);border-radius:12px;outline:none;flex-direction:column;display:flex;box-shadow:0 24px 60px #0009}.ui-overlay-danger .ui-dialog{border-color:var(--shu-500)}.ui-overlay-ending .ui-dialog{border-color:var(--kin-500);text-align:center}.ui-dialog-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.ui-dialog-title{font-size:var(--fs-lg);margin:0;font-weight:600}.ui-overlay-ending .ui-dialog-title{width:100%;color:var(--kin-300);letter-spacing:.1em;padding:12px 0;font-size:22px}.ui-dialog-close{color:var(--kinari-400);cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:20px;line-height:1}.ui-dialog-close:hover{color:var(--kinari-50)}.ui-dialog-body{min-height:0;font-size:var(--fs-sm);padding:10px 16px;overflow-y:auto}.ui-dialog-body p{margin:4px 0 8px}.ui-dialog-foot{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:8px;padding:10px 16px 12px;display:flex}.ui-dialog-sub{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--kin-400);margin:8px 0 4px;font-weight:600}.ui-dialog-list{margin:0 0 6px;padding-left:1.2em}.ui-dialog-gain{font-size:var(--fs-lg);color:var(--kin-300);font-weight:600}.ui-ending-body{color:var(--kinari-300)}.ui-ending-stats{text-align:left;max-width:320px;margin:8px auto}.ui-ending-debug{color:var(--shu-400);letter-spacing:.2em;font-weight:700}.ui-help-section p{color:var(--kinari-200)}.ui-gacha-grid{cursor:pointer;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ui-gacha-grid.is-single{grid-template-columns:1fr;justify-items:center}.ui-gacha-card{aspect-ratio:3/4;border:1px solid var(--line);border-top:3px solid var(--rarity,var(--kinari-300));background:var(--kinari-100);width:100%;min-width:0;max-width:120px;color:var(--sumi-900);font-size:var(--fs-xs);text-align:center;transform-style:preserve-3d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.ui-gacha-card.is-hidden{background:var(--sumi-700);color:var(--kinari-500);border-top-color:var(--line)}.ui-gacha-card.is-shown{animation:.25s ease-out ui-flip}.ui-gacha-rarity{color:var(--rarity);background:var(--sumi-900);border-radius:3px;padding:0 4px;font-weight:700}.ui-gacha-name{font-weight:700;font-size:var(--fs-sm)}.ui-gacha-tag{color:var(--shu-500);font-weight:600}.ui-gacha-back{font-size:22px}@keyframes ui-flip{0%{transform:rotateY(90deg)}to{transform:none}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@media (max-width:900px),(max-height:700px){.ui-root{--fs:12.5px;--fs-sm:11px;--fs-xs:10px;--fs-lg:15px;--fs-coins:20px;--tap:28px}.ui-header{padding:6px 10px 4px}.ui-stage{padding:4px 10px}.ui-body{padding:6px 10px 10px}.ui-footer{padding:6px 10px}.ui-retire{min-width:80px}.ui-row{padding:5px 6px}.ui-row-side{min-width:56px}}@media (orientation:portrait){.ui-root{border-left:0;border-top:1px solid var(--line)}}.ui-no-motion .ui-toast,.ui-no-motion .ui-overlay,.ui-no-motion .ui-gacha-card.is-shown,.ui-no-motion .ui-retire.is-stuck{animation:none}@media (prefers-reduced-motion:reduce){.ui-toast,.ui-overlay,.ui-gacha-card.is-shown,.ui-retire.is-stuck{animation:none}}
