:root{color-scheme:light;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ground: #fbfbf9;--ground-deep: #eeece6;--ink: #26355c;--ink-deep: #1a2542;--ink-soft: #5c6d97;--paper: #fffdf5;--field: #ffffff;--grid: #e6e6ee;--tape: #f2e6c6;--tape-line: #d8c79a;--coral: #ef6f5c;--leaf: #7fb069;--gold: #f2c14e;--accent: var(--coral);--danger: #e0503c;--ok: var(--leaf);--radius: 14px;--radius-sm: 10px;--board-gutter: 0px;--cut: 3px;--lift: 0 3px 0 rgba(38, 53, 92, .1), 0 6px 14px rgba(38, 53, 92, .16);--font: "Inter", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", system-ui, sans-serif;--mono: "SFMono-Regular", "Consolas", ui-monospace, monospace}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img,canvas,video{-webkit-user-drag:none;user-drag:none}html,body{margin:0;height:100%}body{background-color:var(--ground);background-image:url(/games/kibaku/tex/grain.png),url(/games/kibaku/bg/pastel.webp);background-blend-mode:soft-light,normal;background-size:auto,cover;background-position:center,center;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;color:var(--ink);font-family:var(--font);font-size:13px;line-height:1.5;display:flex;justify-content:center;padding:14px}#app{display:flex;flex-direction:column;gap:12px;min-width:0}.cut{background:var(--ink);border-radius:var(--radius);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift)}#topbar{display:flex;align-items:center;gap:20px;padding:9px 16px;background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:var(--radius);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift);color:var(--paper)}.brand{display:flex;align-items:baseline;gap:8px;flex-shrink:0;margin-right:auto}.brand h1{margin:0;display:flex;line-height:0}.brand h1 img{height:30px;width:auto;display:block}.tag{font-family:var(--mono);font-size:10px;color:var(--ink);background:var(--tape);border-radius:999px;padding:1px 8px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-right:auto}.legend-item{display:flex;align-items:center;gap:6px;color:#fffdf5c7;font-size:11px;white-space:nowrap}.legend-item canvas{width:22px;height:22px;display:block}.topbar-actions{display:flex;gap:8px;flex-shrink:0}.btn{font:inherit;font-size:12px;font-weight:600;color:var(--ink);background:var(--paper);border:0;border-radius:999px;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px #1a254273;transition:transform .08s,box-shadow .08s}.btn:hover{background:#fff}.btn:active{transform:translateY(2px);box-shadow:0 0 #1a254273}.btn.ghost{background:var(--tape)}kbd{font-family:var(--mono);font-size:10px;color:var(--ink-soft);border:1px solid currentColor;border-radius:4px;padding:0 4px}.tape-label{background-color:var(--tape);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;color:var(--ink);font-weight:700;letter-spacing:.1em;text-align:center;padding:3px 14px;clip-path:polygon(4% 0,96% 4%,100% 100%,2% 96%);box-shadow:0 2px 5px #26355c2e}img.type{display:block;height:100%;width:auto}img.type.is-missing{height:auto}#stage{display:flex;align-items:stretch;justify-content:center;gap:10px}.player{display:flex;flex-direction:column;gap:8px;padding:0}.player-head{display:flex;align-items:center;gap:8px;align-self:center;background-color:var(--tape);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;color:var(--ink);padding:2px 18px;clip-path:polygon(3% 0,97% 5%,100% 100%,1% 95%);box-shadow:0 2px 5px #26355c2e}.pname{display:flex;height:17px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.1em}.pchar{font-size:12px;font-weight:600}.pkind{font-size:10px;font-weight:700;color:var(--ink-soft)}.warn{display:flex;align-items:center;gap:8px;height:22px;background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:999px;box-shadow:0 0 0 var(--cut) var(--paper),var(--lift);padding:0 12px}.warn-track{flex:1;height:8px;background:var(--ink-deep);border-radius:999px;overflow:hidden}.warn-fill{height:100%;width:0;background:linear-gradient(90deg,var(--gold) 0%,var(--coral) 55%,#7b3fa0 100%);background-size:calc(100% + var(--warn-shift, 100%)) 100%;background-position:left center;background-repeat:no-repeat;transition:width .18s ease-out}.warn-count{font-family:var(--mono);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;min-width:2ch;text-align:right;color:#fffdf599}.warn.is-active .warn-count{color:var(--gold)}.warn.is-high .warn-count{color:var(--coral)}.play{display:flex;gap:10px;align-items:flex-start}.player[data-player="0"] .play{flex-direction:row-reverse}.board-frame{display:flex;flex-direction:column;gap:7px;padding:7px;background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:var(--radius);box-shadow:0 0 0 var(--cut) var(--paper),0 6px #26355c1f,0 12px 26px #26355c33;transition:box-shadow .2s}.player.is-dead .board-frame{box-shadow:0 0 0 var(--cut) var(--danger),0 6px #26355c1f,0 12px 26px #e0503c4d}.rail{display:grid;grid-template-columns:repeat(var(--lights, 6),1fr);gap:5px;height:8px}.light{width:18px;justify-self:center;border-radius:2px;background:var(--ink-deep);box-shadow:inset 0 1px 2px #0000008c,0 1px #fffdf514;transition:background-color .18s,box-shadow .18s}.light.is-on{background:var(--gold);box-shadow:inset 0 1px 1px #fff9,0 0 10px #f2c14ee6}.rail.is-firing .light{background:var(--coral);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ef6f5c;transition:none;animation:rail-fire .1s steps(1,end) 3}@keyframes rail-fire{0%{opacity:1}50%{opacity:.12}}.board-wrap{position:relative;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--field);background-size:cover;background-position:center bottom;background-repeat:no-repeat;isolation:isolate;padding:0 var(--board-gutter);box-shadow:inset 0 2px 5px #1a254252}.chara-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.chara-layer video.chara-src{position:absolute;left:-9999px;top:0;height:400px;width:auto;pointer-events:none}.chara-layer video.chara-view{position:absolute;left:50%;top:var(--chara-top, 67%);height:var(--chara-height, 110%);width:auto;transform:translate(-50%,-50%);pointer-events:none;visibility:hidden}.chara-layer video.chara-view.is-on{visibility:visible}.player[data-player="1"] .chara-layer:not(.no-mirror) video.chara-view{transform:translate(-50%,-50%) scaleX(-1)}.chara-layer canvas{position:absolute;left:50%;top:var(--chara-top, 67%);height:var(--chara-height, 110%);width:auto;transform:translate(-50%,-50%);opacity:1}.result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden}.result.is-shown{opacity:1;visibility:visible;animation:result-pop .72s cubic-bezier(.2,.9,.3,1.5) both,result-sway 1.9s .72s ease-in-out infinite}.result img{width:88%;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(26,37,66,.45))}.result img.is-missing{display:none}.result-text{position:absolute;font-family:var(--mono);font-size:40px;font-weight:700;letter-spacing:.06em;color:var(--paper);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--coral)}.result img:not(.is-missing)+.result-text,.result-text:has(+img:not(.is-missing)){display:none}.result.is-lose{filter:saturate(.75)}@keyframes result-pop{0%{transform:scale(.15) rotate(-10deg);opacity:0}40%{transform:scale(1.28) rotate(4deg);opacity:1}58%{transform:scale(.88) rotate(-3deg)}74%{transform:scale(1.1) rotate(2deg)}88%{transform:scale(.96) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes result-sway{50%{transform:scale(1.06) rotate(-1.5deg)}}.player[data-player="1"] .chara-layer:not(.no-mirror) canvas{transform:translate(-50%,-50%) scaleX(-1)}canvas.board{display:block;position:relative;z-index:2}.side{display:flex;flex-direction:column;gap:10px;width:104px;flex-shrink:0}.slot-label{display:flex;align-items:center;justify-content:center;height:20px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink);background-color:var(--tape);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;text-align:center;padding:3px 0;margin-bottom:-6px;position:relative;z-index:1;clip-path:polygon(6% 0,94% 6%,100% 100%,3% 94%)}.slot.is-spent .slot-label{color:var(--ink-soft);background:var(--ground-deep)}.slot-box{background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:var(--radius-sm);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift);padding:10px 6px 6px;display:flex;justify-content:center}.slot-box canvas{display:block}.middle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:84px;flex-shrink:0}.vs{position:relative;padding:12px 14px;font-family:var(--mono);font-size:18px;font-weight:700;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:50%;width:66px;height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #26355c33}.vs:before,.vs:after{content:"";position:absolute;top:78%;left:26%;border-style:solid}.vs:before{border-width:20px 12px 0 0;border-color:var(--ink) transparent transparent transparent}.vs:after{border-width:14px 8px 0 0;border-color:var(--paper) transparent transparent transparent;margin:-2px 0 0 2px}.cue{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;pointer-events:none}.cue[hidden]{display:none}.cue>*{grid-area:1 / 1}.gostart-text{font-family:var(--font);font-size:clamp(34px,12vmin,120px);font-weight:900;letter-spacing:.04em;line-height:1;color:var(--paper);-webkit-text-stroke:.11em var(--ink);paint-order:stroke fill;opacity:0}.gostart-word{display:block;font-weight:inherit}.cue.is-swell .gostart-text{animation:gostart-swell var(--swell) cubic-bezier(.2,.7,.3,1) forwards}.cue.is-burst .gostart-text{animation:gostart-blow var(--burst) ease-out forwards}.cue.is-burst .gostart-word{animation:none}@keyframes gostart-swell{0%{opacity:0;transform:scale(.86)}12%{opacity:1}to{opacity:1;transform:scale(1.06)}}@keyframes gostart-tremble{0%,40%{transform:translate(0)}55%{transform:translate(.6%,-.6%)}62%{transform:translate(-.7%,.5%)}70%{transform:translate(1%,.8%)}76%{transform:translate(-1.2%,-.7%)}82%{transform:translate(1.4%,-1.1%)}87%{transform:translate(-1.7%,1.2%)}91%{transform:translate(1.9%,1.4%)}95%{transform:translate(-2.2%,-1.5%)}98%{transform:translate(2.4%,.9%)}to{transform:translate(-1.6%,-1.2%)}}@keyframes gostart-blow{0%{opacity:1;transform:scale(1.06)}to{opacity:0;transform:scale(1.32)}}.gostart-flash{width:100%;height:100%;background:radial-gradient(circle,#fff8e0d9,#fff8e000 62%);opacity:0}.cue.is-burst .gostart-flash{animation:gostart-flash .26s ease-out forwards}@keyframes gostart-flash{0%{opacity:.95}to{opacity:0}}.gostart-ring{width:clamp(80px,26vmin,280px);aspect-ratio:1;border-radius:50%;border:.6vmin solid var(--gold);opacity:0}.cue.is-burst .gostart-ring{animation:gostart-ring .62s cubic-bezier(.1,.8,.3,1) forwards}@keyframes gostart-ring{0%{opacity:1;transform:scale(.25);border-width:1.4vmin}to{opacity:0;transform:scale(2.6);border-width:.1vmin}}.gostart-shards{width:0;height:0}.gostart-shards i{position:absolute;left:0;top:0;width:1.4vmin;height:4.6vmin;margin:-2.3vmin 0 0 -.7vmin;border-radius:.4vmin;background:var(--coral);opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}.cue.is-burst .gostart-shards i{animation:gostart-shard .56s cubic-bezier(.1,.75,.35,1) forwards}.gostart-shards i:nth-child(2n){background:var(--gold);height:3.4vmin}.gostart-shards i:nth-child(3n){background:var(--paper)}@keyframes gostart-shard{0%{opacity:1;transform:rotate(var(--a)) translateY(-4vmin) scale(.5)}to{opacity:0;transform:rotate(var(--a)) translateY(-30vmin) scale(1.1)}}.banner{font-size:12px;font-weight:700;text-align:center;color:var(--ink);background:var(--tape);padding:6px 8px;border-radius:var(--radius-sm);line-height:1.4;box-shadow:0 2px 6px #26355c33}#help{display:flex;gap:22px;flex-wrap:wrap;padding:8px 16px;background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:var(--radius);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift);color:#fffdf599;font-size:11px}#help b{color:var(--tape);font-weight:700;margin-right:6px}.beam-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#panel{position:fixed;top:14px;right:14px;bottom:14px;width:272px;overflow-y:auto;background:var(--paper);border-radius:var(--radius);box-shadow:0 0 0 3px var(--ink),0 18px 50px #26355c4d;padding:14px 16px;color:var(--ink);z-index:10}#panel[hidden]{display:none}#panel h2{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:16px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--ground-deep)}#panel h2:first-child{margin-top:0}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0}.row label{color:var(--ink);font-size:11px}input,select{font:inherit;font-size:11px;font-family:var(--mono);color:var(--ink);background:var(--ground);border:1px solid var(--ground-deep);border-radius:6px;padding:3px 6px}input[type=number]{width:66px;text-align:right}input[type=text]{width:100%}input[type=checkbox]{width:14px;height:14px;accent-color:var(--coral)}select{width:116px}#panel .btn{width:100%;justify-content:center;margin-top:12px;background:var(--coral);color:var(--paper)}.note{color:var(--ink-soft);font-size:10px;line-height:1.6;white-space:pre-line;margin:8px 0 0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--ground);transition:opacity .25s ease-out}#loading[hidden]{display:none}#loading.is-done{opacity:0;pointer-events:none}.loading-title{margin:0;font-size:15px;font-weight:700;letter-spacing:.14em;color:var(--ink)}.loading-bar{width:min(320px,60vw);height:10px;border-radius:999px;background:var(--ground-deep);box-shadow:inset 0 2px 5px #1a25422e;overflow:hidden}.loading-bar i{display:block;width:0;height:100%;border-radius:999px;background:var(--accent);transition:width .2s ease-out}.loading-note{margin:0;font-family:var(--mono);font-size:11px;color:var(--ink-soft)}#scaler{display:flex;justify-content:center;align-items:flex-start;width:100%}#scaler>#app{flex:0 0 auto}body.is-scaled #scaler{height:var(--fit-height, auto);overflow:hidden}body.is-scaled{overflow-x:hidden}#pad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}#pad[hidden]{display:none}.pad-side{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:flex-end;pointer-events:auto}.pad-left{left:calc(12px + env(safe-area-inset-left))}.pad-right{right:calc(12px + env(safe-area-inset-right));display:grid;grid-template-columns:repeat(2,auto);gap:8px}.pad-btn{width:56px;height:56px;border:none;border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.06em;box-shadow:0 0 0 var(--cut) var(--paper),var(--lift);transition:transform .06s,filter .06s;touch-action:none}.pad-btn.is-down{transform:translateY(2px);filter:brightness(1.35)}.pad-round{border-radius:50%;font-size:22px}.pad-wide{width:56px;height:56px;font-size:11px}.pad-btn[data-act=left]:before,.pad-btn[data-act=right]:before,.pad-btn[data-act=softDrop]:before{content:"";display:block;margin:auto;width:0;height:0;border:11px solid transparent}.pad-btn[data-act=left]:before{border-right-color:var(--paper);margin-left:13px}.pad-btn[data-act=right]:before{border-left-color:var(--paper);margin-right:13px}.pad-btn[data-act=softDrop]:before{border-top-color:var(--paper);margin-top:18px}body.has-pad{padding-bottom:8px}#rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:var(--ground);pointer-events:auto;touch-action:none}#rotate[hidden]{display:none}.rotate-icon{font-size:68px;line-height:1;color:var(--ink);animation:rotate-hint 2.4s ease-in-out infinite}@keyframes rotate-hint{0%,30%{transform:rotate(90deg)}60%,to{transform:rotate(0)}}.rotate-title{margin:0;font-size:17px;font-weight:700;letter-spacing:.08em;color:var(--ink)}.rotate-note{margin:0;font-size:12px;color:var(--ink-soft)}#pad.is-away{display:none}#tools{position:fixed;top:10px;right:12px;z-index:30;display:flex;gap:8px}.panel-close{position:sticky;top:0;z-index:1;align-self:flex-end;margin-bottom:8px}body.is-scaled,html:has(body.is-scaled){overflow:hidden}.score-slot{margin-top:2px}.score-value{font-family:var(--mono);font-size:17px;font-weight:700;text-align:right;color:var(--paper);background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:var(--radius-sm);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift);padding:4px 10px;font-variant-numeric:tabular-nums}#screens{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--ground);background-image:url(/games/kibaku/tex/grain.png),url(/games/kibaku/bg/pastel.webp);background-blend-mode:soft-light,normal;background-size:auto,cover;background-position:center,center;overflow:auto}#screens[hidden]{display:none}.screen{display:flex;flex-direction:column;align-items:center;gap:12px}#screens.is-title{background-image:url(/games/kibaku/bg/title.webp);background-size:cover;background-position:center;background-blend-mode:normal}#screens.is-online{background-image:linear-gradient(#fbfbf9c7,#fbfbf9c7),url(/games/kibaku/bg/title.webp);background-size:cover,cover;background-position:center,center;background-blend-mode:normal,normal}.title-logo{width:min(1040px,40vw);height:auto;display:block;margin-bottom:1.5vw;filter:drop-shadow(0 6px 10px rgba(38,53,92,.22))}.title-start{border:0;padding:0;background:transparent;cursor:pointer;margin-top:8px;transition:transform .08s}.title-start img{display:block;width:min(330px,13.5vw);height:auto;filter:drop-shadow(0 4px 8px rgba(38,53,92,.25))}.title-start:hover img{filter:drop-shadow(0 6px 12px rgba(38,53,92,.32)) brightness(1.03)}.title-start:active{transform:translateY(3px)}.title-start:focus-visible{outline:none}.title-start:focus-visible img{filter:drop-shadow(0 0 0 4px var(--coral)) drop-shadow(0 4px 8px rgba(38,53,92,.25))}.screen-start{font-size:15px;padding:10px 28px;background:var(--tape)}.screen-hint{margin:1vw 0 0;font-size:clamp(11px,.85vw,20px);color:var(--ink-soft);text-align:center}body.has-pad .screen-hint{display:none}@media(max-height:400px){.screen-hint{display:none}}#screens.is-title{padding-bottom:clamp(46px,9vh,76px)}@media(max-height:400px){.title-logo{width:min(700px,30vw);margin-bottom:.6vw}}.studio-credit{position:absolute;left:50%;bottom:calc(clamp(24px,3.4vh,46px) + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:var(--ink-soft);font-size:clamp(10px,.8vw,16px);font-weight:900;letter-spacing:.14em;text-decoration:none;opacity:.75;transition:opacity .18s,color .18s}.title-legal{position:absolute;left:50%;bottom:calc(clamp(2px,.6vh,8px) + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap;font-size:clamp(9px,.62vw,12px);letter-spacing:.06em;color:var(--ink-soft);opacity:.7}.title-legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}.title-legal a:hover,.title-legal a:focus-visible{color:var(--ink)}.studio-credit img{width:clamp(22px,1.9vw,34px);height:auto;border-radius:50%}.studio-credit:hover,.studio-credit:focus-visible{color:var(--ink);opacity:1}.select-stage{position:relative;display:flex;justify-content:center}.select-pose{width:min(260px,44vw);height:min(340px,46vh)}.pose{position:relative;height:100%;aspect-ratio:252 / 546;margin:0 auto;overflow:hidden;border-radius:var(--radius);background:var(--field);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift)}.pose canvas{position:absolute;left:50%;top:var(--chara-top, 51%);height:var(--chara-height, 104%);width:auto;transform:translate(-50%,-50%);display:block}.pose video.chara-src{position:absolute;left:-9999px;top:0;height:400px;width:auto;pointer-events:none}.pose video.chara-view{position:absolute;left:50%;top:var(--chara-top, 51%);height:var(--chara-height, 104%);width:auto;transform:translate(-50%,-50%);display:block;pointer-events:none}.attack-thumb{position:absolute;left:-74px;bottom:-10px;width:132px;padding:6px 8px 8px;background-color:var(--ink);background-image:url(/games/kibaku/tex/grain.png);background-blend-mode:soft-light;border-radius:var(--radius-sm);box-shadow:0 0 0 var(--cut) var(--paper),var(--lift)}.attack-thumb-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:#fffdf5cc;margin-bottom:3px}.attack-thumb canvas{display:block;width:100%;height:132px}.select-name{margin:0;font-size:17px;font-weight:700}.select-note{margin:0;max-width:420px;font-size:11px;color:var(--ink-soft);text-align:center}.select-strip{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.select-chip{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:5px;border:0;border-radius:var(--radius-sm);background:var(--paper);font:inherit;font-size:10px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:0 2px #1a254259}.select-chip.is-on{background:var(--tape);box-shadow:0 0 0 var(--cut) var(--ink),var(--lift)}.select-chip .pose{height:132px;border-radius:6px;box-shadow:none}.select-chip .pose canvas{height:calc(var(--chara-height, 104%) * 2);top:calc(var(--chara-top, 51%) + var(--chara-height, 104%) * .47)}.select-chip[data-id=kazu] .pose canvas{top:-42%;height:234%;transform:translate(-50%)}body.is-preplay #app,body.is-preplay #tools{visibility:hidden}.screen-select-frame{position:relative;width:var(--sf-w, 1672px);height:var(--sf-h, 941px);overflow:hidden;flex:none;gap:0}#screens:has(.screen-select-frame){padding:0;background-image:none;background-color:#101a30;overflow:hidden}.sf-canvas{position:absolute;left:0;top:0;transform-origin:top left}.sf-art{position:absolute;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.sf-art.is-missing{display:none}.sf-bg{z-index:0}.sf-pose{position:absolute;z-index:1;display:grid;place-items:end center;pointer-events:none}.sf-pose .pose{background:none;box-shadow:none;border-radius:0;overflow:visible}.sf-pose .pose{height:100%}.sf-slot{position:absolute;z-index:2;padding:0;border:0;background:none;cursor:pointer;overflow:hidden}.sf-slot.is-empty,.sf-slot.is-locked{cursor:default}.sf-slot.is-locked .sf-bust{filter:brightness(0);opacity:.45}.sf-lock{position:absolute;top:50%;left:50%;width:58%;height:58%;transform:translate(-50%,-50%);color:#fffdf5eb;filter:drop-shadow(0 2px 3px rgba(10,20,40,.85));pointer-events:none}.sf-slot-pose{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.sf-bust{width:92%;height:92%;object-fit:contain;display:block}.screen-select-frame.is-decided .sf-slot,.screen-select-frame.is-decided .sf-page,.screen-select-frame.is-decided .sf-confirm{cursor:default}.screen-select-frame.is-decided .sf-slot,.screen-select-frame.is-decided .sf-page{pointer-events:none}.sf-slot.is-decided .sf-slot-frame{animation:sf-decided .2s infinite}@keyframes sf-decided{0%,49%{filter:none}50%,to{filter:brightness(2.4) drop-shadow(0 0 8px rgba(255,238,150,.95))}}.sf-slot-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.sf-slot.is-empty .sf-slot-frame{opacity:.45}.sf-name{z-index:3}.sf-note{position:absolute;z-index:3;margin:0;display:grid;place-items:center;text-align:center;color:#fdf6e3;font-size:21px;font-weight:700;line-height:1.35;text-shadow:0 2px 4px rgba(10,20,40,.6);pointer-events:none}.sf-note.is-long{font-size:18px}.sf-brand{position:absolute;z-index:4;display:block;cursor:pointer;filter:drop-shadow(0 0 3px rgba(255,250,230,.75)) drop-shadow(0 3px 5px rgba(10,20,40,.6));transition:transform .12s}.sf-brand[hidden]{display:none}.sf-brand:hover,.sf-brand:active{transform:scale(1.06)}.sf-brand img{display:block;width:100%;height:100%;object-fit:contain}.sf-collab-medal{position:absolute;right:4%;bottom:4%;width:30%;height:auto;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(10,20,40,.7))}.sf-slot.is-locked .sf-collab-medal{opacity:.5}.sf-thumb{position:absolute;z-index:2;display:block}.sf-page,.sf-confirm{position:absolute;z-index:4;padding:0;border:0;background:none;cursor:pointer;transition:transform .08s}.sf-page:active,.sf-confirm:active{transform:translateY(3px)}.sf-page.is-idle{opacity:.28;cursor:default}.sf-page.is-idle:active{transform:none}.sf-pagenum{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:#fdf6e3;text-shadow:0 2px 4px rgba(10,20,40,.7),0 0 14px rgba(10,20,40,.5);pointer-events:none}.sf-page-art,.sf-confirm-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sf-confirm{animation:sf-confirm-idle 2.4s ease-in-out infinite}.sf-confirm-art{transition:filter .16s ease-out,transform .16s ease-out}.sf-confirm:hover .sf-confirm-art,.sf-confirm:focus-visible .sf-confirm-art{filter:drop-shadow(0 0 10px rgba(255,233,150,.95)) drop-shadow(0 0 26px rgba(242,193,78,.7)) brightness(1.1);transform:scale(1.03)}.sf-confirm:focus-visible{outline:none}@keyframes sf-confirm-idle{0%,to{filter:drop-shadow(0 0 3px rgba(242,193,78,.35))}50%{filter:drop-shadow(0 0 12px rgba(242,193,78,.75))}}.sf-back{position:absolute;z-index:4;display:grid;place-items:center;padding:0;border:0;border-radius:999px;font:inherit;font-size:26px;font-weight:900;letter-spacing:.04em;color:var(--ink);background:var(--paper);box-shadow:0 4px #1a254280;cursor:pointer;opacity:.92;transition:transform .12s,opacity .12s}.sf-back.is-on,.sf-back:hover,.sf-back:focus-visible{opacity:1;transform:scale(1.04);outline:none}.sf-back.is-on{box-shadow:0 4px #1a254280,0 0 10px #ffe996f2,0 0 22px #f2c14eb3}.sf-back:active{transform:translateY(3px);box-shadow:0 1px #1a254280}.select-back{margin-top:4px}body.ui-frame #scaler{display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;height:100svh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}body.ui-frame{background-image:none;background-color:#101a30;padding:0;align-items:center}.gf-root{position:relative}.gf-canvas{position:absolute;left:0;top:0;transform-origin:top left}.gf-art{position:absolute;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.gf-art.is-missing{display:none}.gf-player{display:block;gap:0;pointer-events:none}.gf-player>*{pointer-events:auto}.gf-name{position:absolute;display:flex;align-items:center;font-size:26px;font-weight:700;color:#1a2542;white-space:nowrap;pointer-events:none}.gf-gauge{display:block;height:auto;padding:0;background:none;box-shadow:none;border-radius:0}.gf-gauge .warn-track{height:100%;border-radius:999px;background:#0a12248c}.gf-gauge-value{display:grid;place-items:center;font-size:19px;color:#ffe9a8;text-shadow:0 2px 4px rgba(0,0,0,.6);text-align:center;min-width:0}.gf-field{padding:0;background:none;box-shadow:none;border-radius:0;justify-content:space-between}.player.is-dead .gf-field{box-shadow:none}.gf-field .board-wrap{flex:1;min-height:0;display:grid;place-items:center;border-radius:8px;box-shadow:none;background-color:#fffffff5}.gf-field canvas.board{transform:scale(var(--gf-board, 1));transform-origin:center}.gf-slot .slot-label{display:none}.gf-slot{display:grid;place-items:center}.gf-slot .slot-box{width:100%;height:100%;padding:0;background:none;box-shadow:none;border-radius:0;display:grid;place-items:center}.gf-slot .slot-box canvas{transform:scale(var(--gf-mini, 1));transform-origin:center}body.ui-frame #tools{z-index:60}body:not(.dev) #tools{display:none}.gf-rail{display:block;gap:0}.gf-rail .light{border-radius:4px;background:transparent;box-shadow:none}.gf-rail .light.is-on{background:var(--gold);box-shadow:inset 0 1px 2px #ffffff80,0 0 10px #f2c14ee6}.gf-rail.is-firing .light{background:var(--coral);box-shadow:inset 0 1px 2px #ffffff80,0 0 12px #ef6f5c;animation:rail-fire .1s steps(1,end) 3}.gf-rail-hidden{display:none}img.gostart-word{display:block;width:min(52vw,760px);height:auto}.cue-word-text{font-size:clamp(30px,9vmin,96px);white-space:nowrap}.cue-word-text[hidden],.cue-sub[hidden]{display:none}.cue-sub{display:block;margin-top:.4em;font-size:clamp(14px,2.8vmin,26px);font-weight:900;letter-spacing:.06em;color:var(--paper);-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-align:center}.cue.is-hold .gostart-text{animation:none;opacity:1;transform:scale(1)}.gf-slot .score-value{width:100%;padding:0;background:none;box-shadow:none;border-radius:0;text-align:center;font-size:34px;color:#ffe9a8;text-shadow:0 2px 0 rgba(26,37,66,.9),0 0 12px rgba(242,193,78,.45)}#after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;align-content:center;justify-items:center;gap:14px;background:radial-gradient(circle,#1a25428c,#1a254240 70%);animation:after-in .32s ease-out both}#after[hidden]{display:none}@keyframes after-in{0%{opacity:0}to{opacity:1}}.after-go{padding:0;border:0;background:none;cursor:pointer;line-height:0;animation:after-pulse 2s ease-in-out infinite;transition:transform .12s ease-out}.after-go img{display:block;width:min(360px,34vmin);height:auto}.after-go:hover,.after-go:focus-visible{transform:scale(1.04);outline:none}.after-go:active{transform:translateY(3px)}.after-go-label{display:none}.after-go.is-text{line-height:1.5;font:inherit;font-size:clamp(15px,2.6vmin,22px);font-weight:700;color:var(--ink);background:var(--paper);border-radius:999px;padding:10px 34px;box-shadow:0 3px #1a254280}.after-go.is-text img{display:none}.after-go.is-text .after-go-label{display:block}@keyframes after-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(242,193,78,.4))}50%{filter:drop-shadow(0 0 14px rgba(242,193,78,.85))}}.after-hint{margin:0;font-size:clamp(10px,1.6vmin,13px);font-family:var(--mono);color:#fffdf5bf;letter-spacing:.08em}#pad.is-in-frame{pointer-events:none}.gf-pad-btn{pointer-events:auto;width:auto;height:auto;font-size:20px;border-radius:16px;box-shadow:0 0 0 4px var(--paper),0 4px #1a254259,0 8px 18px #1a25424d}.gf-pad-btn.pad-round{border-radius:50%;font-size:34px}.gf-pad-btn.pad-wide{font-size:17px;letter-spacing:.04em}.gf-pad-btn[data-act=left]:before,.gf-pad-btn[data-act=right]:before,.gf-pad-btn[data-act=softDrop]:before{border-width:16px}.gf-pad-btn.gf-pad-tall{border-radius:26px;font-size:48px}.gf-pad-btn.gf-pad-tall[data-act=left]:before,.gf-pad-btn.gf-pad-tall[data-act=right]:before{border-width:22px}#pad [data-act][hidden]{display:none}body.has-pad .gf-slot .score-value{font-size:26px}.title-menu{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;align-items:center;gap:clamp(6px,.8vw,14px);margin-top:8px}.title-item img{width:min(330px,13.5vw);transition:filter .12s,transform .12s}.title-item.is-on img,.title-item:hover img{filter:drop-shadow(0 0 8px rgba(255,233,150,.95)) drop-shadow(0 0 22px rgba(242,193,78,.7)) brightness(1.06);transform:scale(1.04)}.title-item.is-soon{opacity:.45;cursor:default}.title-item.is-soon.is-on img,.title-item.is-soon:hover img{filter:drop-shadow(0 4px 8px rgba(38,53,92,.25));transform:none}.title-item.is-text{font:inherit;font-size:clamp(15px,1.4vw,22px);font-weight:700;color:var(--ink);background:var(--paper);border-radius:999px;padding:10px 40px;min-width:min(300px,14vw);box-shadow:0 3px #1a254280;transition:box-shadow .12s,transform .12s}.title-item.is-text.is-on,.title-item.is-text:hover{box-shadow:0 0 0 3px var(--gold),0 3px #1a254280,0 0 18px #f2c14e99;transform:scale(1.04)}.title-item.is-text.is-soon.is-on,.title-item.is-text.is-soon:hover{box-shadow:0 3px #1a254280;transform:none}.screen-lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--paper);text-align:center}.lobby-title{margin:0;font-size:clamp(22px,3vw,40px);font-weight:900;letter-spacing:.08em;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.lobby-status{margin:0;min-height:1.6em;font-size:clamp(13px,1.3vw,18px);color:var(--ink);font-weight:700}.lobby-code{display:none;font-family:var(--mono);font-size:clamp(36px,6vw,84px);font-weight:700;letter-spacing:.25em;padding:.1em .5em .1em .75em;color:var(--ink);background:var(--paper);border-radius:14px;box-shadow:0 4px #1a254280,0 0 24px #f2c14e80}.lobby-code.is-shown{display:block}.lobby-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.lobby-btn{font-size:clamp(14px,1.3vw,18px);padding:10px 22px}.lobby-input{width:6em;font:inherit;font-family:var(--mono);font-size:clamp(16px,1.6vw,22px);font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase;padding:8px 10px;border:0;border-radius:999px;color:var(--ink);background:var(--paper);box-shadow:0 2px #1a254273}.lobby-input:focus{outline:3px solid var(--gold)}.lobby-back{margin-top:8px}.screen-difficulty{gap:clamp(10px,2vmin,18px)}.difficulty-heading{margin:0 0 6px;font-size:clamp(22px,4vmin,40px);font-weight:900;letter-spacing:.1em;color:var(--paper);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.difficulty-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:min(360px,70vw);padding:10px 32px}.difficulty-label{font-size:clamp(17px,3vmin,24px);font-weight:900}.difficulty-note{font-size:clamp(11px,1.8vmin,14px);font-weight:400;color:#1a2542bf}.title-item.is-text.is-on,.title-item.is-text:hover{filter:drop-shadow(0 0 8px rgba(255,233,150,.95)) drop-shadow(0 0 20px rgba(242,193,78,.7));transform:scale(1.04)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#141d38c7;animation:after-in .18s ease-out both}.modal-box{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.4vmin,20px);max-width:min(540px,92vw);padding:clamp(20px,3.6vmin,30px) clamp(20px,4vmin,34px);background:var(--paper);border-radius:var(--radius);box-shadow:0 6px #1a254280,0 18px 40px #0a142866;text-align:center}.modal-title{margin:0;font-size:clamp(17px,3vmin,23px);font-weight:900;letter-spacing:.04em;color:var(--ink)}.modal-body{margin:0;font-size:clamp(13px,2.2vmin,15px);line-height:1.8;color:var(--ink);text-align:left}.modal-body+.modal-body{margin-top:.7em}.modal-body b{font-weight:900;background:linear-gradient(transparent 62%,#f2c14e8c 62%)}.modal-go{font-size:clamp(15px,2.6vmin,18px);font-weight:700;padding:10px 40px;min-width:9em;justify-content:center;box-shadow:0 3px #1a254280}.modal-go:active{transform:translateY(3px);box-shadow:0 0 #1a254280}.modal-imgs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2vmin,18px)}.modal-imgs img{height:clamp(90px,18vmin,150px);width:auto}.modal-btn-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.modal-sub-btn{font-size:clamp(13px,2.2vmin,16px);font-weight:700;padding:10px 24px;justify-content:center;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:0 3px #1a254280}.modal-box-guide{max-height:min(84vh,640px);overflow-y:auto;text-align:left}.modal-sub{margin:.9em 0 0;font-size:clamp(13px,2.2vmin,16px);font-weight:900;color:var(--ink)}.modal-row{font-size:clamp(11px,1.8vmin,14px);line-height:1.7}.modal-body.modal-row+.modal-body.modal-row{margin-top:4px}.screen-notice{justify-content:center;gap:10px;color:var(--paper);text-align:center}.notice-text{margin:0;font-size:clamp(20px,3vw,38px);font-weight:900;letter-spacing:.06em;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.notice-sub{margin:0;font-size:clamp(13px,1.3vw,18px);color:#fffdf5d9}.notice-dots{display:inline-block;margin-left:.2em}.notice-dots i{display:inline-block;width:.22em;height:.22em;margin:0 .06em;border-radius:50%;background:currentColor;vertical-align:baseline;animation:notice-dot 1.2s infinite ease-in-out}.notice-dots i:nth-child(2){animation-delay:.2s}.notice-dots i:nth-child(3){animation-delay:.4s}@keyframes notice-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-.15em)}}.sf-timer{position:absolute;z-index:4;display:flex;align-items:baseline;justify-content:center;gap:10px;color:#fdf6e3;text-shadow:0 2px 4px rgba(10,20,40,.7),0 0 14px rgba(10,20,40,.5);pointer-events:none}.sf-timer-label{font-size:26px;font-weight:700}.sf-timer-num{font-size:84px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;min-width:2ch;text-align:center}.sf-timer.is-urgent{color:#ff6a55;animation:timer-pulse .5s infinite ease-in-out}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.select-timer{margin:0;font-size:clamp(16px,2vw,24px);font-weight:900;color:var(--paper);-webkit-text-stroke:.05em var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums}.select-timer.is-urgent{color:#ff6a55;animation:timer-pulse .5s infinite ease-in-out}.tap-gate{cursor:pointer}.tap-gate-label{margin:0;color:var(--paper);font-size:clamp(18px,3.6vmin,28px);font-weight:900;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:tap-gate-pulse 1.4s infinite ease-in-out}@keyframes tap-gate-pulse{0%,to{opacity:1}50%{opacity:.5}}.fs-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(8px);z-index:60;max-width:min(90vw,420px);padding:10px 18px;border-radius:999px;background:#1a2542eb;color:var(--paper);font-size:clamp(11px,1.8vmin,14px);font-weight:700;line-height:1.6;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.fs-toast.is-on{opacity:1;transform:translate(-50%) translateY(0)}.fs-btn.pause-btn{display:none;left:auto;right:calc(12px + var(--safe-right))}body.can-pause:not(.is-preplay):not(.is-portrait) .fs-btn.pause-btn{display:grid}body.dev .fs-btn.pause-btn{top:calc(54px + var(--safe-top))}body.is-paused .pause-btn svg path{d:path("M8 5l10 7-10 7z")}#pause,#after-online{position:fixed;top:0;right:0;bottom:0;left:0;z-index:72;display:grid;place-items:center;background:radial-gradient(circle,#1a25429e,#1a254261 70%);animation:after-in .18s ease-out both}#pause[hidden],#after-online[hidden]{display:none}#after-online{background:radial-gradient(circle,#1a254280,#1a254238 70%)}.choice-box{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vmin,14px);padding:clamp(18px,3.5vmin,32px) clamp(28px,5vmin,48px);border-radius:22px;background:#1a25428c;box-shadow:0 10px 30px #0a142873}.choice-title{margin:0 0 4px;font-size:clamp(26px,5vmin,44px);font-weight:900;letter-spacing:.18em;color:var(--paper);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.choice-item{font:inherit;font-size:clamp(15px,2.8vmin,22px);font-weight:700;color:var(--ink);background:var(--paper);border:0;border-radius:999px;padding:10px 40px;min-width:min(320px,60vw);box-shadow:0 3px #1a254280;cursor:pointer;transition:transform .12s,filter .12s}.choice-item[hidden]{display:none}.choice-item:disabled{opacity:.55;cursor:default}.choice-item.is-on,.choice-item:hover{filter:drop-shadow(0 0 8px rgba(255,233,150,.95)) drop-shadow(0 0 20px rgba(242,193,78,.7)) brightness(1.05);transform:scale(1.05)}.choice-item:active{transform:translateY(3px);box-shadow:0 0 #1a254280}.choice-hint{margin:6px 0 0;font-size:clamp(10px,1.6vmin,13px);font-family:var(--mono);color:#fffdf5bf;letter-spacing:.08em}.fs-btn{position:fixed;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));z-index:65;width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;border-radius:999px;color:var(--ink);background:var(--paper);box-shadow:0 2px #1a254273,0 4px 10px #1a254233;cursor:pointer;opacity:.85;transition:opacity .12s,transform .08s}.fs-btn:hover{opacity:1}.fs-btn:active{transform:translateY(2px);box-shadow:0 0 #1a254273}.fs-btn[hidden]{display:none}.snd-btn{left:calc(58px + var(--safe-left))}#togglevoice.snd-btn{left:calc(104px + var(--safe-left))}.snd-btn .snd-slash{display:none}.snd-btn.is-off{opacity:.6}.snd-btn.is-off .snd-on{opacity:.35}.snd-btn.is-off .snd-slash{display:block;color:var(--coral, #e5484d)}body.has-pad .snd-btn{left:calc(66px + var(--safe-left))}body.has-pad #togglevoice.snd-btn{left:calc(118px + var(--safe-left))}body.is-portrait .snd-btn{display:none}.fs-btn.is-on svg{transform:rotate(180deg)}body.has-pad .fs-btn{width:44px;height:44px}body.is-portrait .fs-btn{display:none}.title-item{position:relative}.title-item:before{content:"";position:absolute;right:100%;top:50%;width:clamp(22px,2.2vw,34px);aspect-ratio:1;margin-right:clamp(8px,.9vw,16px);transform:translateY(-50%) scale(.4);background:url(/games/kibaku/type/menu-cursor.webp) center / contain no-repeat;opacity:0;transition:opacity .12s,transform .12s;pointer-events:none}.title-item.is-on:before{opacity:1;transform:translateY(-50%) scale(1)}.title-menu .title-item:nth-child(2n):before{right:auto;left:100%;margin-right:0;margin-left:clamp(8px,.9vw,16px)}.title-item.is-soon:before{display:none}.difficulty-heading img{display:block;width:min(380px,25vw);height:auto;margin:0 auto}.select-back.art-back{padding:0;border:0;background:none;cursor:pointer;line-height:0}.select-back.art-back img{display:block;width:min(200px,13vw);height:auto;transition:filter .12s,transform .12s}.select-back.art-back.is-on img,.select-back.art-back:hover img,.select-back.art-back:focus-visible img{filter:drop-shadow(0 0 8px rgba(255,233,150,.9));transform:scale(1.04)}.select-back.art-back:focus-visible{outline:none}.lobby-art{padding:0;border:0;background:none;cursor:pointer;line-height:0}.lobby-art img{display:block;width:clamp(180px,15vw,260px);height:auto;transition:filter .12s,transform .12s}.lobby-art.is-back img{width:clamp(140px,11vw,200px)}.lobby-art:hover img,.lobby-art:focus-visible img{filter:drop-shadow(0 0 8px rgba(255,233,150,.9));transform:scale(1.04)}.lobby-art:active img{transform:translateY(2px) scale(1.01)}.lobby-art:focus-visible{outline:none}.title-item:not(.is-text){padding:0;border:0;background:none;cursor:pointer;line-height:0}.difficulty-item:not(.is-text){min-width:0;padding:0;gap:0}.difficulty-item img{display:block;width:clamp(200px,22vw,320px);height:auto;transition:filter .12s,transform .12s}.difficulty-item.is-on img,.difficulty-item:hover img{filter:drop-shadow(0 0 8px rgba(255,233,150,.95)) drop-shadow(0 0 22px rgba(242,193,78,.7)) brightness(1.06);transform:scale(1.04)}.lobby-title.is-art{margin:0;line-height:0}.lobby-brand{display:block;width:min(1040px,40vw);height:auto;margin-bottom:clamp(2px,.6vh,10px);filter:drop-shadow(0 6px 10px rgba(38,53,92,.22))}.lobby-title.is-art img{display:block;width:clamp(260px,30vw,460px);height:auto}.screen-keyconfig{gap:clamp(6px,1.2vmin,12px);width:min(640px,96vw);max-height:100%;overflow-y:auto;padding:clamp(10px,1.8vmin,20px) clamp(14px,3vmin,26px);background:var(--paper);border-radius:var(--radius);box-shadow:0 6px #1a254280,0 18px 40px #0a142866}.kc-title{margin:0;font-size:clamp(16px,2.8vmin,22px);font-weight:900;letter-spacing:.04em;color:var(--ink)}.kc-grid{width:100%;display:grid;gap:4px;align-content:start}.kc-grid-row{display:grid;grid-template-columns:minmax(72px,.9fr) repeat(4,minmax(0,1fr));gap:4px;align-items:stretch}.kc-grid-head .kc-label{min-height:0}.kc-batch{font:inherit;font-size:clamp(9px,1.5vmin,11px);font-weight:700;color:var(--ink-soft);background:transparent;border:2px dashed var(--tape-line);border-radius:8px;padding:2px 0;cursor:pointer}.kc-batch:hover{background:var(--tape)}.kc-slot{font:inherit;font-size:clamp(10px,1.7vmin,13px);font-weight:800;letter-spacing:.02em;color:var(--ink);background:#f2e6c673;border:0;border-radius:8px;padding:6px 2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kc-slot:hover{background:var(--tape)}.kc-slot.is-empty{color:var(--ink-soft);background:#f2e6c633}.kc-slot.is-key{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.kc-slot.is-waiting{background:var(--ink);color:var(--paper);animation:kc-wait .5s steps(2,jump-none) infinite}@keyframes kc-wait{50%{opacity:.55}}.kc-presets{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.kc-tabs{display:flex;gap:6px;justify-content:center}.kc-tab{font:inherit;font-size:clamp(11px,1.9vmin,15px);font-weight:700;color:var(--ink);background:transparent;border:2px solid var(--tape-line);border-radius:999px;padding:5px 20px;cursor:pointer}.kc-tab:hover{background:var(--tape)}.kc-note{margin:0;min-height:1.5em;font-size:clamp(10px,1.6vmin,12px);color:var(--ink-soft);text-align:center}.kc-note.is-warn{color:#c0392b;font-weight:700}.kc-live{margin:0;min-height:1.4em;font-family:var(--mono, monospace);font-size:clamp(10px,1.6vmin,12px);color:var(--ink);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kc-assign{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}.kc-assign-row{display:inline-flex;align-items:center;gap:4px}.kc-assign-label{font-size:clamp(10px,1.6vmin,12px);font-weight:700;color:var(--ink-soft)}.kc-assign-btn{font:inherit;font-size:clamp(10px,1.6vmin,12px);font-weight:700;color:var(--ink);padding:2px 10px;border:2px solid var(--tape-line);border-radius:999px;background:#f2e6c673;cursor:pointer}.kc-assign-btn.is-on{border-color:var(--ink);background:var(--tape)}.kc-label{display:flex;align-items:center;font-size:clamp(10px,1.7vmin,13px);font-weight:600;color:var(--ink)}.screen-keyconfig button.is-on{outline:3px solid var(--ink);outline-offset:-3px}.kc-tab.is-current{color:var(--paper);background:var(--ink);border-color:var(--ink)}.kc-hint{margin:0;min-height:1.6em;font-size:clamp(10px,1.6vmin,13px);color:var(--ink-soft);text-align:center}.kc-hint.is-warn{color:#c0392b;font-weight:700}.kc-foot{display:flex;gap:10px;justify-content:center}.kc-btn{font:inherit;font-size:clamp(12px,1.9vmin,15px);font-weight:700;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;padding:7px 22px;cursor:pointer;box-shadow:0 3px #1a254280;transition:transform .08s,box-shadow .08s}.kc-btn:active{transform:translateY(3px);box-shadow:0 0 #1a254280}.kc-btn-main{color:var(--paper);background:var(--ink)}.screen-collab{gap:clamp(8px,1.4vmin,14px);width:min(980px,96vw);max-height:100%;padding:clamp(12px,2.2vmin,20px) clamp(14px,2.6vmin,24px);background:var(--paper);border-radius:var(--radius);box-shadow:0 6px #1a254280,0 18px 40px #0a142866}.cp-title{margin:0;line-height:0}.cp-title img{display:block;height:clamp(44px,8vmin,76px);width:auto}.cp-title.is-text{line-height:1;font-size:clamp(15px,2.6vmin,21px);font-weight:900;letter-spacing:.06em;color:var(--ink)}.cp-body{flex:1 1 auto;min-height:0;width:100%;display:grid;grid-template-columns:clamp(80px,10vmin,110px) minmax(0,1fr) minmax(0,1fr);gap:clamp(8px,1.6vmin,18px);align-items:stretch}.cp-mid{position:relative;display:flex;flex-direction:column;min-height:0}.cp-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.cp-face{font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:2px solid var(--tape-line);border-radius:10px;background:#f2e6c673;color:var(--ink);cursor:pointer}.cp-face img{width:100%;height:auto;display:block}.cp-face-name{font-size:clamp(10px,1.5vmin,12px);font-weight:700}.cp-face:hover{background:var(--tape)}.cp-face.is-on{border-color:var(--ink);background:var(--tape)}.cp-face-vacant{border-style:dashed}.cp-sil{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:432 / 300;color:#1a254259}.cp-sil svg{height:88%}.cp-vacant-pose{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#1a25422e}.cp-vacant-pose svg{width:min(70%,300px)}.cp-recruit[hidden]{display:none}.cp-recruit{flex:1 1 auto;min-height:clamp(180px,40vmin,420px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vmin,14px);padding:clamp(14px,2.6vmin,24px);border:3px dashed var(--tape-line);border-radius:10px;background:#f2e6c659;text-align:center}.cp-recruit-mark{width:clamp(64px,12vmin,110px);color:#1a25424d}.cp-recruit-title{margin:0;font-size:clamp(18px,3.2vmin,27px);font-weight:900;letter-spacing:.1em;color:var(--ink)}.cp-recruit-body{margin:0;max-width:30em;font-size:clamp(11px,1.7vmin,14px);line-height:1.9;color:var(--ink)}.cp-recruit-link{font-size:clamp(10px,1.6vmin,13px);font-weight:700;color:var(--ink)}.cp-pose{position:relative;flex:1 1 auto;min-height:clamp(240px,46vmin,460px);overflow:hidden}.cp-pose .pose{margin:0;background:transparent;box-shadow:none}.cp-overlay-top,.cp-text{position:absolute;left:clamp(6px,1.2vmin,12px);right:clamp(6px,1.2vmin,12px);z-index:1;pointer-events:none}.cp-overlay-top{top:clamp(6px,1.2vmin,12px);left:auto;width:62%;text-align:left}@media(min-width:721px){.cp-mid{flex-direction:row}.cp-pose{flex:0 0 auto;width:fit-content}.cp-overlay-top{position:static;flex:1 1 auto;width:auto;min-width:0;padding:clamp(6px,1.2vmin,12px) 0 0 clamp(4px,.8vmin,8px)}}.cp-text{bottom:clamp(6px,1.2vmin,12px);padding:clamp(6px,1.2vmin,10px) clamp(8px,1.6vmin,14px);border-radius:10px;background:#fffdf5d1;box-shadow:0 2px 8px #0a14282e}.cp-info{display:flex;flex-direction:column;gap:4px;min-height:0}.cp-brand[hidden]{display:none}.cp-brand{position:absolute;top:clamp(6px,1.2vmin,12px);right:clamp(6px,1.2vmin,12px);display:block;width:clamp(140px,18vmin,190px);height:auto;border-radius:50%;box-shadow:0 2px 8px #0a142840}@media(max-width:720px){.cp-brand{width:clamp(102px,34vmin,163px)}}.cp-shop{margin:0;font-size:clamp(16px,2.8vmin,24px);font-weight:900;letter-spacing:.04em;color:var(--ink)}.cp-chara{margin:0;font-size:clamp(12px,2vmin,16px);font-weight:900;color:var(--ink)}.cp-text-head{margin-bottom:2px}.cp-text p{margin:4px 0 0;font-size:clamp(11px,1.7vmin,14px);line-height:1.7;color:var(--ink)}.cp-embed-box{flex:1 1 auto;min-height:clamp(180px,40vmin,420px);overflow-y:auto;overflow-x:hidden;border:1px solid rgba(26,37,66,.18);border-radius:10px;padding:clamp(4px,.9vmin,8px);background:#1a25420a;-webkit-overflow-scrolling:touch}.cp-embed{display:block;width:100%;height:100%;min-height:460px;border:0}.cp-embed-box::-webkit-scrollbar{width:10px}.cp-embed-box::-webkit-scrollbar-thumb{border-radius:999px;background:#1a254259}.cp-embed-box::-webkit-scrollbar-thumb:hover{background:#1a25428c}.cp-embed-box::-webkit-scrollbar-track{background:transparent}.cp-link{margin-top:4px;font-size:clamp(10px,1.6vmin,13px);font-weight:700;color:var(--ink)}.cp-foot{display:flex;justify-content:center}.cp-btn{font:inherit;font-size:clamp(12px,1.9vmin,15px);font-weight:700;color:var(--paper);background:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:6px 24px;cursor:pointer;box-shadow:0 3px #1a254280;transition:transform .08s,box-shadow .08s}.cp-btn:active{transform:translateY(3px);box-shadow:0 0 #1a254280}@media(max-width:720px){.cp-body{grid-template-columns:clamp(72px,18vmin,96px) minmax(0,1fr)}.cp-info{grid-column:1 / -1}.screen-collab{overflow-y:auto;-webkit-overflow-scrolling:touch}.cp-body{flex:0 0 auto}.cp-pose{min-height:clamp(280px,42vh,460px)}.cp-embed-box{min-height:clamp(320px,52vh,460px)}}.ts-cards,.kc-schemes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.ts-card,.kc-scheme{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border:3px solid var(--tape-line);border-radius:12px;background:#f2e6c666;color:var(--ink);cursor:pointer;text-align:left}.ts-card:hover,.kc-scheme:hover{background:var(--tape)}.ts-card.is-on,.kc-scheme.is-on{border-color:var(--ink);background:var(--tape)}.ts-card.is-focus,.kc-scheme.is-focus{outline:3px solid var(--ink);outline-offset:3px}.ts-card.is-on .ts-name:after{content:" ✓";font-weight:900}.ts-go{align-self:center;margin-top:4px}.ts-go:disabled{opacity:.4;cursor:default;box-shadow:none}.ts-go.is-focus:not(:disabled){outline:3px solid var(--ink);outline-offset:3px}.ts-name,.kc-scheme-name{font-size:clamp(13px,2.2vmin,17px);font-weight:900;letter-spacing:.04em}.ts-lead{font-size:clamp(10px,1.6vmin,12px);color:var(--ink-soft)}.ts-list,.kc-scheme-list{margin:2px 0 0;padding-left:1.1em;font-size:clamp(10px,1.6vmin,13px);line-height:1.6}.kc-scheme.is-current .kc-scheme-name:after{content:"（いまこちら）";font-size:.72em;font-weight:700;color:var(--ink-soft)}@media(max-width:560px){.ts-cards,.kc-schemes{grid-template-columns:1fr}}.modal-box.modal-wide{max-width:min(660px,94vw)}.kc-schemes[hidden],.kc-list[hidden],.kc-tabs[hidden]{display:none}.hold-fly{position:fixed;z-index:75;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(10,20,40,.45))}.hold-box.is-catch{animation:hold-catch var(--hold-catch, .26s) ease-out both}@keyframes hold-catch{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(3px) scale(.94)}}.screen-rules{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vmin,12px);width:min(760px,94vw);max-height:100%;padding:clamp(12px,2.2vmin,20px) clamp(14px,2.6vmin,24px);background:var(--paper);border-radius:var(--radius);box-shadow:0 6px #1a254280,0 18px 40px #0a142866}.rules-title{margin:0;line-height:0}.rules-title img{display:block;height:clamp(44px,8vmin,76px);width:auto}.rules-title.is-text{line-height:1;font-size:clamp(16px,2.8vmin,22px);font-weight:900;letter-spacing:.06em;color:var(--ink)}.rules-body{flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;padding-right:6px;scroll-behavior:smooth}.rules-sec{margin:0 0 clamp(10px,1.8vmin,16px)}.rules-h{margin:0 0 4px;font-size:clamp(14px,2.3vmin,17px);font-weight:900;color:var(--ink);border-left:5px solid var(--gold, #d9a441);padding-left:8px}.rules-p{margin:4px 0;font-size:clamp(12px,2vmin,15px);line-height:1.7;color:var(--ink)}.rules-fig{display:block;margin:6px 0 8px}.rules-hint{margin:0;font-size:clamp(10px,1.6vmin,12px);color:#1a25428c}.rules-foot{display:flex;justify-content:center}.rules-btn{font:inherit;font-weight:900;font-size:clamp(13px,2.2vmin,16px);padding:8px 34px;border:0;border-radius:999px;color:var(--paper);background:var(--ink);cursor:pointer;box-shadow:0 4px #1a254280}.rules-btn:hover{transform:translateY(-1px)}