:root{--ink:#efe6d2;--ink-soft:#b9ab92;--white:#fff8ea;--gold:#e2bd72;--gold-2:#a8823f;--lac:#0d0b10;--lac-2:#1d1820;--red:#c8322a;--mute:#8f8472;--line:#e2bd7242;--f-title:"Noto Serif Display", "Noto Serif", Georgia, serif;--f-body:"Noto Sans", system-ui, sans-serif;--t-display:2.8em;--t-h1:2em;--t-h2:1.5em;--t-h3:1.2em;--t-body:1em;--t-small:.86em;--t-tiny:.78em;--A:/games/kagenyo/assets}#ui.lang-ko{--f-title:"Noto Serif KR", serif;--f-body:"Gothic A1", system-ui, sans-serif}#ui.lang-ja{--f-title:"Shippori Mincho B1", serif;--f-body:"M PLUS 1p", system-ui, sans-serif}#ui.lang-zh{--f-title:"Noto Serif SC", serif;--f-body:"Noto Sans SC", system-ui, sans-serif}#ui{z-index:10;pointer-events:none;font-family:var(--f-body);color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);font-weight:700;line-height:1.25;position:fixed;inset:0;overflow:hidden}#ui *{box-sizing:border-box}#ui .hit,#ui button,#ui .btn,#ui .panel,#ui .modal,#ui input,#ui .tap,#ui .kbtn,#ui .dpad{pointer-events:auto}#ui button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}#ui img{-webkit-user-drag:none;display:block}.lt{color:var(--white);text-shadow:0 .08em #000000e6,0 0 .5em #0009}.dk{color:var(--ink);text-shadow:0 .06em .12em #000000b3}.title{font-family:var(--f-title);letter-spacing:.02em;font-weight:700}.t-display{font-size:var(--t-display)}.t-h1{font-size:var(--t-h1)}.t-h2{font-size:var(--t-h2)}.t-h3{font-size:var(--t-h3)}.t-body{font-size:var(--t-body)}.t-small{font-size:var(--t-small)}.t-tiny{font-size:var(--t-tiny)}.gold{color:var(--gold)}.muted{color:var(--ink-soft)}.good{color:var(--gold)}.red{color:#ff8a70}.nowrap{white-space:nowrap}.center{text-align:center}.grow{flex:auto;min-width:0}.fit{white-space:nowrap;max-width:100%;display:block;overflow:hidden}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.balance{text-wrap:balance}.row{align-items:center;gap:.6em;display:flex}.col{flex-direction:column;gap:.6em;display:flex}.fitin{white-space:nowrap;transform-origin:0;max-width:none;display:inline-block}.btn{--bh:3.1em;height:var(--bh);min-width:7.5em;padding:0 calc(var(--bh) * .62);border:0 solid #0000;border-image:url(/games/kagenyo/assets/ui/btnDark.webp) 0 52 fill / 0 calc(var(--bh) * 52 / 84) stretch;font-family:var(--f-title);color:var(--white);cursor:pointer;background:0 0;outline:none;justify-content:center;align-items:center;gap:.4em;font-size:1.1em;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex;position:relative}.btn>.lbl{white-space:nowrap;color:#f3dfae;text-shadow:0 .07em #000000e6,0 0 .5em #e2bd7240;flex:0 auto;min-width:0;max-width:100%;padding-bottom:.06em;overflow:hidden}.btn-green,.btn-orange{border-image-source:url(/games/kagenyo/assets/ui/btnGold.webp)}.btn-green>.lbl,.btn-orange>.lbl{color:#1c1208;text-shadow:0 .06em #fff0c873}.btn .ic{filter:drop-shadow(0 .06em .1em #00000080);flex:none;width:1.5em;height:1.5em}.btn:hover{filter:brightness(1.12);transform:translateY(-.05em)scale(1.03)}.btn:active{filter:brightness(.92);transform:scale(.95)}.btn:focus-visible{filter:brightness(1.2)drop-shadow(0 0 .4em #ffe2a0)}.btn[disabled]{filter:grayscale(.85)brightness(.7);pointer-events:none}.btn.sm{--bh:2.6em;min-width:5.5em;font-size:.95em}.btn.lg{--bh:3.6em;min-width:10em;font-size:1.3em}.btn.on{filter:drop-shadow(0 0 .35em #ffd782b3)}.ibtn{cursor:pointer;filter:drop-shadow(0 .15em .25em #00000080);background:50%/contain no-repeat;border:0;flex:none;width:3.1em;height:3.1em;padding:0;transition:transform .12s}.ibtn .ico{width:100%;height:100%}.ibtn:hover{transform:scale(1.08)}.ibtn:active{transform:scale(.9)}.modal{z-index:20;-webkit-backdrop-filter:blur(3px);background:radial-gradient(#0a060c8c,#020104d9);place-items:center;animation:.2s both fadeIn;display:grid;position:absolute;inset:0}.modal.clear{-webkit-backdrop-filter:none;background:0 0}.panel{width:min(94vw,44em);max-height:min(88vh,46em);color:var(--ink);--k:calc(2.6em / 48);border:0 solid #0000;border-image:url(/games/kagenyo/assets/ui/panel9.webp) 48 fill / calc(var(--k) * 48) stretch;filter:drop-shadow(0 .6em 1.2em #0009);flex-direction:column;margin-top:2.4em;padding:1.2em 2em 1.6em;animation:.28s cubic-bezier(.2,1.3,.4,1) both popIn;display:flex;position:relative}.panel.wide{width:min(96vw,64em)}.panel.tall{height:min(88vh,46em)}.panel-head{flex:none;justify-content:center;align-items:center;height:4.6em;margin:-3.4em -1em .4em;display:flex;position:relative}.panel-head .rib{aspect-ratio:760/157;filter:drop-shadow(0 .3em .5em #00000073);background:url(/games/kagenyo/assets/ui/ribbon.webp) 50%/100% 100% no-repeat;width:min(30em,100%);position:relative;container-type:inline-size}.panel-head .rib h2{text-align:center;color:#f3dfae;text-shadow:0 .07em #000000e6,0 0 .6em #e2bd7259;margin:0;font-size:5.6cqw;line-height:1.1;position:absolute;top:54%;left:17%;right:17%;transform:translateY(-50%)}.panel-close{z-index:2;background-image:url(/games/kagenyo/assets/ui/close.webp);width:3em;height:3em;position:absolute;top:-1.5em;right:-1.6em}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-2) transparent;flex:auto;min-height:0;padding:.3em .4em .5em;position:relative;overflow:hidden auto}.panel-body::-webkit-scrollbar{width:.45em}.panel-body::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:1em}.panel-foot{flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.8em;padding-top:.8em;display:flex}.portrait .panel{--k:calc(2.2em / 48);width:94vw;padding:1em 1.3em 1.4em}.portrait .panel-close{top:-1.3em;right:-.9em}.tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:.4em;margin-bottom:.7em;display:flex}.tabs .btn{flex:6em;max-width:12em}.chip{height:2.3em;box-shadow:inset 0 0 0 .1em var(--gold-2), inset 0 .2em .3em #ffffff0f, 0 .2em .4em #00000080;background:linear-gradient(#221c24,#0d0b10);border-radius:.5em;align-items:center;gap:.3em;padding:0 .9em 0 .25em;display:inline-flex}.chip .ico{width:2em;height:2em;margin-left:-.3em}.chip span{font-variant-numeric:tabular-nums;white-space:nowrap;color:#f3dfae;min-width:1.6em}.ico{flex:none;place-items:center;width:2em;height:2em;display:inline-grid}.ico .box{max-width:100%;max-height:100%;display:block;position:relative;overflow:hidden}.ico .box>i{background-repeat:no-repeat;position:absolute}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(1.2em)}to{opacity:1;transform:none}}@keyframes drop{0%{opacity:0;transform:translateY(-1.5em)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-.35em)}}@keyframes starIn{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}60%{opacity:1;transform:scale(.9)rotate(6deg)}to{opacity:1;transform:none}}@keyframes shine{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes glowp{0%,to{filter:drop-shadow(0 0 .2em #ffc86e80)}50%{filter:drop-shadow(0 0 .7em #ffc86e)}}.rise{animation:.34s cubic-bezier(.2,1.2,.4,1) both rise}.drop{animation:.34s cubic-bezier(.2,1.2,.4,1) both drop}@media (prefers-reduced-motion:reduce){#ui *,#ui :before{transition-duration:10ms!important;animation-duration:10ms!important}}#fade{z-index:50;opacity:0;pointer-events:none;background:radial-gradient(at 50% 38%,#2a1f22 0%,#120d11 55%,#050305 100%);place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#fade.on{opacity:1;pointer-events:auto}#fade.gone{display:none}#fade .box{width:min(78vw,30em);font-size:var(--u,16px);flex-direction:column;align-items:center;gap:1em;display:flex}#fade img{filter:drop-shadow(0 .5em 1em #0009);width:100%;animation:2.4s ease-in-out infinite floaty}#fade .spin{gap:.5em;display:flex}#fade .spin i{background:linear-gradient(135deg,#fff1c8,#e2bd72 45%,#7a5520);width:.7em;height:.7em;animation:.9s ease-in-out infinite pulse;transform:rotate(45deg)}#fade .spin i:nth-child(2){animation-delay:.15s}#fade .spin i:nth-child(3){animation-delay:.3s}#fade .pbar{background:#0009;border-radius:.2em;width:80%;height:.6em;overflow:hidden;box-shadow:inset 0 0 0 .1em #e2bd7299}#fade .pbar i{background:linear-gradient(90deg,#8a6428,#ffe6a8,#8a6428) 0 0/200% 100%;width:0%;height:100%;transition:width .2s;animation:1.4s linear infinite shine;display:block}#fade .pct{color:#f3dfae;font:800 1em var(--f-body);text-shadow:0 .1em .2em #000}#fade .tip{font:700 1em var(--f-body);text-align:center;text-wrap:balance;text-shadow:0 .1em .3em #000c;color:#e6dcc4;max-width:26em;min-height:2.6em;transition:opacity .25s}.plaque{aspect-ratio:720/154;filter:drop-shadow(0 .3em .5em #00000080);background:url(/games/kagenyo/assets/ui/plaque.webp) 50%/100% 100% no-repeat;width:min(26em,84vw);position:relative;container-type:inline-size}.plaque>span{text-align:center;font-family:var(--f-title);color:#f3dfae;text-shadow:0 .07em #000000e6,0 0 .6em #e2bd724d;white-space:nowrap;font-size:6.4cqw;font-weight:700;line-height:1.1;position:absolute;top:56%;left:15%;right:15%;overflow:hidden;transform:translateY(-50%)}.rib-title{aspect-ratio:760/157;filter:drop-shadow(0 .4em .6em #00000080);background:url(/games/kagenyo/assets/ui/ribbon.webp) 50%/100% 100% no-repeat;width:min(34em,96vw);margin:0 auto;position:relative;container-type:inline-size}.rib-title>span{text-align:center;font-family:var(--f-title);color:#f3dfae;text-shadow:0 .07em #000000e6;white-space:nowrap;font-size:5.4cqw;font-weight:700;line-height:1.1;position:absolute;top:54%;left:17%;right:17%;overflow:hidden;transform:translateY(-50%)}#ui-title{place-items:center;display:grid}.ttl-wrap{flex-direction:column;justify-content:flex-end;align-items:center;gap:1.1em;padding-bottom:max(6vh,2em);display:flex;position:absolute;inset:0}.landscape .ttl-wrap{padding-bottom:max(5vh,1.4em)}.ttl-tap{animation:1.6s ease-in-out infinite pulse}.ttl-foot{text-align:center;font-size:var(--t-tiny);opacity:.75;position:absolute;bottom:.5em;left:0;right:0}#ui-hub{overflow:hidden}.topbar{z-index:3;align-items:center;gap:.45em;display:flex;position:absolute;top:.5em;left:.6em;right:.6em}.topbar .sp{flex:1}.hub-menu{z-index:2;flex-direction:column;gap:.55em;width:min(22em,40vw);display:flex;position:absolute;top:50%;right:1.2em;transform:translateY(-46%)}.hub-menu .btn{width:100%;padding-left:calc(var(--bh) * .55);justify-content:flex-start}.hub-menu .btn.noic{padding-left:calc(var(--bh) * .48);padding-right:calc(var(--bh) * .48);justify-content:center}.hub-menu .btn .ic{width:1.9em;height:1.9em}.hub-menu .btn.play{--bh:3.6em;font-size:1.25em}.hub-menu .row2{grid-template-columns:1fr 1fr;gap:.5em;display:grid}.hub-menu .row2 .btn{min-width:0}.portrait .hub-menu{top:auto;left:0;right:0;bottom:max(1.4em, env(safe-area-inset-bottom));width:min(26em,92vw);margin:0 auto;transform:none}.short .hub-menu{gap:.35em;width:min(22em,46vw)}.short .hub-menu .btn{--bh:2.5em;font-size:.95em}.short .hub-menu .btn.play{--bh:2.9em;font-size:1.1em}.hub-logo{z-index:2;filter:drop-shadow(0 .4em .8em #0009);width:min(34vw,26em);position:absolute;top:3.4em;left:2em}.portrait .hub-logo{width:min(80vw,24em);margin:0 auto;top:3.6em;left:0;right:0}.short .hub-logo{width:min(24vw,15em);top:3em;left:1em}.hub-profile{z-index:2;align-items:center;gap:.5em;display:flex;position:absolute;bottom:1em;left:1.2em}.portrait .hub-profile{display:none}#ui-story{overflow:hidden}.reg-art{background:50%/cover no-repeat;transition:opacity .35s;position:absolute;inset:0}.reg-art:after{content:"";background:linear-gradient(#00000059,#0000000d 30%,#0000001a 60%,#000000bf);position:absolute;inset:0}.reg-name{z-index:2;flex-direction:column;align-items:center;gap:.2em;display:flex;position:absolute;top:3.6em;left:0;right:0}.reg-name .sub{font-size:var(--t-small)}.reg-nav{z-index:3;background-image:url(/games/kagenyo/assets/ui/arrow.webp);width:3.2em;height:3.2em;margin-top:-1.6em;position:absolute;top:50%}.reg-nav.l{left:.5em}.reg-nav.r{right:.5em;transform:scaleX(-1)}.portrait .reg-nav{width:2.8em;height:2.8em;margin-top:0;top:5.6em}.portrait .reg-name .plaque{width:min(20em,68vw)}.reg-nav.r:hover{transform:scaleX(-1)scale(1.08)}.reg-nav[disabled]{opacity:.3;pointer-events:none}.stages{grid-template-columns:repeat(5, var(--nd));--nd:4.4em;z-index:2;gap:1.1em 1.5em;display:grid;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.portrait .stages{--nd:min(4.2em, 16vw);grid-template-columns:repeat(4, var(--nd));gap:1.2em .6em;top:52%}.short .stages{--nd:3.3em;gap:.5em 1.1em;top:57%}.node{width:var(--nd);height:var(--nd);cursor:pointer;background:0 0;border:0;padding:0;transition:transform .15s;position:relative}.node>.ico{width:100%;height:100%;position:absolute;inset:0}.node>b{text-align:center;font-family:var(--f-title);font-size:calc(var(--nd) * .34);color:#f3dfae;text-shadow:0 .07em #000000e6;position:absolute;top:50%;left:0;right:0;transform:translateY(-52%)}.node.boss>b{top:56%}.node:hover{transform:scale(1.07)}.node:active{transform:scale(.93)}.node.cur{animation:1.4s ease-in-out infinite glowp}.node.lock{cursor:default;filter:brightness(.8)}.node .st{gap:.02em;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%,-.45em)}.node .st .ico{width:calc(var(--nd) * .27);height:calc(var(--nd) * .27)}.node .st .ico.off{filter:grayscale()brightness(.55)}.story-foot{z-index:3;justify-content:center;gap:.6em;display:flex;position:absolute;bottom:.8em;left:0;right:0}.cards{grid-template-columns:repeat(auto-fill,minmax(min(15em,100%),1fr));gap:.6em;display:grid}.card{box-shadow:inset 0 0 0 .08em var(--line);cursor:pointer;text-align:left;min-width:0;color:inherit;background:linear-gradient(#fff0d20f,#fff0d205);border:0;border-radius:.6em;align-items:center;gap:.7em;padding:.6em .7em;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.card:hover{box-shadow:inset 0 0 0 .1em var(--gold-2)}.card .pic{background:url(/games/kagenyo/assets/ui/slot.webp) 50%/100% 100% no-repeat;flex:none;place-items:center;width:3.6em;height:3.6em;display:grid}.card .pic .ico{width:78%;height:78%}.card .tx{flex-direction:column;flex:1;gap:.15em;min-width:0;display:flex}.card .tx b{font-family:var(--f-title);color:#f3dfae;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.02em;line-height:1.15;display:-webkit-box;overflow:hidden}.card .tx span{font-size:var(--t-small);color:var(--ink-soft);font-weight:600}.card .tag{font-size:var(--t-tiny);color:#1c1208;background:linear-gradient(#ffe6a8,#c99a48);border-radius:.3em;padding:.1em .5em;font-weight:800;position:absolute;top:.45em;right:.5em}.card.sel{box-shadow:inset 0 0 0 .14em var(--gold), 0 0 .8em #e2bd7240}.card.lock{opacity:.55;filter:grayscale(.6)}.card .cost{font-size:var(--t-small);color:#f3dfae;align-items:center;gap:.2em;display:flex}.card .cost .ico{width:1.4em;height:1.4em}.card .pips{gap:.2em;display:flex}.card .pips i{background:#ffffff24;border-radius:.1em;width:.9em;height:.45em}.card .pips i.on{background:linear-gradient(90deg,#c99a48,#ffe6a8)}.modes{grid-template-columns:repeat(auto-fill,minmax(min(17em,100%),1fr));gap:.6em;display:grid}.mode-card .pic{width:4.2em;height:4.2em}.loadout{flex-wrap:nowrap;justify-content:center;gap:.4em;margin-bottom:.6em;display:flex}.loadout .slotb{background:url(/games/kagenyo/assets/ui/slot.webp) 50%/100% 100% no-repeat;place-items:center;width:3.6em;height:3.6em;display:grid}.loadout .slotb .ico{width:76%;height:76%}#ui-play{font-size:1em}.hud-top{z-index:3;pointer-events:none;align-items:flex-start;gap:.5em;display:flex;position:absolute;top:.45em;left:.5em;right:.5em}.hud-top .sp{flex:1}.hud-l{--k:calc(1.4em / 40);border:0 solid #0000;border-image:url(/games/kagenyo/assets/ui/hudbar.webp) 40 fill / calc(var(--k) * 40) stretch;contain:layout style;align-items:center;gap:.45em;padding:.3em .9em .3em .3em;display:flex}.medal{width:3em;height:3em;box-shadow:0 0 0 .14em var(--gold), 0 .15em .3em #0009;background:radial-gradient(circle,#2a2026 60%,#0d0b10);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.medal .ico{width:118%;height:118%;margin-top:18%}.hearts{will-change:transform;gap:.08em;display:flex}.hearts i{width:1.35em;height:1.35em;display:grid}.hearts i .ico{width:100%;height:100%}.hearts i.off{filter:grayscale()brightness(.35);opacity:.7}.hearts.hit{animation:.35s hshake}@keyframes hshake{0%,to{transform:none}25%{transform:translate(-.2em)}75%{transform:translate(.2em)}}.kibar{width:8.6em;height:.62em;box-shadow:0 0 0 .1em var(--gold-2);background:#000000b3;border-radius:.15em;overflow:hidden}.kibar .kin{width:100%;height:100%;overflow:hidden}.kibar .kin i{will-change:transform;background:linear-gradient(90deg,#4a5cff,#9fd0ff,#e0d0ff);width:100%;height:100%;transition:transform .2s;display:block;transform:translate(-100%)}.kibar.full{box-shadow:0 0 0 .1em #e0d0ff,0 0 .7em #a080ff}.hud-r{--k:calc(1.4em / 40);border:0 solid #0000;border-image:url(/games/kagenyo/assets/ui/hudbar.webp) 40 fill / calc(var(--k) * 40) stretch;contain:layout style;align-items:center;gap:.35em;padding:.3em .55em;display:flex}.hchip{font-variant-numeric:tabular-nums;align-items:center;gap:.15em;display:flex}.hchip .ico,.hchip .tico .ico{width:1.6em;height:1.6em}.hchip b{color:#f3dfae;text-shadow:0 .06em #000;min-width:1.4em}.tico{display:grid}.scrolls{gap:.05em;display:flex}.scrolls i{filter:grayscale()brightness(.35);width:1.4em;height:1.4em;display:grid}.scrolls i .ico{width:100%;height:100%}.scrolls i.got{filter:drop-shadow(0 0 .3em #ffd070)}.hval{flex-direction:column;align-items:flex-end;min-width:4.4em;line-height:1.05;display:flex}.hval span{color:var(--ink-soft);max-width:6em}.hval b{font-family:var(--f-title);color:#f3dfae;font-variant-numeric:tabular-nums;font-size:1.15em}.pz{pointer-events:auto;flex:none;width:2.8em!important;height:2.8em!important}.bossbar{z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:.15em;width:min(30em,70vw);display:flex;position:absolute;top:4.2em;left:50%;transform:translate(-50%)}.bossbar .bn{color:#f3dfae;text-shadow:0 .08em #000,0 0 .5em #000;text-align:center;max-width:100%;font-size:1em}.bossbar .bb{width:100%;height:.8em;box-shadow:0 0 0 .1em var(--gold), 0 .15em .3em #000;background:#000000bf;border-radius:.15em;overflow:hidden}.bossbar .bb i{will-change:transform;background:linear-gradient(90deg,#8a1810,#e0402a,#ff9a6a);width:100%;height:100%;transition:transform .15s;display:block}.combo{z-index:3;pointer-events:none;color:#ffe6a8;text-shadow:0 .08em #3a1a00,0 0 .6em #ffb43cb3;align-items:baseline;gap:.25em;display:flex;position:absolute;top:5.6em;right:1.2em}.combo b{font-variant-numeric:tabular-nums;font-size:2.6em;line-height:1}.combo span{font-size:1em}.combo{transform-origin:100%}.combo.pop{animation:.25s cubic-bezier(.2,1.6,.4,1) cpop}@keyframes cpop{0%{transform:scale(1.4)}to{transform:none}}.banner{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:.3em;display:flex;position:absolute;top:24%;left:0;right:0}.banner.show{animation:2.2s both bannerIn}.banner .bsub{font-size:var(--t-small);text-align:center;text-wrap:balance;max-width:90vw}@keyframes bannerIn{0%{opacity:0;transform:scale(.7)}12%{opacity:1;transform:scale(1.05)}20%{transform:none}80%{opacity:1}to{opacity:0}}.hint{width:max-content;max-width:92vw;box-shadow:inset 0 0 0 .09em var(--gold-2);color:#f3dfae;text-align:center;z-index:4;pointer-events:none;text-wrap:balance;background:#08060ad1;border-radius:.5em;margin:0 auto;padding:.5em 1.1em;animation:.3s both rise;position:absolute;top:38%;left:0;right:0}.portrait .hint{top:30%}.ctrl{z-index:3;pointer-events:none;--cb:1;--cs:calc(var(--cb) * var(--cu,1));position:absolute;bottom:0;left:0;right:0}.ctrl.kb{--cb:.78}.ctrl.kb .kbtn{opacity:.78;cursor:pointer}.ctrl.kb .kbtn:hover{opacity:1}.kl{white-space:nowrap;color:#f3dfae;text-shadow:0 .08em .15em #000,0 0 .3em #000;pointer-events:none;align-items:center;gap:.25em;font-size:.72em;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.kl kbd{font:800 .9em var(--f-body);box-shadow:inset 0 0 0 .08em var(--gold-2);color:#fff3d6;background:#0009;border-radius:.25em;padding:.05em .4em}.dpad .kl{bottom:4%}.dpad .r .kl{transform:translate(-50%)scaleX(-1)}.kbtn.hl{z-index:2;animation:.7s ease-in-out infinite kpulse;opacity:1!important}.tutbox{z-index:6;pointer-events:auto;--k:calc(1.6em / 48);border:0 solid #0000;border-image:url(/games/kagenyo/assets/ui/panel9.webp) 48 fill / calc(var(--k) * 48) stretch;flex-direction:column;align-items:center;gap:.5em;width:max-content;max-width:min(92vw,30em);margin:0 auto;padding:.8em 1.2em;display:flex;position:absolute;top:22%;left:0;right:0}.tutbox p{text-align:center;color:#f3dfae;margin:0;font-size:1.05em}.portrait .tutbox{top:14%}.tutptr{z-index:6;pointer-events:none;width:3em;height:3em;margin:-3.4em 0 0 -1.5em;animation:.7s ease-in-out infinite ptr;position:absolute}.tutptr img{width:100%;height:100%;transform:rotate(-90deg)}@keyframes ptr{0%,to{translate:0}50%{translate:0 -.5em}}.kbtn{width:calc(5.4em * var(--cs));height:calc(5.4em * var(--cs));pointer-events:auto;touch-action:none;opacity:.82;place-items:center;transition:transform 60ms,opacity .1s;display:grid;position:absolute}.kbtn .ico{width:100%;height:100%}.kbtn.on{opacity:1;transform:scale(.88)}.kbtn.cool{opacity:.42}.kbtn.empty{opacity:.3}.kbtn.ready{opacity:1;animation:.9s ease-in-out infinite kpulse}@keyframes kpulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.kbtn.spec:not(.ready){opacity:.4}.dpad{left:max(1em, env(safe-area-inset-left));bottom:max(.6em, env(safe-area-inset-bottom));width:calc(12.6em * var(--cs));height:calc(7.6em * var(--cs));pointer-events:auto;touch-action:none;position:absolute}.dpad .kbtn{pointer-events:none}.dpad .l{top:0;left:0}.dpad .r{top:0;right:0;transform:scaleX(-1)}.dpad .r.on{transform:scaleX(-1)scale(.9)}.dpad .d{left:50%;top:calc(4.4em * var(--cs));width:calc(3em * var(--cs));height:calc(3em * var(--cs));margin-left:calc(-1.5em * var(--cs));opacity:.8;transform:rotate(-90deg)}.dpad .dl{top:77.6%;bottom:auto;left:63%;transform:translateY(-50%);flex-direction:row!important}.dpad .d.on{transform:rotate(-90deg)scale(.9)}.acts{right:max(1em, env(safe-area-inset-right));bottom:max(1em, env(safe-area-inset-bottom));width:calc(15em * var(--cs));height:calc(12.4em * var(--cs));position:absolute}.acts .atk{width:calc(6.8em * var(--cs));height:calc(6.8em * var(--cs));bottom:0;right:0}.acts .jmp{right:calc(7.2em * var(--cs));bottom:0}.acts .dsh{right:calc(.6em * var(--cs));bottom:calc(7em * var(--cs))}.acts .thr{right:calc(6.4em * var(--cs));bottom:calc(5.8em * var(--cs));width:calc(4.4em * var(--cs));height:calc(4.4em * var(--cs))}.acts .spec{right:calc(11.2em * var(--cs));bottom:calc(6.4em * var(--cs));width:calc(4.2em * var(--cs));height:calc(4.2em * var(--cs))}.portrait .ctrl{--cb:.8;height:calc(16em * var(--cs) + env(safe-area-inset-bottom));box-shadow:0 -.12em 0 var(--gold-2), 0 -.5em 1.2em #000000b3;pointer-events:auto;background:linear-gradient(#1a1418,#0b090c 40%)}.portrait .dpad{left:.5em;bottom:calc(4.4em * var(--cs) + env(safe-area-inset-bottom));width:calc(10.4em * var(--cs));height:calc(5em * var(--cs))}.portrait .dpad .kbtn{width:calc(5em * var(--cs));height:calc(5em * var(--cs))}.portrait .dpad .d{top:calc(5.1em * var(--cs));width:calc(3.6em * var(--cs));height:calc(3.6em * var(--cs));margin-left:calc(-1.8em * var(--cs))}.portrait .dpad .dl{top:138%;left:69%}.portrait .acts{bottom:calc(.6em + env(safe-area-inset-bottom));width:calc(15.6em * var(--cs));height:calc(15em * var(--cs));right:.5em}.portrait .acts .atk{width:calc(6.4em * var(--cs));height:calc(6.4em * var(--cs));bottom:0;right:0}.portrait .acts .jmp{right:calc(6.8em * var(--cs));width:calc(5.2em * var(--cs));height:calc(5.2em * var(--cs));bottom:0}.portrait .acts .dsh{right:calc(.6em * var(--cs));bottom:calc(6.8em * var(--cs));width:calc(4.8em * var(--cs));height:calc(4.8em * var(--cs))}.portrait .acts .thr{right:calc(6.2em * var(--cs));bottom:calc(5.6em * var(--cs));width:calc(4.3em * var(--cs));height:calc(4.3em * var(--cs))}.portrait .acts .spec{right:calc(11.2em * var(--cs));bottom:calc(6.6em * var(--cs));width:calc(4.2em * var(--cs));height:calc(4.2em * var(--cs))}.portrait .kbtn{opacity:.95}.portrait .hud-r{grid-template-columns:auto auto;align-items:center;gap:.1em .5em;display:grid}.portrait .kibar{width:6.6em}.portrait .hearts i{width:1.15em;height:1.15em}.portrait .medal{width:2.5em;height:2.5em}.portrait.narrow .ctrl{--cb:.7}.portrait.tiny .ctrl{--cb:.58}.short .kbtn{opacity:.7}.short .ctrl{--cb:.9}.xshort .ctrl{--cb:.78}.short .hud-top{top:.25em}.short .bossbar{top:3.4em}.short .combo{top:4.4em}.tiny .hud-r .hval{display:none}.tiny .kibar{width:6em}.narrow .hud-l{padding-right:.5em}.narrow .medal{display:none}.res-stars{justify-content:center;align-items:flex-end;gap:.5em;margin:.2em 0 .4em;display:flex}.res-stars .sc{text-align:center;flex-direction:column;align-items:center;gap:.2em;width:6.4em;display:flex}.res-stars .sc .ico{width:3.8em;height:3.8em}.res-stars .sc span{font-size:var(--t-tiny);color:var(--ink-soft);line-height:1.15}.res-stars .sc.off .ico{filter:grayscale()brightness(.5)}.res-stars .sc.on .ico{animation:.55s cubic-bezier(.2,1.4,.4,1) both starIn}.res-stats{grid-template-columns:repeat(auto-fit,minmax(7.5em,1fr));gap:.4em;margin:.4em 0;display:grid}.res-stats>div{box-shadow:inset 0 0 0 .07em var(--line);background:#fff0d20d;border-radius:.4em;flex-direction:column;align-items:center;padding:.4em;display:flex}.res-stats span{font-size:var(--t-tiny);color:var(--ink-soft)}.res-stats b{font-family:var(--f-title);color:#f3dfae;font-size:1.25em}.res-score{text-align:center}.list{flex-direction:column;gap:.45em;display:flex}.item{box-shadow:inset 0 0 0 .08em var(--line);background:linear-gradient(#fff0d20f,#fff0d205);border-radius:.5em;align-items:center;gap:.7em;padding:.5em .8em;display:flex}.item .ico{width:2.6em;height:2.6em}.item.dim{opacity:.5;filter:grayscale(.7)}.item .tx{flex-direction:column;flex:1;min-width:0;display:flex}.item .tx b{font-size:var(--t-body);color:#f3dfae}.item .tx span{font-size:var(--t-small);color:var(--ink-soft);font-weight:600}.item .rk{text-align:center;width:2em;font-family:var(--f-title);color:var(--gold);font-size:1.2em}.item.me{box-shadow:inset 0 0 0 .1em var(--gold);background:linear-gradient(#e2bd7238,#e2bd721a)}.setrow{border-bottom:.07em solid var(--line);justify-content:space-between;align-items:center;gap:.8em;padding:.5em .2em;display:flex}.setrow input[type=range]{width:min(12em,40vw);accent-color:var(--gold)}.center-row{pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.toast-in{color:var(--ink);box-shadow:0 0 0 .1em var(--gold), 0 .3em .8em #0009;background:linear-gradient(#221c24,#0d0b10);border-radius:.5em;align-items:center;gap:.6em;max-width:92vw;padding:.5em 1.2em .5em .6em;display:flex}.toast-in .ico{width:2.6em;height:2.6em}.toosmall{z-index:100;color:#f3dfae;text-align:center;background:#0d0b10;place-items:center;padding:1em;font:700 14px system-ui,sans-serif;display:grid;position:fixed;inset:0}.portrait .loadout .slotb{width:3em;height:3em}.tiny .hub-menu .row2 .btn .ic{display:none}.tiny .hub-menu .row2 .btn{padding:0 calc(var(--bh) * .45)}.hk{font:800 .8em var(--f-body);box-shadow:inset 0 0 0 .08em var(--gold-2);color:#fff3d6;white-space:nowrap;background:#0000008c;border-radius:.3em;flex:none;padding:.2em .5em}.siterow .btn{--bh:2.7em;font-size:.95em}.siterow:has(>:only-child){grid-template-columns:1fr}.sitelink{color:var(--gold);text-underline-offset:.2em;pointer-events:auto;text-decoration:underline}.tutbox .tic{flex:none;width:3.2em;height:3.2em;display:grid}.tutbox .tic .ico{width:100%;height:100%}.tutbox .tic.flip{transform:scaleX(-1)}.ctrl.kb .kl{flex-direction:column;gap:.05em;line-height:1.05}.ctrl.kb .acts .spec{right:calc(12.2em * var(--cs))}.hub-menu .row2 .btn{padding:0 calc(var(--bh) * .48);font-size:.95em}.hub-menu .row2 .btn .ic{width:1.6em;height:1.6em}#ui img.sym,img.sym{vertical-align:-.3em;pointer-events:none;width:auto;height:1.3em;margin:0 .1em;display:inline-block}#ui img.sym-S,#ui img.sym-C{vertical-align:-.22em;height:1.15em}#ui img.sym-B{vertical-align:-.08em;height:.9em;margin-right:.35em}#ui img.sym-N{vertical-align:-.16em;height:1.05em}.fit:has(.sym){white-space:nowrap}.lv:has(.sym){white-space:nowrap}kbd:has(.sym){white-space:nowrap}