:root{--paper:#f6efe1;--paper-2:#efe4cf;--paper-3:#e4d3b4;--card:#fffaf0;--ink:#2b2230;--ink-soft:#6a5a63;--ink-faint:#a8998f;--shu:#d9412b;--shu-dark:#a92f1e;--ai:#2f4b7c;--matcha:#6f8f3f;--kin:#d9a21b;--sakura:#f2a7b5;--sora:#8fc3e6;--good:#3f8f5a;--bad:#c0392b;--shadow:0 2px 0 #2b22301f, 0 8px 18px #2b22301a;--radius:16px 18px 15px 19px;--gutter:16px;--hud-top:max(8px, env(safe-area-inset-top));--hud-row:38px;--stage-h:46vh;--font:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", system-ui, sans-serif;--font-title:"Yusei Magic", "Zen Maru Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background-image:radial-gradient(#785a320d 1px,#0000 1px),radial-gradient(#785a3209 1px,#0000 1px);background-position:0 0,3px 5px;background-size:7px 7px,13px 13px;font-size:16px;font-weight:500;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--kin);outline-offset:2px}h1,h2,h3{font-family:var(--font-title);margin:0;font-weight:400;line-height:1.3}p{margin:0 0 .6em}.num{font-variant-numeric:tabular-nums}.small{font-size:13px}.dim{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.good{color:var(--good)}.bad{color:var(--bad)}.gold{color:#9a6f00}.shu{color:var(--shu)}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.dock{z-index:2;margin:0 calc(-1 * var(--gutter)) calc(-24px - env(safe-area-inset-bottom));padding:16px var(--gutter) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#f6efe100, var(--paper) 45%);position:sticky;bottom:0}.panel .dock{padding:14px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0 0 calc(var(--radius) - 3px) calc(var(--radius) - 3px);background:linear-gradient(#fffaf000, var(--card) 40%);margin:6px -16px -14px}.stack{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.stage-area{isolation:isolate;height:var(--stage-h);border-bottom:3px solid var(--ink);background:linear-gradient(#cfe6f3,#eef6f0);min-height:220px;position:sticky;top:0;overflow:hidden}.stage-area.tall{--stage-h:62vh}.stage-area.short{--stage-h:32vh}.stage-area.none{display:none}.stage-area>.stage-view{width:100%;height:100%;inset:0;position:absolute!important}.stage-area:after{content:"";pointer-events:none;background:linear-gradient(#0000,#2b22301f);height:18px;position:absolute;inset:auto 0 0}.panel-area{padding:14px var(--gutter) calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:12px;width:100%;max-width:760px;margin:0 auto;display:flex;position:relative}.app.no-stage .panel-area{padding-top:calc(var(--hud-top) + var(--hud-row) + 24px)}@media (min-width:980px) and (min-aspect-ratio:5/4){.app.split{flex-direction:row}.app.split .stage-area{border-bottom:none;border-right:3px solid var(--ink);flex:1.35;height:100dvh;position:sticky;top:0}.app.split .panel-area{max-width:560px;height:100dvh;padding-top:calc(var(--hud-top) + var(--hud-row) + 24px);flex:1;margin:0;overflow-y:auto}.app.split .hud{left:calc(100% - min(560px, (100% - 3px - 2 * var(--gutter)) / 2.35 + 2 * var(--gutter)) + var(--gutter))}.app.split .title-logo.over.below-hud{top:max(18px, env(safe-area-inset-top))}}.hud{top:var(--hud-top);left:max(var(--gutter), env(safe-area-inset-left));right:max(var(--gutter), env(safe-area-inset-right));z-index:20;min-height:var(--hud-row);pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed}.hud .hud-back,.hud .chip{pointer-events:auto}.app.no-stage .hud{left:max(var(--gutter), env(safe-area-inset-left), calc(50% - 380px + var(--gutter)));right:max(var(--gutter), env(safe-area-inset-right), calc(50% - 380px + var(--gutter)))}.hud-l,.hud-r{min-width:min-content;height:calc(var(--hud-row) + 12px);flex-wrap:wrap;align-content:flex-start;align-items:center;gap:24px 8px;margin:-6px;padding:6px;display:flex;overflow:hidden}.hud-l{flex:1 1 0}.hud-r{flex:0 auto;justify-content:flex-end}.hud-keep{flex:none;align-items:center;gap:8px;display:flex}.hud-l:before,.hud-r:before{content:"";width:0;height:var(--hud-row);flex:none;margin-right:-8px}.hud-back{height:var(--hud-row);border:2.5px solid var(--ink);background:var(--card);color:var(--ink);white-space:nowrap;box-shadow:0 3px 0 var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 15px 0 11px;font-size:15px;font-weight:700;line-height:1;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex;position:relative}.hud-back .ico{color:var(--shu)}.hud-back:before{content:"";position:absolute;inset:-5px -4px}.hud-back:hover:not(:disabled){background:#fff3dc}.hud-back:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.hud-back:disabled,.hud-back:disabled .ico{color:var(--ink-faint)}.hud-back:disabled{border-color:var(--ink-faint);cursor:default;box-shadow:none;transform:translateY(3px)}.hud .chip{border:2px solid var(--ink);white-space:nowrap;background:#fffaf0eb;border-radius:999px;padding:2px 12px;font-size:14px;box-shadow:0 2px #2b223033}.hud .chip.title{font-family:var(--font-title);background:var(--shu);color:#fff8ec;border-color:var(--ink)}.hud .money{font-weight:700}@media (max-width:420px){.hud .chip{padding:2px 9px;font-size:12px}.hud .chip.rank{display:none}.hud-back{gap:4px;padding:0 13px 0 9px;font-size:14px}}@media (max-width:359px){.hud-back{width:var(--hud-row);justify-content:center;padding:0}.hud-back .lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.panel{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;position:relative}.panel>h2{align-items:center;gap:8px;margin:-2px 0 10px;font-size:20px;display:flex}.panel>h2:before{content:"";background:var(--shu);border-radius:3px 5px 4px 3px;flex:none;width:10px;height:20px}.panel.tight{padding:10px 12px}.panel.plain{background:var(--paper-2);box-shadow:none}.divider{border-top:2px dashed var(--paper-3);height:0;margin:8px 0}.btn{border:2.5px solid var(--ink);background:var(--card);min-height:44px;color:var(--ink);box-shadow:0 3px 0 var(--ink);-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.btn:hover:not(:disabled){background:#fff3dc}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none;transform:translateY(3px)}.btn.primary{background:var(--shu);color:#fff8ec}.btn.primary:hover:not(:disabled){background:#e2503a}.btn.ai{background:var(--ai);color:#f4f1ff}.btn.ghost{box-shadow:none;background:0 0;border-style:dashed}.btn.small{min-height:44px;padding:4px 12px;font-size:14px}.btn.wide{width:100%}.btn.on,.btn.on:hover:not(:disabled){background:var(--kin)}.menu{gap:8px;display:grid}.menu.cols-2{grid-template-columns:1fr 1fr}.menu.cols-3{grid-template-columns:1fr 1fr 1fr}.menu-item{border:2.5px solid var(--ink);background:var(--card);text-align:left;min-height:52px;box-shadow:0 3px 0 var(--ink);border-radius:14px 16px 13px 17px;align-items:center;gap:10px;padding:8px 14px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:#fff1d2}.menu-item:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.menu-item:disabled{opacity:.45;cursor:default}.menu-item .icon{flex:none;place-items:center;width:30px;display:grid}.menu-item .label{word-break:keep-all;overflow-wrap:anywhere;flex:1;min-width:0}.menu.cols-2 .menu-item,.menu.cols-3 .menu-item{gap:6px;padding:8px 10px}.menu.cols-2 .menu-item .icon,.menu.cols-3 .menu-item .icon{width:26px}.menu.cols-2 .menu-item .icon .ico,.menu.cols-3 .menu-item .icon .ico{width:24px;height:24px}.menu-item .fav{color:#b8860b;margin-left:4px}.menu-item .sub{color:var(--ink-soft);font-size:12px;font-weight:500;display:block}.menu-item.accent{background:#ffe6dc}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tab{border:2px solid var(--ink);background:0 0;border-radius:999px;min-height:44px;padding:4px 14px;font-weight:700}.tab.on{background:var(--ink);color:var(--paper)}input[type=text],textarea,select{border:2.5px solid var(--ink);background:#fffdf7;border-radius:12px;width:100%;padding:10px 12px;font-size:16px}textarea{resize:vertical;font-size:13px}input[type=text]:focus,textarea:focus,select:focus{outline:3px solid var(--kin);outline-offset:0}label.check{align-items:center;gap:10px;min-height:44px;display:flex}label.check input{width:22px;height:22px;accent-color:var(--shu);flex:none}input[type=range]{accent-color:var(--shu)}.ico{vertical-align:-.22em;flex:none;display:inline-block;overflow:visible}.bar{background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;height:12px;overflow:hidden}.bar>i{border-radius:999px;height:100%;transition:width .4s;display:block}.stat-row{grid-template-columns:5.2em 1fr auto auto;align-items:center;gap:8px;display:grid}.stat-row .v{text-align:right;white-space:nowrap;min-width:3em;font-weight:700}.stat-row.with-aside{grid-template-columns:5.2em 1fr auto auto auto}.stat-row>.aside{justify-content:flex-end;display:flex}.stat-row>.small{white-space:nowrap}.stat-row.mk-up2,.stat-row.mk-up{background:#e8f3e0;border-radius:6px;box-shadow:0 0 0 3px #e8f3e0}.stat-row.mk-down{background:#fce6e0;border-radius:6px;box-shadow:0 0 0 3px #fce6e0}.lv{min-width:2.75em;font-family:var(--font-title);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid;border-radius:5px 7px 5px 6px;justify-content:center;align-items:baseline;gap:1px;padding:2px 4px 1px;font-size:13px;line-height:1.1;display:inline-flex;position:relative;transform:rotate(-4deg)}.lv small{letter-spacing:.02em;font-size:.68em}.lv.sumi{color:#736369;background:#fbf6ea}.lv.ai{color:var(--ai);background:#e9eefa}.lv.shu{color:#fff8ec;background:#c0391f;border-color:#9c2a18}.lv.kin{color:var(--ink);background:var(--kin);box-shadow:0 0 0 1.5px var(--card), 0 0 0 3px #8a6400;border-color:#8a6400}.lv.up,.lv.down{animation:.5s cubic-bezier(.3,1.5,.5,1) both lv-stamp}.lv-mv{background:var(--good);color:#fff8ec;font:700 9px/1 var(--font);border-radius:999px;padding:2px 4px;position:absolute;top:-8px;right:-9px;transform:rotate(10deg)}.lv-mv.down{background:var(--bad)}@keyframes lv-stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.7)}}.tier{border:2px solid var(--ink);white-space:nowrap;background:#fff3cf;border-radius:8px;align-items:center;gap:3px;padding:0 7px;font-size:13px;display:inline-flex}.seal{border:2.5px solid var(--shu);width:30px;height:30px;color:var(--shu);font-family:var(--font-title);border-radius:6px 8px 7px 5px;place-items:center;font-size:17px;display:inline-grid;transform:rotate(-6deg)}.hearts{color:var(--shu);vertical-align:middle;gap:1px;display:inline-flex}.hearts .off{color:var(--paper-3)}.tag{border:1.5px solid var(--ink);background:var(--paper-2);border-radius:6px;padding:0 6px;font-size:12px;display:inline-block}.tag.shu{background:#ffe0d8}.tag.ai{background:#dde6f7}.tag.kin{background:#fff0c4;border-color:#9a6f00}.mseal{border:1.5px solid var(--ink);background:var(--card);width:1.45em;height:1.45em;color:var(--ink);vertical-align:1px;border-radius:5px;place-items:center;margin-left:5px;font-size:11px;font-style:normal;font-weight:700;line-height:1;display:inline-grid}.mseal.r2{background:var(--ai);border-color:var(--ai);color:#fff}.mseal.r3{background:var(--shu);border-color:var(--shu-dark);color:#fff;transform:rotate(-6deg)}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list>li{border:2px solid var(--paper-3);background:#fffdf6;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.list>li.on{border-color:var(--ink);background:#fff1d2}.list .icon{flex:none;place-items:center;width:30px;display:grid}.thumb{border:2px solid var(--paper-3);object-fit:cover;background:#f3ead8;border-radius:12px;flex:none;width:64px;height:64px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.card-btn{border:2.5px solid var(--ink);background:var(--card);box-shadow:0 3px 0 var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:8px 6px;font-size:14px;font-weight:700;display:flex}.card-btn.on{outline:3px solid var(--shu);outline-offset:-6px;background:#ffe6dc}.card-btn .sub{color:var(--ink-soft);font-size:11px;font-weight:500}.msg-layer{z-index:40;padding:0 var(--gutter) calc(16px + env(safe-area-inset-bottom));cursor:pointer;background:linear-gradient(#0000 55%,#2b223047);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.msg{background:var(--card);border:3px solid var(--ink);width:100%;max-width:720px;box-shadow:var(--shadow);border-radius:20px 22px 18px 24px;align-items:flex-start;gap:12px;min-height:112px;padding:14px 16px;animation:.18s ease-out pop;display:flex}.msg .face{border:2px solid var(--ink);background:var(--paper-2);border-radius:14px;flex:none;width:72px;height:72px;overflow:hidden}.msg .speaker{font-family:var(--font-title);color:var(--shu);font-size:15px}.msg .text{font-size:17px}.msg .next{color:var(--shu);vertical-align:-.1em;margin-left:4px;animation:.9s steps(2,end) infinite blink}.msg.system{background:#f3ecdd;border-style:double;border-width:5px}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes blink{50%{opacity:0}}.modal-back{z-index:30;padding:var(--gutter);background:#2b223066;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto}@media (min-width:700px){.modal-back{align-items:center}}@keyframes fade{0%{opacity:0}}.title-logo{text-align:center;padding:8px 0 4px}.title-logo.over{left:0;right:0;top:max(18px, env(safe-area-inset-top));z-index:2;transition:top .2s ease-out;position:absolute}.title-logo.over.below-hud{top:calc(var(--hud-top) + var(--hud-row) + 10px)}.title-logo h1{letter-spacing:2px;text-shadow:3px 3px #fff8ec,5px 5px #2b223033;font-size:clamp(40px,11vw,64px)}.title-logo .en{letter-spacing:6px;color:var(--ink-soft);font-size:12px}.title-logo .seal{vertical-align:12px;width:44px;height:44px;margin-left:6px;font-size:26px}.bhud{pointer-events:none;z-index:3;position:absolute;inset:0}.bhud .side{flex-direction:column;gap:3px;width:calc(50% - 44px);display:flex;position:absolute;top:48px}.bhud .side.a{left:var(--gutter)}.bhud .side.b{right:var(--gutter);text-align:right;align-items:flex-end}.bhud .name{border:2px solid var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fffaf0e6;border-radius:999px;max-width:100%;padding:0 10px;font-size:14px;font-weight:700;overflow:hidden}.bhud .hp{border:2px solid var(--ink);background:#fffaf0e6;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden}.bhud .hp>i{transform-origin:0;position:absolute;inset:0}.bhud .hp>.fill{background:linear-gradient(#8fd46b,#4f9a3a);transition:transform .12s ease-out}.bhud .hp.low>.fill{background:linear-gradient(#ff9a7a, var(--shu))}.bhud .hp>.ghost{background:linear-gradient(#fff3c2,#ffc46e);transition:transform .4s ease-in .35s}.bhud .hp:after{content:"";opacity:0;pointer-events:none;background:#fffdf5;position:absolute;inset:0}.bhud .hp.jolt0{animation:.34s ease-out bhud-jolt0}.bhud .hp.jolt1{animation:.34s ease-out bhud-jolt1}.bhud .hp.jolt0:after{animation:.3s ease-out bhud-glint0}.bhud .hp.jolt1:after{animation:.3s ease-out bhud-glint1}@keyframes bhud-jolt0{12%{transform:translate(-4px,1px)}30%{transform:translate(4px,-1px)}50%{transform:translate(-3px)}70%{transform:translate(2px)}86%{transform:translate(-1px)}}@keyframes bhud-jolt1{12%{transform:translate(-4px,1px)}30%{transform:translate(4px,-1px)}50%{transform:translate(-3px)}70%{transform:translate(2px)}86%{transform:translate(-1px)}}@keyframes bhud-glint0{0%{opacity:.85}}@keyframes bhud-glint1{0%{opacity:.85}}.bhud .spirit{isolation:isolate;color:#ffe7a1;white-space:nowrap;background:#2b2230d9;border-radius:999px;padding:0 10px;font-size:13px;font-weight:700;position:relative}.bhud .spirit b{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;display:inline-block}.bhud .spirit:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:#9a5bff;position:absolute;inset:0}.bhud .spirit.zap0:after{animation:.6s ease-out bhud-flare0}.bhud .spirit.zap1:after{animation:.6s ease-out bhud-flare1}.bhud .spirit.zap0 b{animation:.45s ease-out bhud-drop0}.bhud .spirit.zap1 b{animation:.45s ease-out bhud-drop1}@keyframes bhud-flare0{0%{opacity:1}}@keyframes bhud-flare1{0%{opacity:1}}@keyframes bhud-drop0{0%{color:#fff;transform:scale(1.5)}40%{color:#ffc2e6;transform:scale(.92)}}@keyframes bhud-drop1{0%{color:#fff;transform:scale(1.5)}40%{color:#ffc2e6;transform:scale(.92)}}.bhud .timer{font-family:var(--font-title);background:var(--card);border:3px solid var(--ink);border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;display:grid;position:absolute;top:44px;left:50%;transform:translate(-50%)}.bhud .band{border:2px solid var(--ink);white-space:nowrap;background:#fffaf0eb;border-radius:999px;padding:0 14px;font-size:14px;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bhud .band b{text-align:center;min-width:2em;display:inline-block}.bhud .banner{text-align:center;font-family:var(--font-title);color:#fff8ec;text-shadow:3px 3px 0 var(--ink), -2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink);font-size:44px;animation:.3s pop;position:absolute;top:42%;left:0;right:0}.controls{flex-direction:column;gap:8px;display:flex}.controls .moves{--slot-h:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.move-btn{height:var(--slot-h);border:2.5px solid var(--ink);background:var(--card);min-width:0;box-shadow:0 3px 0 var(--ink);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;gap:0;padding:4px 12px;font-weight:700;line-height:1.25;display:flex;overflow:hidden}.move-btn>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.move-btn .name{font-size:15px}.move-btn .style{color:var(--ink-soft);font-size:11px}.move-btn .meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.move-btn .meta b{color:var(--ink);font-weight:700}.move-btn:disabled{opacity:.45;cursor:default;box-shadow:0 3px #0000}.move-btn.pow{background:#fff0e0}.move-btn.wis{background:#e9efff}.move-btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.move-slot{height:var(--slot-h);border:2px dashed var(--paper-3);background:#efe4cf59;border-radius:14px}.move-slot.none{color:var(--ink-soft);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;line-height:1.35;display:flex}.move-slot.none .sub{color:var(--ink-faint);font-size:11px;font-weight:500}.dpad{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.dpad .btn{white-space:nowrap;padding:8px 6px;font-size:15px}.controls .moves,.dpad{touch-action:none}.move-btn,.dpad .btn{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dpad .btn:disabled{transform:none}.dpad .shove-btn{flex-direction:column;gap:2px;position:relative;overflow:hidden}.dpad .shove-btn .hint{color:var(--ink-soft);font-size:10px;line-height:1}.dpad .shove-btn .cd{background:var(--kin);transform-origin:0;pointer-events:none;height:4px;position:absolute;bottom:0;left:0;right:0}.controls .auto-btn{min-width:7.2em}.move-btn.chosen{outline:3px solid var(--kin);outline-offset:2px}.key-hint{text-align:center;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.6}@media (hover:none) and (pointer:coarse){.key-hint:not(.pad){display:none}}@media not all and (min-width:980px) and (min-aspect-ratio:5/4){.app.split[data-rows]{height:100dvh;min-height:0}.app.split[data-rows]>.stage-area.tall{flex:1 1 0;height:auto;min-height:40vh;max-height:62vh}.app.split[data-rows]>.panel-area{min-height:var(--panel-need,0);padding-top:10px;padding-bottom:calc(12px + env(safe-area-inset-bottom));flex:none;gap:8px;overflow-y:auto}.app.split[data-rows="1"]{--panel-need:243px}.app.split[data-rows="2"]{--panel-need:315px}.app.split[data-rows="3"]{--panel-need:329px}.app.split[data-rows="4"]{--panel-need:381px}.app[data-rows]:not([data-rows="1"],[data-rows="2"]) .controls .moves{--slot-h:46px;gap:6px}.app[data-rows]:not([data-rows="1"],[data-rows="2"]) .move-btn{grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;padding:2px 10px;display:grid}.app[data-rows]:not([data-rows="1"],[data-rows="2"]) .move-btn .name{grid-column:1/-1;font-size:14px}.app[data-rows]:not([data-rows="1"],[data-rows="2"]) .move-btn .style{font-size:0}.app[data-rows]:not([data-rows="1"],[data-rows="2"]) .move-btn .style .mseal{margin:0 5px 0 0}.app[data-rows]:not([data-rows="1"],[data-rows="2"]) .move-btn .meta{font-size:11px}}.loading{height:100%;font-family:var(--font-title);color:var(--ink-soft);place-items:center;display:grid}.floaty{pointer-events:none;font-weight:700;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}