:root{--bg: #0c0812;--panel: #1a1426;--line: #3a2f4e;--text: #f4f4f4;--dim: #9a90ac;--fire: #e8502c;--ice: #5ad0f0;--thunder: #f8e040;--poison: #60c040;--curse: #a050d0;--curse-dark: #5a1e78;--soul: #5ad0f0;--rare: #5a9cf0;--epic: #f8a030}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}#stage{--u: calc(var(--s, 2) * 1px);position:relative;overflow:hidden;background:var(--bg);font-size:calc(var(--u) * 7)}#game{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}#hud .top{position:absolute;left:0;right:0;top:0;height:calc(var(--u) * 24);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u) * 6)}#hud .kills,#hud .best{display:flex;flex-direction:column;line-height:1;width:calc(var(--u) * 40)}#hud .best{align-items:flex-end}#hud small{font-size:calc(var(--u) * 5);color:var(--dim)}#hud b{font-size:calc(var(--u) * 9)}#hud .kills.record b{color:var(--thunder)}#hud .timer{font-size:calc(var(--u) * 16);line-height:1;text-shadow:0 calc(var(--u) * 1) 0 #000}#hud .timer.danger{color:var(--fire)}#hud .timer.slow{color:var(--ice)}#hud .curse{position:absolute;top:calc(var(--u) * 26);left:50%;transform:translate(-50%);white-space:nowrap;background:#0c0812bf;padding:0 calc(var(--u) * 3);color:var(--curse);font-size:calc(var(--u) * 6);text-shadow:0 0 calc(var(--u) * 2) var(--curse-dark)}#hud .bottom{position:absolute;left:0;right:0;bottom:calc(var(--u) * 2);height:calc(var(--u) * 13);display:flex;justify-content:center;gap:calc(var(--u) * 3)}#hud .syn{font-size:calc(var(--u) * 7);padding:0 calc(var(--u) * 3);border:calc(var(--u) * 1) solid var(--line);line-height:calc(var(--u) * 11);opacity:.75;color:var(--dim)}#hud .syn.near{opacity:1;color:var(--text);border-style:dashed}#hud .syn.lv1,#hud .syn.lv2{opacity:1;color:#000}#hud .syn.el-fire.lv1,#hud .syn.el-fire.lv2{background:var(--fire);border-color:var(--fire)}#hud .syn.el-ice.lv1,#hud .syn.el-ice.lv2{background:var(--ice);border-color:var(--ice)}#hud .syn.el-thunder.lv1,#hud .syn.el-thunder.lv2{background:var(--thunder);border-color:var(--thunder)}#hud .syn.el-poison.lv1,#hud .syn.el-poison.lv2{background:var(--poison);border-color:var(--poison)}#hud .syn.lv2{box-shadow:0 0 calc(var(--u) * 3) #fff}#hud .mute,#hud .dbg{position:absolute;top:calc(var(--u) * 26);right:calc(var(--u) * 2);width:calc(var(--u) * 16);height:calc(var(--u) * 14);font:inherit;font-size:calc(var(--u) * 6);color:var(--dim);background:transparent;border:calc(var(--u) * 1) solid var(--line);padding:0}#hud .dbg{right:auto;left:calc(var(--u) * 2)}#toasts{position:absolute;left:0;right:0;top:calc(var(--u) * 40);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 2);pointer-events:none;z-index:5}.toast{font-size:calc(var(--u) * 7);padding:calc(var(--u) * 1) calc(var(--u) * 5);background:#0c0812cc;border:calc(var(--u) * 1) solid var(--line);animation:toast 1.4s ease-out forwards}.toast.time{color:var(--ice);border-color:var(--ice)}.toast.boss{color:var(--fire);border-color:var(--fire);font-size:calc(var(--u) * 9)}.toast.big{color:var(--thunder);border-color:var(--thunder)}@keyframes toast{0%{transform:translateY(calc(var(--u) * 6));opacity:0}12%{transform:translateY(0);opacity:1}75%{opacity:1}to{transform:translateY(calc(var(--u) * -8));opacity:0}}#overlay{position:absolute;inset:0;display:none;overflow-y:auto;background:#0c0812b8;-webkit-overflow-scrolling:touch}#overlay.show{display:block;animation:fade .15s ease-out}#overlay.solid{background:#0c0812f0}@keyframes fade{0%{opacity:0}}.panel{min-height:100%;padding:calc(var(--u) * 8) calc(var(--u) * 8) calc(var(--u) * 10);display:flex;flex-direction:column;gap:calc(var(--u) * 4)}.lvtitle{text-align:center;font-size:calc(var(--u) * 14);color:var(--thunder);letter-spacing:calc(var(--u) * 1);text-shadow:0 calc(var(--u) * 1) 0 #000}.lvtitle span{font-size:calc(var(--u) * 8);color:var(--text)}.sec{margin-top:calc(var(--u) * 4);color:var(--dim);font-size:calc(var(--u) * 6);border-bottom:calc(var(--u) * 1) solid var(--line);padding-bottom:calc(var(--u) * 1)}.sec small{font-size:calc(var(--u) * 5)}.dim{color:var(--dim)}.row{display:flex;gap:calc(var(--u) * 4);justify-content:center}.row.wrap{flex-wrap:wrap}.row.sticky{position:sticky;bottom:0;padding:calc(var(--u) * 4) 0;background:linear-gradient(transparent,var(--bg) 30%)}.btn{font:inherit;font-size:calc(var(--u) * 8);color:var(--text);background:var(--panel);border:calc(var(--u) * 1) solid var(--line);border-bottom-width:calc(var(--u) * 3);min-height:calc(var(--u) * 22);padding:calc(var(--u) * 2) calc(var(--u) * 8);cursor:pointer}.btn:active:not(:disabled){transform:translateY(calc(var(--u) * 1));border-bottom-width:calc(var(--u) * 2)}.btn.big{font-size:calc(var(--u) * 11);min-height:calc(var(--u) * 30);background:#3a2050;border-color:var(--curse)}.btn.ghost{background:transparent}.btn.small{font-size:calc(var(--u) * 6);min-height:calc(var(--u) * 16);padding:calc(var(--u) * 1) calc(var(--u) * 5)}.btn:disabled{opacity:.4}.chip{font:inherit;font-size:calc(var(--u) * 6);color:var(--dim);background:transparent;border:calc(var(--u) * 1) solid var(--line);min-height:calc(var(--u) * 16);padding:0 calc(var(--u) * 4)}.chip.on{color:#000;background:var(--thunder);border-color:var(--thunder)}.setting{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 2);align-items:center;font-size:calc(var(--u) * 6)}.setting>span{color:var(--dim);margin-right:calc(var(--u) * 2)}.cards{display:flex;flex-direction:column;gap:calc(var(--u) * 4)}.card{font:inherit;text-align:left;color:var(--text);background:var(--panel);border:calc(var(--u) * 1) solid var(--line);border-left-width:calc(var(--u) * 3);padding:calc(var(--u) * 4) calc(var(--u) * 5);cursor:pointer;min-height:calc(var(--u) * 44);animation:cardin .18s ease-out backwards}.card:nth-child(2){animation-delay:.04s}.card:nth-child(3){animation-delay:.08s}.card:nth-child(4){animation-delay:.12s}.card:nth-child(5){animation-delay:.16s}@keyframes cardin{0%{transform:translateY(calc(var(--u) * 8));opacity:0}}.card:active{filter:brightness(1.3)}.card.rar-rare{border-color:var(--rare)}.card.rar-epic{border-color:var(--epic);box-shadow:0 0 calc(var(--u) * 3) #f8a03066}.card.is-cursed{border-color:var(--curse);background:linear-gradient(135deg,#2a1040,#1a1426 60%);box-shadow:0 0 calc(var(--u) * 4) #a050d099}.card.picked{outline:calc(var(--u) * 2) solid var(--thunder)}.card.small{min-height:0}.card-head{display:flex;align-items:center;gap:calc(var(--u) * 4)}.card-title{flex:1;min-width:0}.icon{width:calc(var(--u) * 18);height:calc(var(--u) * 18);image-rendering:pixelated;background:#0c0812;border:calc(var(--u) * 1) solid var(--line);flex:none}.card-name{font-size:calc(var(--u) * 8)}.lv{font-size:calc(var(--u) * 6);color:var(--thunder)}.tags{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 1)}.tag{font-size:calc(var(--u) * 5);padding:0 calc(var(--u) * 2);border:calc(var(--u) * 1) solid var(--line);color:var(--dim)}.tag.el-fire{color:var(--fire);border-color:var(--fire)}.tag.el-ice{color:var(--ice);border-color:var(--ice)}.tag.el-thunder{color:var(--thunder);border-color:var(--thunder)}.tag.el-poison{color:var(--poison);border-color:var(--poison)}.tag.cursed{color:#fff;background:var(--curse-dark);border-color:var(--curse)}.tag.rar-rare{color:var(--rare)}.tag.rar-epic{color:var(--epic)}.tag.time,.tag.q1{color:var(--ice)}.tag.q2{color:var(--curse)}.tag.q3{color:#000;background:var(--epic);border-color:var(--epic)}.mode{font-size:calc(var(--u) * 6);padding:calc(var(--u) * 1) calc(var(--u) * 3);flex:none}.mode.new{color:var(--poison)}.mode.swap{color:var(--fire);border:calc(var(--u) * 1) solid var(--fire)}.mode.up{color:#000;background:var(--thunder)}.lines{margin:calc(var(--u) * 3) 0 0;padding:0;list-style:none;font-size:calc(var(--u) * 6);line-height:1.45}.lines li:before{content:"・";color:var(--dim)}.lines li.down{color:#ff7a7a}.lines li.uniq{color:var(--epic)}.lines li.uniq:before,.lines li.wpn:before{content:""}.lines li.wpn{color:var(--dim)}.lines li.off{opacity:.5;text-decoration:line-through}.hint{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 6);padding:calc(var(--u) * 1) calc(var(--u) * 3);border:calc(var(--u) * 1) dashed currentColor}.hint.warn{color:#ff7a7a}.el-fire{color:var(--fire)}.el-ice{color:var(--ice)}.el-thunder{color:var(--thunder)}.el-poison{color:var(--poison)}.diff{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 5);color:var(--dim);border-top:calc(var(--u) * 1) dotted var(--line);padding-top:calc(var(--u) * 2)}.title{align-items:stretch;justify-content:center}.logo{text-align:center;font-size:calc(var(--u) * 24);line-height:1.1;color:var(--text);text-shadow:calc(var(--u) * 1) calc(var(--u) * 1) 0 var(--curse-dark),calc(var(--u) * 2) calc(var(--u) * 2) 0 #000;margin-top:calc(var(--u) * 10)}.logo span{display:block;font-size:calc(var(--u) * 12);color:var(--thunder)}.sub{text-align:center;color:var(--dim);font-size:calc(var(--u) * 6);margin-bottom:calc(var(--u) * 6)}.records{display:flex;justify-content:space-around;font-size:calc(var(--u) * 6);color:var(--dim)}.records b{color:var(--text);font-size:calc(var(--u) * 9);display:block;text-align:center}.soul{color:var(--soul)!important}.inhs{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.inh{display:flex;gap:calc(var(--u) * 4);background:var(--panel);border:calc(var(--u) * 1) solid var(--line);padding:calc(var(--u) * 3)}.inh .lines{margin-top:0;font-size:calc(var(--u) * 5)}.inh .card-name{font-size:calc(var(--u) * 6)}.inh.empty{color:var(--dim);font-size:calc(var(--u) * 6);justify-content:center}.result .bignum{text-align:center;font-size:calc(var(--u) * 32);line-height:1}.result .bignum small{display:block;font-size:calc(var(--u) * 6);color:var(--dim)}.result .stats{font-size:calc(var(--u) * 7);display:flex;flex-direction:column;gap:calc(var(--u) * 1);align-items:center}.result .stats small{font-size:calc(var(--u) * 5);color:var(--dim)}.newbest{text-align:center;color:var(--thunder);font-size:calc(var(--u) * 9);animation:blink .6s steps(2) infinite}@keyframes blink{50%{opacity:.4}}.meta .souls{text-align:center;font-size:calc(var(--u) * 8)}.meta-row{display:flex;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) 0;border-bottom:calc(var(--u) * 1) dotted var(--line)}.meta-row.maxed{opacity:.55}.meta-info{flex:1}.meta-name{font-size:calc(var(--u) * 7)}.meta-eff{font-size:calc(var(--u) * 5);color:var(--dim)}.buy{min-width:calc(var(--u) * 40);color:var(--soul)}.howto h2,.howto h3{margin:calc(var(--u) * 2) 0 0;font-weight:400;color:var(--thunder)}.howto h2{font-size:calc(var(--u) * 10)}.howto h3{font-size:calc(var(--u) * 7)}.howto p{margin:0;font-size:calc(var(--u) * 6);line-height:1.5}.debug label{font-size:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 3);align-items:center}.debug select{font:inherit;font-size:calc(var(--u) * 6);max-width:60%}#hud .curse:empty{display:none}#hud .combo{position:absolute;left:calc(var(--u) * 8);top:calc(var(--u) * 44);font-size:calc(var(--u) * 20);line-height:1;text-shadow:0 calc(var(--u) * 1) 0 #000,0 0 calc(var(--u) * 3) rgba(255,255,255,.4);transform-origin:left center}#hud .combo small{display:block;font-size:calc(var(--u) * 6);letter-spacing:calc(var(--u) * 1);color:var(--dim)}#hud .combo.hot{color:var(--thunder)}#hud .combo.fire{color:var(--fire)}#hud .combo.pop{animation:pop .14s ease-out}@keyframes pop{0%{transform:scale(1.5)}to{transform:scale(1)}}#hud .foe{position:absolute;top:calc(var(--u) * 82);width:100%;text-align:center;font-size:calc(var(--u) * 7);text-shadow:0 calc(var(--u) * 1) 0 #000}#hud .foe small{font-size:calc(var(--u) * 5);color:var(--dim)}#hud .foe.boss{color:var(--fire);top:calc(var(--u) * 70)}#hud .power{position:absolute;top:calc(var(--u) * 26);width:100%;text-align:center;font-size:calc(var(--u) * 8);color:var(--thunder);text-shadow:0 calc(var(--u) * 1) 0 #000}#hud .power:empty{display:none}.btn.inflate{border-color:var(--thunder);color:var(--thunder)}.btn.inflate small{font-size:calc(var(--u) * 5);color:var(--dim)}#hud .dive{position:absolute;left:calc(var(--u) * 6);right:calc(var(--u) * 6);bottom:calc(var(--u) * 3);height:calc(var(--u) * 34);font:inherit;color:#000;background:var(--ice);border:none;border-bottom:calc(var(--u) * 3) solid #2860c0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;touch-action:manipulation}#hud .dive b{font-size:calc(var(--u) * 11);color:#000}#hud .dive span{font-size:calc(var(--u) * 6)}#hud .dive:active{transform:translateY(calc(var(--u) * 1))}#hud .dive.danger{background:var(--fire);border-bottom-color:#a02020}#hud .dive.cool{opacity:.5}.toast.dive{color:var(--ice);border-color:var(--ice);font-size:calc(var(--u) * 10)}