@font-face{font-family:Dot;src:url(/fonts/DotGothic16-Regular.ttf)format("truetype");font-display:swap}:root{--navy-950:#060a18;--navy-900:#0a1226;--navy-850:#0e1832;--navy-800:#13203f;--navy-700:#1a2b52;--navy-600:#253c6c;--navy-500:#34508a;--navy-line:#2b4174;--gold-200:#fbefc8;--gold-300:#f4dc9c;--gold-400:#e6c473;--gold-500:#cfa24a;--gold-600:#a57c36;--gold-700:#765623;--gold-800:#4d3714;--shu-300:#f08a6f;--shu-400:#df5a40;--shu-500:#c23a27;--shu-600:#962515;--shu-700:#64150b;--washi-50:#fcf8ee;--washi-100:#f4ecd8;--washi-200:#e9dcbd;--washi-300:#d8c49b;--washi-line:#c2a676;--sumi-900:#1e150b;--sumi-700:#3a2b1a;--sumi-500:#6a5843;--sumi-400:#8a7760;--ink:#f6efdf;--ink-dim:#bdb5a2;--ink-faint:#7d786c;--ally:#4f9cff;--ally-soft:#4f9cff52;--enemy:#ff5d4a;--enemy-soft:#ff5d4a4d;--neutral:#e8b24a;--good:#63d18d;--bad:#ff7a64;--warn:#ffd06a;--hp:#6fe07a;--overlay:#040814b8;--shade:#00000073;--glass:#0a1226d1;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-pill:999px;--tap:44px;--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:24px;--shadow-1:0 2px 6px #00000059;--shadow-2:0 8px 22px #00000073;--shadow-3:0 18px 48px #0009;--gold-edge:inset 0 0 0 1px var(--gold-600), inset 0 0 0 3px var(--navy-950), inset 0 0 0 4px #e6c47366;--font:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", system-ui, sans-serif;--font-title:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-brush:"Yuji Syuku", "Shippori Mincho B1", "Hiragino Mincho ProN", serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--corner-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%23e6c473'%3E%3Cpath d='M1.5 29V9.5a8 8 0 0 1 8-8H29' stroke-width='1.6'/%3E%3Cpath d='M5.5 29V12a6.5 6.5 0 0 1 6.5-6.5h17' stroke-width='.9' stroke-opacity='.6'/%3E%3Cpath d='M9 9l3-3 3 3-3 3z' fill='%23e6c473' stroke='none'/%3E%3Cpath d='M12 12c3 0 5 2 5 5' stroke-width='1' stroke-opacity='.8'/%3E%3C/svg%3E");--corner-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%23e6c473'%3E%3Cg transform='translate(30 0) scale(-1 1)'%3E%3Cpath d='M1.5 29V9.5a8 8 0 0 1 8-8H29' stroke-width='1.6'/%3E%3Cpath d='M5.5 29V12a6.5 6.5 0 0 1 6.5-6.5h17' stroke-width='.9' stroke-opacity='.6'/%3E%3Cpath d='M9 9l3-3 3 3-3 3z' fill='%23e6c473' stroke='none'/%3E%3Cpath d='M12 12c3 0 5 2 5 5' stroke-width='1' stroke-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--corner-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%23e6c473'%3E%3Cg transform='translate(0 30) scale(1 -1)'%3E%3Cpath d='M1.5 29V9.5a8 8 0 0 1 8-8H29' stroke-width='1.6'/%3E%3Cpath d='M5.5 29V12a6.5 6.5 0 0 1 6.5-6.5h17' stroke-width='.9' stroke-opacity='.6'/%3E%3Cpath d='M9 9l3-3 3 3-3 3z' fill='%23e6c473' stroke='none'/%3E%3Cpath d='M12 12c3 0 5 2 5 5' stroke-width='1' stroke-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--corner-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%23e6c473'%3E%3Cg transform='translate(30 30) scale(-1 -1)'%3E%3Cpath d='M1.5 29V9.5a8 8 0 0 1 8-8H29' stroke-width='1.6'/%3E%3Cpath d='M5.5 29V12a6.5 6.5 0 0 1 6.5-6.5h17' stroke-width='.9' stroke-opacity='.6'/%3E%3Cpath d='M9 9l3-3 3 3-3 3z' fill='%23e6c473' stroke='none'/%3E%3Cpath d='M12 12c3 0 5 2 5 5' stroke-width='1' stroke-opacity='.8'/%3E%3C/g%3E%3C/svg%3E");--corners:var(--corner-tl) top left / 30px no-repeat, var(--corner-tr) top right / 30px no-repeat, var(--corner-bl) bottom left / 30px no-repeat, var(--corner-br) bottom right / 30px no-repeat;--corners-sm:var(--corner-tl) top left / 18px no-repeat, var(--corner-tr) top right / 18px no-repeat, var(--corner-bl) bottom left / 18px no-repeat, var(--corner-br) bottom right / 18px no-repeat;--pat-cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='160' fill='none' stroke='%23d4a94f' stroke-opacity='.07' stroke-width='1.3'%3E%3Cpath d='M18 58c0-10 13-13 19-5 3-9 18-9 20 1 9-3 15 6 9 12H24c-4 0-6-4-6-8z'/%3E%3Cpath d='M30 52c3-3 7-3 9 0M48 50c2-4 7-4 9 0'/%3E%3Cpath d='M128 128c0-8 10-10 15-4 3-7 14-7 16 1 7-2 12 5 7 9h-33c-3 0-5-3-5-6z'/%3E%3Cpath d='M152 32c4-6 13-5 15 1 6-2 11 4 8 8h-19c-3 0-5-5-4-9z'/%3E%3C/svg%3E");--pat-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' fill='none' stroke='%23a0804a' stroke-opacity='.11'%3E%3Cg id='w'%3E%3Ccircle cx='24' cy='24' r='22'/%3E%3Ccircle cx='24' cy='24' r='16'/%3E%3Ccircle cx='24' cy='24' r='10'/%3E%3Ccircle cx='24' cy='24' r='4'/%3E%3C/g%3E%3Cuse href='%23w' x='-24' y='-12'/%3E%3Cuse href='%23w' x='24' y='-12'/%3E%3C/svg%3E");--pat-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .4 0 0 0 0 .25 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");--kon:var(--navy-900);--kon-2:var(--navy-800);--kon-3:var(--navy-700);--kon-line:var(--navy-line);--kin:var(--gold-500);--kin-2:var(--gold-300);--kin-dark:var(--gold-700);--shu:var(--shu-500);--shu-2:var(--shu-400);--shu-dark:var(--shu-700);--washi:var(--washi-100);--washi-2:var(--washi-200);--sumi:var(--sumi-900);--blue:var(--ally);--red:var(--enemy);--radius:var(--r-md);--shadow:var(--shadow-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--navy-900);height:100%;color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.6}h1,h2,h3{font-family:var(--font-title);letter-spacing:.04em;margin:0;font-weight:800;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:.3em 0}a{color:var(--gold-300)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,[aria-disabled=true]{cursor:not-allowed}:focus-visible{outline:3px solid var(--gold-300);outline-offset:2px}code{border-radius:var(--r-xs);background:#ffffff14;padding:0 .3em;font-family:Dot,monospace}.num,b,.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-dim)}.small{font-size:.85rem}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn);font-size:.9rem}.pre{white-space:pre-wrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.ic{fill:none;stroke:currentColor;width:1.25em;height:1.25em;stroke-width:var(--ic-w,1.7);stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em;flex:none}.panel-navy,.paper{background:var(--pat-cloud), linear-gradient(180deg, #ffffff09, transparent 40%), linear-gradient(160deg, var(--navy-800), var(--navy-850) 55%, var(--navy-900));border-radius:var(--r-sm);box-shadow:var(--gold-edge), var(--shadow-2);padding:16px;position:relative}.panel-navy:before,.paper:before,.panel-paper:before{content:"";background:var(--corners-sm);pointer-events:none;border-radius:inherit;position:absolute;inset:3px}.panel-navy.deco:before,.panel-paper.deco:before{background:var(--corners)}.panel-paper,.paper.light{color:var(--sumi-900);background:var(--pat-grain), var(--pat-wave), radial-gradient(120% 80% at 50% 0%, var(--washi-50), var(--washi-100) 55%, var(--washi-200));border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-500), inset 0 0 0 4px var(--washi-100), inset 0 0 0 5px #a57c3673, var(--shadow-2);--ink:var(--sumi-900);--ink-dim:var(--sumi-500);padding:16px;position:relative}.panel-paper .muted{color:var(--sumi-500)}.panel-paper .warn{color:var(--shu-600);font-weight:700}.panel-paper h1,.panel-paper h2,.panel-paper h3{color:var(--sumi-900)}.panel-paper a{color:var(--shu-600)}.rule{background:linear-gradient(90deg, transparent, var(--gold-600) 15%, var(--gold-600) 85%, transparent);border:0;height:1px;margin:10px 0}.panel-paper .rule{background:linear-gradient(90deg, transparent, var(--washi-line) 10%, var(--washi-line) 90%, transparent)}.screen-title{font-family:var(--font-title);letter-spacing:.08em;align-items:center;gap:10px;font-size:1.9rem;font-weight:800;line-height:1.2;display:flex}.screen-title .ic{--ic-w:1.6;width:1.1em;height:1.1em}.sec-title{font-family:var(--font-title);letter-spacing:.06em;align-items:center;gap:8px;margin:2px 0 8px;font-size:1.02rem;font-weight:800;display:flex}.sec-title small{font-family:var(--font);color:var(--ink-dim);margin-left:auto;font-size:.78rem;font-weight:400}.plate{font-family:var(--font-title);color:var(--sumi-900);background:var(--pat-grain), linear-gradient(180deg, var(--washi-50), var(--washi-200));border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-500), inset 0 0 0 3px var(--washi-100), inset 0 0 0 4px #a57c3680, var(--shadow-2);align-items:center;gap:10px;padding:6px 18px;font-weight:800;display:inline-flex}.btn{--btn-top:var(--navy-600);--btn-mid:var(--navy-700);--btn-bot:var(--navy-850);--btn-edge:var(--gold-600);--btn-ink:#f6efdf;min-height:var(--tap);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--btn-top), var(--btn-mid) 50%, var(--btn-bot));color:var(--btn-ink);font-family:var(--font-title);letter-spacing:.06em;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--btn-edge), inset 0 0 0 3px #00000040, inset 0 0 0 4px #f4dc9c2e, inset 0 1px 0 4px #ffffff14, 0 3px 0 #00000073, 0 4px 10px #0000004d;text-shadow:0 1px 1px #00000073;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1rem;font-weight:800;transition:transform 80ms,filter .15s;display:inline-flex;position:relative}.btn .ic{width:1.2em;height:1.2em}.btn:not(.primary):not(.gold):not(.paper-btn):not(.danger) .ic{color:var(--gold-300)}.btn:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--btn-edge), inset 0 0 0 3px #00000040, 0 1px 0 #00000073;transform:translateY(2px)}.btn.primary,.btn-red{--btn-top:var(--shu-400);--btn-mid:var(--shu-500);--btn-bot:var(--shu-700);--btn-edge:var(--gold-400);--btn-ink:#fff8ec}.btn.gold,.btn-gold{--btn-top:var(--gold-200);--btn-mid:var(--gold-300);--btn-bot:var(--gold-500);--btn-edge:var(--gold-600);--btn-ink:var(--sumi-900);text-shadow:0 1px #fff6}.btn.paper-btn{--btn-top:var(--washi-50);--btn-mid:var(--washi-100);--btn-bot:var(--washi-300);--btn-edge:var(--gold-600);--btn-ink:var(--sumi-900);text-shadow:none}.btn.danger{--btn-top:#7d2a20;--btn-mid:#5c1a12;--btn-bot:#3b0f0a;--btn-edge:var(--shu-300)}.btn.big{min-height:56px;padding:0 30px;font-size:1.25rem}.btn.huge{letter-spacing:.2em;min-height:72px;padding:0 36px;font-size:1.7rem}.btn.small{min-height:38px;padding:0 14px;font-size:.88rem}.btn.wide{width:100%}.btn .chev{opacity:.85;margin-left:auto}.btn small{font-family:var(--font);letter-spacing:0;font-size:.72em;font-weight:500}@media (pointer:coarse){.btn.small{min-height:var(--tap)}}.link{color:var(--gold-300);background:0 0;border:0;min-height:0;padding:0 4px;text-decoration:underline}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-sm);background:linear-gradient(180deg, var(--navy-700), var(--navy-850));box-shadow:inset 0 0 0 1px var(--gold-700), 0 2px 0 #0006;color:var(--gold-300);border:0;place-items:center;padding:0;font-size:1.1rem;display:inline-grid;position:relative}.icon-btn .ic{width:22px;height:22px}.icon-btn:hover{filter:brightness(1.15)}.chip{border-radius:var(--r-sm);background:linear-gradient(180deg, var(--navy-700), var(--navy-850));min-height:38px;box-shadow:inset 0 0 0 1px var(--navy-line);color:var(--ink);border:0;align-items:center;gap:4px;padding:0 14px;font-weight:700;display:inline-flex}.chip.on,.chip[aria-pressed=true]{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-400);color:#fff8ec}.chip small{opacity:.8;margin-left:4px;font-size:.75em}.panel-paper .chip{background:linear-gradient(180deg, var(--washi-50), var(--washi-200));box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900)}.panel-paper .chip.on{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-500);color:#fff8ec}@media (pointer:coarse){.chip{min-height:var(--tap)}}.btn-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.btn-col{gap:10px;margin:10px 0;display:grid}.tabs{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{min-height:var(--tap);border-radius:var(--r-sm) var(--r-sm) 0 0;background:linear-gradient(180deg, var(--navy-700), var(--navy-850));box-shadow:inset 0 0 0 1px var(--gold-700);color:var(--ink-dim);font-family:var(--font-title);letter-spacing:.06em;white-space:nowrap;border:0;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:1rem;font-weight:800;display:inline-flex;position:relative}.tab-btn:disabled{opacity:.5}.tab-btn.on,.tab-btn[aria-selected=true]{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-400), inset 0 0 0 3px #0003;color:#fff8ec}.panel-paper .tab-btn{background:linear-gradient(180deg, var(--washi-50), var(--washi-200));box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-700)}.panel-paper .tab-btn.on{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-500);color:#fff8ec}.tab-btn .badge,.tab-btn .dot{top:4px;right:4px}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.row{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--navy-line);background:linear-gradient(#ffffff0a,#0000001f);align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex}.panel-paper .row{box-shadow:inset 0 0 0 1px var(--washi-line);background:linear-gradient(#ffffff8c,#fff3)}.row .grow{flex:1;min-width:0}.row .grow b{display:block}.kv-row{border-bottom:1px solid #a57c364d;align-items:center;gap:8px;padding:7px 2px;display:flex}.kv-row>span:first-child{color:var(--ink-dim);align-items:center;gap:8px;font-weight:700;display:inline-flex}.kv-row>b{font-family:var(--font-title);margin-left:auto;font-size:1.2rem;font-weight:800}.tag{border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--gold-600);color:var(--gold-300);vertical-align:middle;white-space:nowrap;background:#cfa24a24;align-items:center;margin-left:6px;padding:0 7px;font-size:.72rem;font-style:normal;font-weight:700;line-height:1.7;display:inline-flex}.tag.ok{color:var(--good);background:#63d18d24;box-shadow:inset 0 0 0 1px #3f8a55}.tag.boss,.tag.red{box-shadow:inset 0 0 0 1px var(--shu-400);color:var(--shu-300);background:#c23a2733}.panel-paper .tag{box-shadow:inset 0 0 0 1px var(--gold-600);color:var(--gold-800);background:#a57c361f}.panel-paper .tag.ok{color:#2d6a40}.panel-paper .tag.boss,.panel-paper .tag.red{color:var(--shu-600)}.badge,.dot{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:0 0 0 2px var(--navy-900);color:#fff;border-radius:var(--r-pill);min-width:10px;height:10px;font-size:.68rem;font-style:normal;font-weight:700;position:absolute;top:2px;right:2px}.badge{text-align:center;min-width:18px;height:18px;padding:0 4px;line-height:18px}.rar{font-style:normal;font-family:var(--font-title);border-radius:var(--r-xs);margin-right:4px;padding:0 5px;font-size:.75rem;font-weight:800}.rar.n{color:#eef;background:#59606e}.rar.r{color:#fff;background:#2e64b8}.rar.sr{background:linear-gradient(180deg, var(--gold-300), var(--gold-600));color:var(--sumi-900)}.stars{gap:1px;line-height:1;display:inline-flex}.star{color:#788096b3;font-style:normal;display:inline-block}.star.on,.on>.star{color:#ffd35a;text-shadow:0 0 6px #ffc85099,0 1px #8a5a10}.panel-paper .star{color:#78644666}.panel-paper .star.on,.panel-paper .on>.star{color:#f2b52c;text-shadow:0 1px #8a5a10}.meter{border-radius:var(--r-pill);height:10px;box-shadow:inset 0 0 0 1px var(--gold-700);background:#00000080;overflow:hidden}.meter.small{height:6px}.meter i{border-radius:inherit;background:linear-gradient(180deg, var(--gold-200), var(--gold-500) 55%, var(--gold-600));height:100%;display:block}.panel-paper .meter{box-shadow:inset 0 0 0 1px var(--washi-line);background:#3c28142e}.ri{vertical-align:middle;filter:drop-shadow(0 1px 1px #00000073);background:url(/art/ui/resource-icons.webp) 0 0/400% 200% no-repeat;flex:none;width:22px;height:22px;font-style:normal;display:inline-block}.ri-zeni{background-position:0 0}.ri-reidama{background-position:33.333% 0}.ri-zaimoku{background-position:66.667% 0}.ri-hyoro{background-position:100% 0}.ri-fuda{background-position:0 100%}.ri-ticket{background-position:33.333% 100%}.ri-star{background-position:66.667% 100%}.ri-item,.ri-chest{background-position:100% 100%}.ri-exp{background:radial-gradient(circle at 40% 35%,#b9dcff,#3d6fb8 60%,#1d3770);border-radius:50%;position:relative}.ri-exp:after{content:"EXP";font:900 7px/1 var(--font);color:#fff;place-items:center;display:grid;position:absolute;inset:0}.res-num{align-items:center;gap:5px;font-weight:700;display:inline-flex}.cost{align-items:center;gap:3px;margin-right:6px;font-weight:700;display:inline-flex}.grants{flex-wrap:wrap;gap:6px 14px;margin:6px 0;padding:0;list-style:none;display:flex}.grants li{align-items:center;gap:5px;display:inline-flex}.face{background-color:var(--navy-700);width:48px;height:48px;box-shadow:inset 0 0 0 2px var(--gold-500), 0 2px 4px #0006;background-repeat:no-repeat;background-size:200% 200%;border-radius:50%;flex:none;display:inline-block}.face.sq{border-radius:var(--r-sm)}.enemy-icon{background-repeat:no-repeat;border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.enemy-icon.ph{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--fill) 60%, #fff), var(--fill));border:2px solid var(--ring);color:#fff8e8;font-family:var(--font-title)}.enemy-icon.ph b{font-size:calc(var(--s,1) * 1em)}.enemy-icon.ph i{background:var(--ring);color:var(--sumi-900);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.enemy-icon.ph.unknown{background:var(--navy-800);border-color:var(--navy-line);color:var(--ink-faint)}.chibi{background-repeat:no-repeat;flex:none;width:64px;height:64px;display:inline-block}.thumb{border-radius:var(--r-sm);background:radial-gradient(circle at 50% 35%, var(--navy-600), var(--navy-850));width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--gold-600), inset 0 0 0 3px #0000004d;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.thumb>.enemy-icon{border-radius:0}.thumb small{text-shadow:0 1px 2px #000;font-size:.72rem;font-weight:800;position:absolute;bottom:1px;right:3px}#overlay{pointer-events:none;z-index:50;position:fixed;inset:0}.modal-wrap{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-md);background:var(--pat-cloud), linear-gradient(170deg, var(--navy-700), var(--navy-850) 60%, var(--navy-900));width:min(480px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--gold-edge), var(--shadow-3);animation:.18s ease-out pop;position:relative;overflow:auto}.modal:before{content:"";background:var(--corners);pointer-events:none;z-index:2;position:absolute;inset:3px}.modal.wide{width:min(760px,100%)}.modal-head{background:linear-gradient(180deg, var(--navy-700), var(--navy-800));border-bottom:1px solid var(--gold-700);z-index:1;justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 10px 20px;display:flex;position:sticky;top:0}.modal-head h2{color:var(--gold-300);font-size:1.25rem}.modal-head .close{width:38px;height:38px}.confirm-text{white-space:pre-wrap}#toasts{left:50%;bottom:calc(84px + var(--safe-b));z-index:60;pointer-events:none;gap:8px;width:min(420px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--glass);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-600), var(--shadow-2);padding:10px 16px;transition:opacity .35s,transform .35s;animation:.2s ease-out rise}.toast.error{box-shadow:inset 0 0 0 1px var(--shu-400), var(--shadow-2)}.toast.good{box-shadow:inset 0 0 0 1px var(--good), var(--shadow-2)}.toast.out{opacity:0;transform:translateY(8px)}.state-box{text-align:center;color:var(--ink-dim);justify-items:center;gap:12px;padding:40px 16px;display:grid}.state-box .ic{width:44px;height:44px;color:var(--gold-500);--ic-w:1.3}.state-box.error .ic{color:var(--shu-400)}.state-box.error p{color:var(--bad)}.panel-paper .state-box.error p{color:var(--shu-600)}.state-box .seal,.res-seal{font-family:var(--font-title);color:var(--shu-400);border:3px solid var(--shu-400);border-radius:var(--r-sm);letter-spacing:.2em;padding:2px 12px;font-weight:800;transform:rotate(-6deg)}.spinner{border:3px solid #cfa24a38;border-top-color:var(--gold-400);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}.spinner.small{width:22px;height:22px}.boot-loading{z-index:80;background:radial-gradient(60% 50% at 50% 45%, #cfa24a1f, transparent 70%), var(--pat-cloud), linear-gradient(180deg, var(--navy-950), var(--navy-900));text-align:center;align-content:center;place-items:center;gap:18px;padding:16px;display:grid;position:fixed;inset:0}.boot-title{font-family:var(--font-brush);letter-spacing:.06em;background:linear-gradient(180deg, var(--gold-200), var(--gold-400) 50%, var(--gold-600));color:#0000;filter:drop-shadow(0 3px #0009)drop-shadow(0 0 18px #cfa24a40);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,5.5rem);line-height:1}.boot-title img{filter:drop-shadow(0 6px 12px #0009);width:min(520px,80vw);height:auto;display:block}.boot-meter{border-radius:var(--r-pill);width:min(320px,72vw);height:10px;box-shadow:inset 0 0 0 1px var(--gold-600);background:#00000080;overflow:hidden}.boot-meter i{background:linear-gradient(180deg, var(--gold-200), var(--gold-500));width:3%;height:100%;transition:width .25s ease-out;display:block}#boot-text{color:var(--ink-dim);font-size:.9rem}.fullscreen-state{z-index:70;background:linear-gradient(180deg, #060a1899, #0a1226cc), url(/art/ui/top-bg.webp) center / cover, var(--navy-900);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fullscreen-state.inline{background:0 0;min-height:60vh;position:static}.fs-card{text-align:center;justify-items:center;gap:12px;width:min(460px,100%);padding:32px 24px 26px;display:grid}.fs-card .fs-logo{filter:drop-shadow(0 2px 3px #0006);background:url(/art/ui/logo.webp) 50%/contain no-repeat;width:240px;height:72px;font-size:0}.fs-card .ic{--ic-w:1.3;width:52px;height:52px;color:var(--gold-600)}.fs-card h1{color:var(--sumi-900)}.radio,.check{min-height:var(--tap);align-items:center;gap:8px;display:flex}.radio input,.check input{width:20px;height:20px;accent-color:var(--shu-500)}input:not([type]),input[type=text],input[type=number],input[type=time],select{min-height:var(--tap);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-700);background:#04081499;border:0;width:100%;padding:0 12px}.panel-paper input:not([type]),.panel-paper input[type=text],.panel-paper input[type=number],.panel-paper select{box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900);background:#ffffffb3}label{gap:4px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes glow{50%{filter:brightness(1.18)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--tex-navy:url(/art/ui/pattern-navy.webp);--tex-paper:url(/art/ui/pattern-paper.webp)}body{background:radial-gradient(1200px 600px at 50% -10%, #cfa24a14, transparent 60%), linear-gradient(180deg, #060a188c, #060a1840), var(--tex-navy) 0 0 / 520px, var(--navy-900)}.panel-navy,.paper{background:linear-gradient(180deg, #ffffff08, #0000002e), var(--tex-navy) center / 460px, var(--navy-850);box-shadow:var(--shadow-2);padding:20px}.panel-navy:before,.paper:before{background:0 0;border:22px solid #0000;border-image:url(/art/ui/frame-navy.webp) 116 fill/22px;inset:0}.panel-navy.deco:before{border-width:44px;border-image-width:44px}.panel-paper,.paper.light{background:radial-gradient(120% 80% at 50% 0%, #fffcf08c, transparent 70%), var(--tex-paper) center / 380px, var(--washi-100);box-shadow:var(--shadow-2);padding:20px}.panel-paper:before{background:0 0;border:22px solid #0000;border-image:url(/art/ui/frame-paper.webp) 60 fill/22px;inset:0}.panel-paper.deco:before{border-width:30px;border-image-width:30px}.modal{background:linear-gradient(180deg, #ffffff08, #0003), var(--tex-navy) center / 460px, var(--navy-850);box-shadow:var(--shadow-3)}.modal:before{background:0 0;border:34px solid #0000;border-image:url(/art/ui/frame-navy.webp) 116 fill/34px;inset:0}.count-pick .chip{min-height:52px}.modal-head{background:0 0;border-bottom:1px solid #a57c3680;padding:16px 16px 10px 26px}.modal-body{padding:16px 26px 26px}.btn{box-shadow:none;filter:drop-shadow(0 3px 2px #00000080);background:0 0;border:0;border-image:url(/art/ui/btn-navy.webp) 46 70 fill/15px 22px;padding:0 26px}.btn:active:not(:disabled){box-shadow:none;filter:drop-shadow(0 1px 1px #00000080)brightness(.95)}.btn:hover:not(:disabled){filter:drop-shadow(0 3px 2px #00000080)brightness(1.12)}.btn:disabled{filter:grayscale(.85)brightness(.7);opacity:.75}.btn.primary,.btn-red{border-image-source:url(/art/ui/btn-red.webp);border-image-slice:48 70 fill}.btn.gold,.btn-gold,.btn.paper-btn{border-image-source:url(/art/ui/btn-gold.webp);border-image-slice:50 70 fill}.btn.danger{filter:drop-shadow(0 3px 2px #00000080)saturate(.6)brightness(.72);border-image-source:url(/art/ui/btn-red.webp);border-image-slice:48 70 fill}.btn.big{border-image-width:19px 28px}.btn.huge{border-image-width:26px 38px;padding:0 40px}.btn.small{border-image-width:12px 18px;padding:0 16px}.panel-navy,.paper,.panel-paper,.modal{isolation:isolate}.panel-navy:before,.paper:before,.panel-paper:before,.modal:before{z-index:-1}.thumb[style*=background-image]{background-color:var(--navy-800);background-repeat:no-repeat}#app{--top-h:52px;--tab-h:62px;grid-template:"top""main"minmax(0,1fr)"tab"/minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.topbar{grid-area:top}.screen{-webkit-overflow-scrolling:touch;outline:none;grid-area:main;min-height:0;position:relative;overflow:hidden auto}.tabbar{grid-area:tab}.sidenav{display:none}.topbar{padding:calc(5px + var(--safe-t)) 8px 5px;min-height:var(--top-h);background:var(--pat-cloud), linear-gradient(180deg, var(--navy-850), var(--navy-950));box-shadow:inset 0 -1px 0 var(--gold-600), inset 0 -3px 0 var(--navy-950), inset 0 -4px 0 #e6c4734d, 0 4px 14px #00000073;z-index:8;align-items:center;gap:8px;display:flex;position:relative}.logo{flex:none;align-items:center;line-height:1;text-decoration:none;display:flex}.logo img{width:auto;height:44px;display:block}.logo-main{font-family:var(--font-brush);letter-spacing:.04em;background:linear-gradient(180deg, var(--gold-200), var(--gold-400) 45%, var(--gold-600));color:#0000;filter:drop-shadow(0 2px #000000b3);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.9rem}.topbar .logo{display:none}.resbar{border-radius:var(--r-pill);min-width:0;box-shadow:inset 0 0 0 1px var(--gold-700);background:linear-gradient(#00000073,#00000040);flex:1;align-items:stretch;display:flex;overflow:hidden}.res{white-space:nowrap;flex:auto;justify-content:center;align-items:center;gap:4px;min-width:0;padding:3px 6px;font-size:.82rem;display:inline-flex;position:relative}.res+.res:before{content:"";background:linear-gradient(180deg, transparent, var(--gold-600), transparent);width:1px;position:absolute;top:22%;bottom:22%;left:0}.res .ri{width:20px;height:20px}.res .rl{color:var(--ink-dim);font-size:.82em;display:none}.res b{letter-spacing:.01em;text-overflow:ellipsis;font-weight:700;overflow:hidden}.res small{color:var(--ink-dim);font-size:.85em}.top-lv{display:none}.top-icons{flex:none;align-items:center;gap:6px;display:flex}.top-icons .icon-btn{width:40px;height:40px}.top-icons .pc-only{display:none}.top-icons .chat-btn .badge{top:-4px;right:-4px}#app.full .chat-btn{display:none}.net-off,.pending-chip{border-radius:var(--r-pill);background:var(--shu-700);box-shadow:inset 0 0 0 1px var(--shu-400);white-space:nowrap;border:0;padding:2px 10px;font-size:.75rem}.pending-chip{background:var(--gold-800);box-shadow:inset 0 0 0 1px var(--gold-400);color:var(--gold-200);min-height:32px;font-weight:700}.drawer-wrap{place-items:stretch end;padding:0}.drawer{width:min(340px,88vw);height:100%;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:var(--pat-cloud), linear-gradient(180deg, var(--navy-800), var(--navy-900));box-shadow:inset 1px 0 0 var(--gold-600), var(--shadow-3);align-content:start;gap:14px;animation:.2s ease-out slidein;display:grid;overflow:auto}.drawer-head{align-items:center;gap:12px;display:flex}.drawer-head .grow{flex:1;min-width:0}.drawer-head b{font-family:var(--font-title);font-size:1.1rem;display:block}.drawer-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.drawer-list button{border-radius:var(--r-sm);background:linear-gradient(180deg, var(--navy-700), var(--navy-850));width:100%;min-height:52px;box-shadow:inset 0 0 0 1px var(--gold-700);font-family:var(--font-title);color:var(--ink);border:0;align-items:center;gap:14px;padding:0 16px;font-size:1.05rem;font-weight:800;display:flex;position:relative}.drawer-list .ic{width:24px;height:24px;color:var(--gold-300)}.drawer-list .badge,.drawer-list .dot{margin-left:auto;position:static}@keyframes slidein{0%{opacity:0;transform:translate(30px)}}.tabbar{padding:5px 6px calc(5px + var(--safe-b));background:var(--pat-cloud), linear-gradient(180deg, var(--navy-850), var(--navy-950));box-shadow:inset 0 1px 0 var(--gold-600), inset 0 3px 0 var(--navy-950), inset 0 4px 0 #e6c47340, 0 -4px 14px #00000073;z-index:8;grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.tab{border-radius:var(--r-sm);min-height:52px;font-family:var(--font-title);color:var(--ink-dim);background:0 0;border:0;align-content:center;justify-items:center;gap:1px;font-size:.78rem;font-weight:800;display:grid;position:relative}.tab .ic{width:25px;height:25px;color:var(--gold-400)}.tab.active{background:linear-gradient(180deg, var(--shu-400), var(--shu-600) 60%, var(--shu-700));box-shadow:inset 0 0 0 1px var(--gold-400), inset 0 0 0 3px #0003;color:#fff8ec}.tab.active .ic{color:#fff8ec}.tab .badge,.tab .dot{top:4px;right:calc(50% - 22px)}#app:not(.authed) .tabbar,#app:not(.authed) .chat,#app:not(.authed) .chat-fab,#app.full .tabbar,#app[data-screen=login] .topbar,#app[data-screen=battle] .topbar{display:none}.chat-fab{right:12px;bottom:calc(var(--tab-h) + 12px + var(--safe-b));z-index:9;width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--gold-400), inset 0 0 0 3px #00000040, 0 4px 12px #00000080;border-radius:50%;position:fixed}.chat-fab .ic{width:26px;height:26px}.chat-fab .badge{top:-2px;right:-2px}#app.full .chat-fab,#app[data-screen=top] .chat-fab{bottom:calc(12px + var(--safe-b))}#app.full .chat-fab{display:none}#app[data-screen=top] .chat-fab{bottom:auto;top:calc(var(--top-h) + 268px + var(--safe-t));right:10px}.chat{left:0;right:0;bottom:calc(var(--tab-h) + var(--safe-b));z-index:20;border-radius:var(--r-lg) var(--r-lg) 0 0;height:min(72dvh,560px);transition:transform .22s ease-out;position:fixed;transform:translateY(115%)}#app.chat-mobile-open .chat{transform:none}#app.full .chat{bottom:0}@media (min-width:900px){#app{--side-w:92px;--chat-w:300px;--top-h:64px;grid-template-columns:var(--side-w) minmax(0, 1fr) var(--chat-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top top top""side main chat"}#app.chat-collapsed{--chat-w:52px}#app:not(.authed){grid-template-columns:1fr;grid-template-areas:"top""main"}.tabbar,.chat-fab{display:none!important}.topbar{gap:14px;padding:6px 14px 8px}.topbar .logo{width:calc(var(--side-w) - 14px);display:flex;overflow:visible}.topbar .logo img{filter:drop-shadow(0 2px 3px #000000b3);width:auto;max-width:none;height:48px}.topbar .logo-main{font-size:1.5rem}.resbar{flex:0 760px;margin-left:auto}.res{gap:8px;padding:4px 14px;font-size:1rem}.res .ri{width:28px;height:28px}.res .rl{display:inline}.top-lv{font-family:var(--font-title);white-space:nowrap;color:var(--ink);background:0 0;border:0;align-items:center;gap:6px;padding:0 6px;font-size:1.1rem;font-weight:800;display:inline-flex}.top-lv .ic{color:var(--gold-300);width:24px;height:24px}.top-lv b{font-size:1.35rem}.top-icons .pc-only{display:inline-grid}.top-icons .sp-only{display:none}.top-icons .icon-btn{width:44px;height:44px}.sidenav{background:var(--pat-cloud), linear-gradient(180deg, var(--navy-900), var(--navy-950));box-shadow:inset -1px 0 0 var(--gold-700);scrollbar-width:none;flex-direction:column;grid-area:side;gap:6px;min-height:0;padding:10px 8px;display:flex;overflow-y:auto}#app:not(.authed) .sidenav{display:none}.sidenav ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.sidenav a[data-nav]{border-radius:var(--r-sm);min-height:60px;color:var(--ink);font-family:var(--font-title);letter-spacing:.04em;filter:drop-shadow(0 2px 2px #00000080);border:0;border-image:url(/art/ui/btn-navy.webp) 46 70 fill/14px 20px;align-content:center;justify-items:center;gap:2px;padding:6px 4px;font-size:.78rem;font-weight:800;text-decoration:none;display:grid;position:relative}.sidenav a[data-nav] .ic{width:28px;height:28px;color:var(--gold-300);--ic-w:1.6}.sidenav a[data-nav]:hover{filter:brightness(1.2)}.sidenav a.active{color:#fff8ec;border-image-source:url(/art/ui/btn-red.webp);border-image-slice:48 70 fill}.sidenav a.active .ic{color:#fff8ec}.sidenav a.active:after{content:"";background:var(--gold-400);width:10px;height:10px;box-shadow:0 0 0 2px var(--navy-950);position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.sidenav .badge,.sidenav .dot{top:6px;right:8px}.side-lv{gap:6px;margin-top:auto;padding:22px 22px 18px;display:none}.side-lv .lv{font-family:var(--font-title);font-size:1rem;font-weight:800}.side-lv .lv b{margin-left:2px;font-size:1.7rem}.side-lv .nx{color:var(--ink-dim);justify-content:space-between;font-size:.75rem;display:flex}.side-lv .nx b{color:var(--ink)}.side-lv .sp{font-family:var(--font-title);border-top:1px solid #a57c3659;align-items:center;gap:8px;padding-top:6px;font-weight:800;display:flex}.side-lv .sp .ic{color:var(--gold-300)}.side-lv .sp b{margin-left:auto;font-size:1.5rem}.chat{border-radius:0;border-radius:var(--r-sm);grid-area:chat;height:auto;min-height:0;margin:8px 8px 8px 0;position:relative;inset:auto;transform:none}#app.chat-collapsed .chat{margin:8px 6px 8px 0}#app.full:not([data-screen=battle]):not([data-screen=result]) .chat{display:none}}@media (min-width:1200px){#app{--side-w:200px;--chat-w:320px}.topbar .logo-main{font-size:2.2rem}.sidenav{padding:12px 10px}.sidenav a[data-nav]{justify-content:flex-start;align-items:center;gap:14px;min-height:58px;padding:0 16px;font-size:1.2rem;display:flex}.sidenav a[data-nav] .ic{width:32px;height:32px}.side-lv{display:grid}}@media (min-width:900px) and (max-height:820px){.sidenav a[data-nav]{min-height:50px}.side-lv{gap:3px;padding:8px 10px}.side-lv .lv b{font-size:1.4rem}}@media (min-width:1500px){#app{--side-w:220px;--chat-w:340px}}.page{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-height:100%;padding:14px 14px 24px;display:grid}.screen-head{flex-wrap:wrap;align-items:center;gap:12px;min-height:48px;display:flex}.screen-head h1{letter-spacing:.08em;font-size:1.7rem}.screen-head .end{align-items:center;gap:10px;margin-left:auto;display:flex}.page-paper{padding:18px 20px 22px}.page-paper>.screen-head h1{color:var(--sumi-900)}@media (min-width:900px){.page{padding:10px 12px 12px}.page.fill{grid-template-rows:minmax(0,1fr);height:100%}}@media (max-width:899px){.page{padding:10px 10px calc(20px + var(--safe-b))}.screen-head h1{font-size:1.45rem}.page-paper{padding:14px 12px 18px}}@media (min-width:900px){#app[data-screen=battle]{--side-w:76px}#app[data-screen=battle] .sidenav a[data-nav]{justify-items:center;gap:0;min-height:54px;padding:0;font-size:.68rem;display:grid}#app[data-screen=battle] .sidenav a[data-nav] .ic{width:26px;height:26px}#app[data-screen=battle] .sidenav a[data-nav] span,#app[data-screen=battle] .side-lv{display:none}#app[data-screen=battle] .topbar{display:flex}#app[data-screen=battle] .topbar .logo img{height:36px}}.drawer-wrap .modal{width:auto;height:100%;max-height:100%;box-shadow:none;background:0 0;border-radius:0;animation:none;overflow:visible}.drawer-wrap .modal:before{display:none}.drawer-wrap .modal-body{height:100%;padding:0}@media (min-width:900px){.sp-dot{display:none}}@media (max-width:899px){.panel-paper:before,.panel-paper.deco:before{border-width:14px;border-image-width:14px}.panel-navy:before,.paper:before,.panel-navy.deco:before{border-width:16px;border-image-width:16px}.topbar{gap:5px}.res{gap:3px;padding:3px 4px;font-size:.78rem}.res .ri{width:18px;height:18px}.res small+small{display:none}}.sidenav a[data-nav]>span{padding-top:2px;line-height:1}.chat{background:var(--pat-cloud), linear-gradient(180deg, var(--navy-800), var(--navy-900));box-shadow:var(--gold-edge), var(--shadow-2);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.chat:before{content:"";background:var(--corners-sm);pointer-events:none;z-index:1;position:absolute;inset:3px}.chat-head{border-bottom:1px solid var(--gold-700);background:linear-gradient(#ffffff0a,#0000);align-items:center;gap:8px;padding:10px 10px 8px 16px;display:flex}.chat-head h2{color:var(--ink);letter-spacing:.1em;font-size:1.2rem}.chat-status{color:var(--ink-dim);align-items:center;gap:4px;margin-left:auto;font-size:.72rem;display:flex}.chat-status .dot{width:8px;min-width:0;height:8px;box-shadow:none;position:static}.dot.ok{background:var(--good)}.dot.wait{background:var(--gold-500)}.dot.ng{background:var(--shu-400)}.chat-toggle{width:34px;height:34px}.chat-toggle .minus{background:currentColor;border-radius:1px;width:14px;height:2px}.chat-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--gold-700) transparent;align-content:start;min-height:0;margin:0;padding:4px 10px;list-style:none;display:grid;overflow-y:auto}.msg{cursor:pointer;border-bottom:1px solid #a57c3640;align-items:flex-start;gap:10px;padding:9px 4px;display:flex}.msg:focus-visible{outline-offset:-2px}.msg-av{background-color:var(--navy-600);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--gold-500), 0 2px 4px #00000080;background-repeat:no-repeat;border-radius:50%;flex:none}.msg-av.sys{background:linear-gradient(180deg, var(--shu-400), var(--shu-700));color:#fff8ec;place-items:center;display:grid}.msg-av.sys .ic{width:22px;height:22px}.msg-body{flex:1;min-width:0}.msg.mine .msg-name{color:var(--gold-200)}.msg.system .msg-name{color:var(--shu-300)}.msg-head{justify-content:space-between;gap:8px;line-height:1.3;display:flex}.msg-name{color:var(--gold-300);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.msg time{color:var(--ink-dim);flex:none;font-size:.72rem}.msg-text{white-space:pre-wrap;word-break:break-word;margin:2px 0 0;font-size:.9rem;line-height:1.45}.chat-empty{color:var(--ink-dim);text-align:center;padding:24px 0;font-size:.85rem}.chat-form{border-top:1px solid var(--gold-700);background:#0003;gap:8px;padding:10px;display:flex}.chat-form input{background:var(--pat-grain), linear-gradient(180deg, var(--washi-50), var(--washi-100));min-width:0;color:var(--sumi-900);box-shadow:inset 0 0 0 1px var(--gold-600);border-radius:var(--r-sm);flex:1;font-size:16px}.chat-form input::placeholder{color:var(--sumi-400)}.chat-send{padding:0 16px}.chat-rail{display:none}@media (min-width:900px){#app.chat-collapsed .chat{grid-template-rows:1fr}#app.chat-collapsed .chat>:not(.chat-rail){display:none}#app.chat-collapsed .chat-rail{color:var(--gold-300);background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;padding:16px 0;display:flex;position:relative}.chat-rail span{writing-mode:vertical-rl;font-family:var(--font-title);letter-spacing:.3em;font-weight:800}.chat-rail .ic{width:24px;height:24px}.chat-rail .badge{top:8px;right:6px}}@media (max-width:899px){.chat{position:fixed}.chat-toggle .minus{width:14px}}.top{isolation:isolate;height:100%;min-height:520px;position:relative;overflow:hidden}.top-bg{z-index:-1;background:linear-gradient(180deg, #060a1826, transparent 30%, transparent 62%, #060a18bf), url(/art/ui/top-bg.webp) center 30% / cover no-repeat, var(--navy-800);position:absolute;inset:0}.top-bg:after{content:"";background:radial-gradient(120% 90% at 40% 45%,#0000 55%,#060a188c);position:absolute;inset:0}.oshi{inset:0 var(--side-col,360px) 0 0;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute}.oshi-figure{justify-content:center;align-items:flex-end;height:100%;display:flex}.oshi-img{display:block}.oshi-img.tall{object-fit:contain;filter:drop-shadow(0 10px 18px #00000073);max-width:none;height:104%;animation:.35s ease-out oshi-in;transform:translateY(4%)}.oshi-img.chibi{aspect-ratio:1;background-size:200% 200%;width:min(70vh,90%);height:auto}.oshi-img.pending{width:40%;height:80%}@keyframes oshi-in{0%{opacity:0;transform:translateY(6%)}}.oshi-plate{letter-spacing:.12em;padding:8px 26px 8px 14px;font-size:2rem;position:absolute;bottom:150px;left:24px}.oshi-plate .crest .ic{width:40px;height:40px;color:var(--sumi-700);--ic-w:1.4}.oshi-pick{bottom:16px;left:calc((100% - var(--side-col,360px)) / 2);gap:8px;display:flex;position:absolute;transform:translate(-50%)}.op{color:var(--ink);cursor:pointer;background:0 0;border:0;justify-items:center;gap:2px;padding:0;display:grid}.op-face{border-radius:var(--r-sm);background-color:var(--navy-700);width:84px;height:84px;box-shadow:inset 0 0 0 2px var(--gold-600), inset 0 0 0 4px #060a1866, 0 4px 10px #00000080;background-repeat:no-repeat;transition:transform .12s}.op-name{font-family:var(--font-title);text-align:center;min-width:84px;color:var(--sumi-900);background:linear-gradient(180deg, var(--washi-50), var(--washi-200));box-shadow:inset 0 0 0 1px var(--gold-600);border-radius:var(--r-xs);padding:1px 0;font-size:.85rem;font-weight:800}.op:hover .op-face{transform:translateY(-2px)}.op.on .op-face{box-shadow:inset 0 0 0 3px var(--gold-300), 0 0 0 2px var(--shu-500), 0 0 18px #f4dc9c8c}.op.on .op-name{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));color:#fff8ec}.top-side{width:calc(var(--side-col,360px) - 32px);flex-direction:column;justify-content:flex-end;gap:10px;display:flex;position:absolute;top:16px;bottom:16px;right:16px}.top-side .sortie{letter-spacing:.3em;order:10;min-height:88px;padding:0 22px;font-size:2.2rem}.top-side .sortie .ic:first-child{--ic-w:1.6;width:46px;height:46px}.top-side .sortie span{text-align:center;flex:1}.next-stage{text-align:center;font-family:var(--font-title);color:var(--gold-200);text-shadow:0 1px 3px #000;order:11;margin:-4px 0 0;font-size:.95rem;font-weight:800}.todo-list{gap:8px;display:grid}.todo{border-radius:var(--r-sm);text-align:left;width:100%;min-height:58px;color:var(--ink);box-shadow:var(--gold-edge), var(--shadow-1);background:linear-gradient(#1a2b52eb,#0a1226eb);border:0;align-items:center;gap:12px;padding:8px 14px;display:flex;position:relative}button.todo:hover{filter:brightness(1.12)}.todo>.ic{width:30px;height:30px;color:var(--gold-300)}.todo .grow{flex:1;gap:2px;min-width:0;display:grid}.todo b{font-family:var(--font-title);letter-spacing:.06em;font-size:1.1rem;font-weight:800}.todo small{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.todo-res{gap:10px;display:flex}.todo-res .ri{width:18px;height:18px}.todo-res .res-num{color:var(--ink);font-size:.9rem}.todo .badge{position:static}.todo .chev{color:var(--gold-400)}.todo.resume{background:linear-gradient(#962515f2,#64150bf2)}.todo.auto,.todo.event{background:var(--pat-grain), linear-gradient(180deg, var(--washi-50), var(--washi-200));color:var(--sumi-900);box-shadow:inset 0 0 0 1px var(--gold-600), inset 0 0 0 3px var(--washi-100), inset 0 0 0 4px #a57c3673, var(--shadow-1)}.todo.auto small,.todo.event small{color:var(--sumi-500)}.todo.auto>.ic,.todo.event>.ic,.todo.auto .chev,.todo.event .chev{color:var(--sumi-700)}.todo.event .meter{margin-top:2px}.top-progress{justify-content:space-around;gap:8px;padding:8px 12px;display:flex}.top-progress div{align-items:baseline;gap:6px;display:flex}.top-progress b{font-family:var(--font-title);font-size:1.2rem}.top-progress small,.top-progress .muted{font-size:.78rem}.top-progress .ri{align-self:center;width:20px;height:20px}@media (min-width:900px) and (max-width:1199px){.top{--side-col:320px}.op-face{width:66px;height:66px}.op-name{min-width:66px;font-size:.75rem}}@media (min-width:900px) and (max-height:800px){.top-progress{display:none}.top-side .sortie{min-height:76px}.oshi-plate{font-size:1.6rem;bottom:130px}}@media (max-width:899px){.top{--side-col:0px;min-height:0}.top-bg{background:linear-gradient(180deg, #060a1833, transparent 25%, transparent 50%, #060a18d9 82%), url(/art/ui/top-bg-portrait.webp) center top / cover no-repeat, var(--navy-800)}.oshi{inset:0 0 150px}.oshi-img.tall{height:100%;transform:translateY(6%)}.oshi-plate{padding:4px 16px 4px 8px;font-size:1.35rem;top:10px;bottom:auto;left:10px}.oshi-plate .crest .ic{width:28px;height:28px}.oshi-pick{flex-direction:column;gap:6px;inset:10px 8px auto auto;transform:none}.op-face{width:54px;height:54px}.op-name{display:none}.top-side{gap:8px;width:auto;inset:auto 10px 10px}.top-side .sortie{min-height:68px;font-size:1.9rem}.top-side .sortie .ic:first-child{width:36px;height:36px}.next-stage{order:9;margin:0;font-size:.85rem}.todo-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;max-height:132px;overflow:auto}.todo{gap:8px;min-height:52px;padding:6px 10px}.todo>.ic{width:24px;height:24px}.todo b{font-size:.95rem}.todo .chev,.todo.event .meter,.top-progress{display:none}}.stages-panel{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:22px 26px 24px;display:grid}.ch-stars{font-family:var(--font-title);padding-right:14px;font-weight:800}.ch-stars b{font-size:1.3rem}.ch-stars .ri{width:24px;height:24px}.chapter-tabs .tab-btn{border-radius:var(--r-sm);flex:1 1 0;min-width:74px;padding:0 8px;font-size:.95rem}.chapter-tabs .tab-btn .ic{width:14px;height:14px}.stage-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:16px;min-height:0;display:grid}.stage-map{aspect-ratio:3/4;border-radius:var(--r-sm);background-position:50%;background-size:cover;background-color:var(--washi-200);max-width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--gold-500), inset 0 0 0 5px #3c280f59, inset 0 0 40px #3c280f59, var(--shadow-2);justify-self:center;position:relative;overflow:hidden}.map-name{z-index:3;padding:4px 14px;font-size:1.05rem;position:absolute;top:12px;left:12px}.node{cursor:pointer;z-index:2;background:0 0;border:0;justify-items:center;gap:1px;min-width:48px;min-height:48px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.node-mark{width:46px;height:46px;color:var(--gold-200);background:radial-gradient(circle at 40% 30%, var(--navy-500), var(--navy-800) 70%);box-shadow:inset 0 0 0 2px var(--gold-400), inset 0 0 0 4px var(--navy-900), inset 0 0 0 5px #f4dc9c73, 0 3px 6px #0000008c;border-radius:50%;place-items:center;transition:transform .12s;display:grid}.node-mark .ic{width:24px;height:24px}.node-label{font-family:var(--font-title);border-radius:var(--r-xs);color:var(--ink);background:var(--navy-900);box-shadow:inset 0 0 0 1px var(--gold-600);z-index:1;margin-top:-6px;padding:0 7px;font-size:.78rem;font-weight:800;line-height:1.3}.node-stars{text-shadow:0 1px 2px #000;font-size:.78rem;line-height:1}.node-stars .star:not(.on){color:#281e14bf;text-shadow:0 0 2px #fff9}.node.boss .node-mark{background:radial-gradient(circle at 40% 30%, var(--shu-300), var(--shu-500) 55%, var(--shu-700));color:#fff8ec;width:56px;height:56px}.node.boss .node-mark .ic{width:30px;height:30px}.node.locked .node-mark{color:#bbb;background:radial-gradient(circle at 40% 30%,#6a6a6a,#2c2c30 70%);box-shadow:inset 0 0 0 2px #8d8a80,0 2px 4px #00000080}.node.locked .node-label{color:var(--ink-dim);box-shadow:inset 0 0 0 1px #6d6a62}.node.locked{cursor:not-allowed}.node:hover:not(:disabled) .node-mark{transform:scale(1.08)}.node.on .node-mark{box-shadow:inset 0 0 0 2px var(--gold-200), inset 0 0 0 4px var(--navy-900), 0 0 0 3px var(--gold-300), 0 0 22px 6px #ffdc82bf;animation:1.6s ease-in-out infinite glow;transform:scale(1.15)}.node.on .node-label{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-300);color:#fff}.stage-detail{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.sd-body{scrollbar-width:thin;scrollbar-color:var(--washi-line) transparent;align-content:start;gap:4px;min-height:0;padding:2px 8px 4px 2px;display:grid;overflow:auto}.sd-head small{font-family:var(--font-title);color:var(--sumi-500);align-items:center;font-weight:800;display:flex}.sd-head h2{color:var(--sumi-900);font-size:1.7rem;line-height:1.25}.sd-kv .kv-row>span .ic,.sd-kv .kv-row>span .ri{width:22px;height:22px;color:var(--sumi-700)}.sd-kv .kv-row>b{color:var(--sumi-900)}.sd-kv .kv-row>b.good{color:#23743d}.sd-kv .kv-row>b.bad{color:var(--shu-600)}.stage-detail .sec-title{color:var(--sumi-900);margin:8px 0 0}.sd-enemies,.sd-drops{flex-wrap:wrap;gap:6px;display:flex}.sd-enemies .thumb,.sd-drops .thumb{width:56px;height:56px}.thumb.boss{box-shadow:inset 0 0 0 2px var(--shu-400), inset 0 0 0 4px #0000004d}.thumb.drop .ri{width:40px;height:40px}.thumb.item{background-color:var(--navy-800)}.sd-conds{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sd-conds li{color:var(--sumi-700);align-items:center;gap:8px;font-weight:700;display:flex}.sd-conds .star{font-size:1.2rem}.diff-row{gap:6px;margin-top:6px;display:flex}.diff-row .chip{flex:1;justify-content:center;padding:0 6px}.diff-row .chip .ic{width:14px;height:14px}.char-pick{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.char-opt{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900);background:linear-gradient(#fff9,#fff3);border:0;justify-items:center;gap:1px;min-height:44px;padding:4px 2px 6px;display:grid;position:relative}.co-face{border-radius:var(--r-sm);background-color:var(--navy-700);width:62px;height:62px;box-shadow:inset 0 0 0 2px var(--gold-600);background-repeat:no-repeat}.co-aff{font-family:var(--font-title);border-radius:var(--r-xs);background:var(--navy-800);color:var(--gold-300);box-shadow:inset 0 0 0 1px var(--gold-600);padding:0 4px;font-size:.7rem;font-weight:800;position:absolute;top:2px;left:2px}.co-eq{z-index:1;gap:2px;margin-top:-8px;display:flex}.co-eq i{background:var(--gold-400);width:9px;height:9px;box-shadow:0 0 0 1px var(--sumi-700);transform:rotate(45deg)}.co-eq i.off{background:#3c322859}.char-opt b{font-family:var(--font-title);font-size:.85rem}.char-opt small{color:var(--sumi-500);font-size:.75rem;font-weight:700}.char-opt.on{box-shadow:inset 0 0 0 2px var(--shu-500), 0 0 10px #c23a2759;background:linear-gradient(#fff3cf,#f3d68a)}.char-opt.on .co-face{box-shadow:inset 0 0 0 2px var(--gold-300)}.sortie-row{grid-template-columns:1.4fr 1fr;gap:8px;margin-top:8px;display:grid}.sortie-row .sortie-btn{letter-spacing:.2em;min-height:64px;font-size:1.5rem}.sortie-row .sortie-btn .ic{width:30px;height:30px}.sweep-btn span{line-height:1.15;display:grid}.sortie-row .auto-btn{grid-column:1/-1}.count-pick{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.auto-form{gap:10px;display:grid}.auto-form fieldset{border:1px solid var(--gold-700);border-radius:var(--r-sm);gap:4px;display:grid}.auto-form .check{flex-wrap:wrap;display:flex}.auto-form .check select,.auto-form .check input[type=time]{width:auto}@media (min-width:900px) and (max-width:1299px){.stage-layout{grid-template-columns:minmax(0,1fr) 320px}.chapter-tabs .tab-btn{min-width:0;font-size:.82rem}}@media (max-width:899px){.stages-panel{padding:16px 14px 18px}.stage-layout{grid-template-columns:1fr}.stage-map{width:100%;height:auto}.node-mark{width:40px;height:40px}.node.boss .node-mark{width:48px;height:48px}.stage-detail,.sd-body{display:block;overflow:visible}.sd-body>*+*{margin-top:6px}.sortie-row{z-index:4;background:linear-gradient(180deg, transparent, var(--washi-100) 25%);margin:8px -6px 0;padding:8px 6px;position:sticky;bottom:0}.chapter-tabs .tab-btn{flex:none}}.ch-stars{white-space:nowrap;flex:none;padding-right:10px}.screen-battle{overflow:hidden}.battle{height:100%;padding:8px 10px calc(8px + var(--safe-b));-webkit-user-select:none;user-select:none;grid-template:"top""ar""main"minmax(0,1fr)"bottom"/minmax(0,1fr);gap:6px;display:grid}.battle .sec-title{margin-bottom:6px;font-size:.95rem}.b-top{grid-area:top;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"plate order res ctrl";align-items:center;gap:10px;display:grid}.b-plate{color:var(--ink);border-left:3px solid var(--gold-500);border-radius:var(--r-xs);background:linear-gradient(90deg,#0a1226f2,#1a2b52eb 70%,#1a2b5200);grid-area:plate;min-width:0;padding:8px 26px 8px 18px;line-height:1.15;display:grid;box-shadow:inset 0 1px #e6c47380,inset 0 -1px #e6c47380}.b-plate small{font-family:var(--font-title);color:var(--gold-300);font-size:.72rem;font-weight:800}.b-plate h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;overflow:hidden}.b-order{border-radius:var(--r-sm);min-width:0;box-shadow:inset 0 0 0 1px var(--gold-700);background:#060a18b3;grid-area:order;justify-content:center;align-items:center;gap:4px;padding:4px 12px;display:flex;overflow:hidden}.b-order .turn{border-right:1px solid var(--gold-700);justify-items:center;margin-right:4px;padding-right:8px;line-height:1;display:grid}.b-order .turn small{letter-spacing:.1em;color:var(--ink-dim);font-size:.6rem}.b-order .turn b{font-family:var(--font-title);font-size:1.4rem}.ord{box-shadow:0 0 0 2px var(--gold-700);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ord .uicon,.ord .enemy-icon{background-color:var(--navy-700);background-repeat:no-repeat;border-radius:50%}.ord.blue{box-shadow:0 0 0 2px var(--ally)}.ord.red{box-shadow:0 0 0 2px var(--enemy)}.ord.neutral{box-shadow:0 0 0 2px var(--neutral)}.ord.now{box-shadow:0 0 0 2px var(--gold-300), 0 0 12px #ffdc82cc}.ord .face{box-shadow:none}.b-order .arr{border-left:6px solid var(--gold-500);border-top:4px solid #0000;border-bottom:4px solid #0000;flex:none;width:0;height:0}.b-res{border-radius:var(--r-pill);background:var(--pat-grain), linear-gradient(180deg, var(--washi-50), var(--washi-200));box-shadow:inset 0 0 0 1px var(--gold-600), var(--shadow-1);color:var(--sumi-900);grid-area:res;align-items:center;gap:2px;padding:4px 6px;display:flex}.b-res span{white-space:nowrap;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.b-res span+span{border-left:1px solid var(--washi-line)}.b-res .ic{width:20px;height:20px;color:var(--sumi-700)}.b-res small{color:var(--sumi-500);font-size:.75rem;font-weight:700}.b-res b{font-family:var(--font-title);font-size:1.1rem}.b-ctrl{grid-area:ctrl;gap:6px;display:flex}.b-ctrl .ctrl{align-content:center;place-items:center;gap:0;width:46px;height:46px;display:grid}.b-ctrl .ctrl small{font-size:.62rem;font-weight:700;line-height:1}.b-ctrl .ctrl.on{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));color:#fff;box-shadow:inset 0 0 0 1px var(--gold-300)}.ar-bar{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-500);background:linear-gradient(90deg,#a57c3659,#0a1226cc);grid-area:ar;align-items:center;gap:10px;padding:6px 8px 6px 14px;display:flex}.ar-tag{font-family:var(--font-title);color:var(--gold-200);align-items:center;gap:6px;font-weight:800;display:inline-flex}.ar-tag .ic{animation:2.4s linear infinite spin}.ar-info{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.b-main{grid-area:main;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;display:grid}.b-side{display:none}.board-wrap{touch-action:none;min-height:0;position:relative}canvas.board{width:100%;height:100%;display:block;position:absolute;inset:0}.b-cores{pointer-events:none;grid-template-columns:1fr 1fr;gap:2px 10px;padding:0 4px;display:grid}.b-cores .terr-bar{grid-column:1/-1}.core-hp{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:grid}.core-hp span{font-family:var(--font-title);color:var(--ink-dim)}.core-hp b{font-size:.8rem}.hpbar{border-radius:var(--r-pill);background:#060a18d9;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #a57c3699}.hpbar i{border-radius:inherit;background:linear-gradient(180deg, #a9f5b4, var(--hp) 50%, #3a9a4c);height:100%;transition:width .3s;display:block}.core-hp.red .hpbar i{background:linear-gradient(180deg, #ffb3a6, var(--enemy) 50%, #a3281a)}.core-hp.blue .hpbar i{background:linear-gradient(180deg, #bfe3ff, var(--ally) 50%, #2a5fb0)}.terr-bar{border-radius:var(--r-pill);height:12px;box-shadow:inset 0 0 0 1px var(--gold-700);background:#060a18cc;position:relative;overflow:hidden}.terr-bar.mini{height:5px}.terr-bar i{transition:width .4s;position:absolute;top:0;bottom:0}.terr-bar .b{background:linear-gradient(180deg, #8cc4ff, var(--ally));left:0}.terr-bar .r{background:linear-gradient(180deg, #ff9d8f, var(--enemy));right:0}.terr-num{justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.terr-num b{font-family:var(--font-title);font-size:1.35rem}.terr-num .b{color:#9fcbff}.terr-num .r{color:#ffab9e}.side-card{padding:18px 20px}.side-card+.side-card{margin-top:10px}.hero-card .hc-top{align-items:center;gap:12px;display:flex}.hc-face{width:64px;height:64px}.hc-name{line-height:1.2;display:grid}.hc-name b{font-family:var(--font-title);font-size:1.35rem}.hc-name small{color:var(--gold-300);font-weight:700}.hc-hp{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:10px 0 6px;font-weight:700;display:grid}.hc-hp>span{color:var(--ink-dim);font-size:.75rem}.hc-hp b small{color:var(--ink-dim);font-weight:500}.hc-stats{color:var(--ink-dim);grid-template-columns:1fr 1fr;gap:4px 10px;font-size:.82rem;display:grid}.hc-stats span{align-items:center;gap:5px;display:flex}.hc-stats .ic{color:var(--gold-400);width:16px;height:16px}.hc-stats b{color:var(--ink);margin-left:auto}.hc-skill{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-700);background:#0000004d;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;font-size:.85rem;font-weight:700;display:flex}.hc-skill .ic{color:#ffb36b}.hc-skill em{color:var(--ink-dim);margin-left:auto;font-size:.75rem;font-style:normal}.hc-skill.ready em{color:var(--gold-300)}.star-list{gap:4px;margin:0;padding:0;font-size:.88rem;font-weight:700;list-style:none;display:grid}.star-list li{color:var(--ink-dim);align-items:center;gap:6px;display:flex}.star-list li.on{color:var(--ink)}.star-list .star{font-size:1.1rem}.cores{gap:6px;margin-top:10px;display:grid}.cores .core-hp{font-size:.8rem}.b-log{color:var(--ink-dim);gap:3px;margin:0;padding:0;font-size:.8rem;list-style:none;display:grid}.b-log li:first-child{color:var(--ink)}.info-slot header,.info-card header{align-items:center;gap:10px;display:flex}.info-slot header div,.info-card header div{line-height:1.25;display:grid}.info-slot header b,.info-card header b{font-family:var(--font-title);font-size:1.05rem}.info-slot header small,.info-card header small{color:var(--ink-dim);font-size:.75rem}.info-slot .hpbar,.info-card .hpbar{margin:8px 0 2px}.info-slot p,.info-card p{font-size:.85rem}.stat-row{color:var(--ink-dim);flex-wrap:wrap;gap:2px 12px;margin-top:4px;font-size:.82rem;display:flex}.stat-row b{color:var(--ink)}.forecast{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--shu-400);background:#c23a2738;margin-top:6px;padding:6px 10px;font-weight:700}.forecast b,.hint .dmg{color:#ffdf6a;font-family:var(--font-title);font-size:1.35rem}.b-bottom{grid-area:bottom;gap:6px;display:grid}.b-guide{align-items:center;gap:14px;min-width:0;min-height:28px;display:flex}.b-steps{flex:none;align-items:center;margin:0;padding:0;list-style:none;display:flex}.b-steps li{font-family:var(--font-title);color:var(--ink-faint);align-items:center;gap:5px;font-size:.9rem;font-weight:800;display:flex}.b-steps li+li:before{content:"";background:var(--gold-700);width:22px;height:1px;margin:0 6px}.b-steps li i{background:var(--navy-800);width:14px;height:14px;box-shadow:inset 0 0 0 1.5px var(--gold-700);border-radius:50%}.b-steps li.done{color:var(--ink-dim)}.b-steps li.done i{background:var(--gold-700)}.b-steps li.now{color:var(--gold-200)}.b-steps li.now i{background:radial-gradient(circle at 40% 35%, var(--gold-200), var(--gold-500));box-shadow:0 0 8px #ffdc82e6}.hint{min-width:0;color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:.85rem;overflow:hidden}.actions{grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,1.8fr);gap:6px;display:grid}.act{min-height:60px;color:var(--ink);font-family:var(--font-title);letter-spacing:.06em;filter:drop-shadow(0 2px 2px #00000080);white-space:nowrap;background:0 0;border:0;border-image:url(/art/ui/btn-navy.webp) 46 70 fill/13px 18px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 6px;font-size:1rem;font-weight:800;transition:transform 80ms;display:flex;position:relative}.act .ic{width:26px;height:26px;color:var(--gold-300);--ic-w:1.6}.act:hover:not(:disabled){filter:drop-shadow(0 2px 2px #00000080)brightness(1.15)}.act:active:not(:disabled){transform:translateY(2px)}.act:disabled{filter:grayscale(.8)brightness(.55);color:var(--ink-dim);cursor:not-allowed}.act.primary,.act.on{color:var(--sumi-900);border-image-source:url(/art/ui/btn-gold.webp);border-image-slice:50 70 fill;animation:1.6s ease-in-out infinite glow}.act.primary .ic,.act.on .ic{color:var(--sumi-900)}.act.end{color:#fff8ec;letter-spacing:.12em;border-image-source:url(/art/ui/btn-red.webp);border-image-slice:48 70 fill;border-image-width:15px 22px;font-size:1.25rem}.act.end .ic{color:#fff8ec}.act.cancel{border-image-source:url(/art/ui/btn-navy.webp);border-image-slice:46 70 fill;font-size:1rem}.act .cnt{font-size:.72rem;font-style:normal;font-family:var(--font);color:var(--gold-200);position:absolute;top:4px;right:8px}.auto-state{border-radius:var(--r-sm);min-height:60px;box-shadow:inset 0 0 0 1px var(--gold-600);font-family:var(--font-title);background:#060a18bf;grid-column:1/-1;align-items:center;gap:12px;padding:0 12px 0 18px;font-size:1.05rem;font-weight:800;display:flex}.auto-state .ic{color:var(--gold-300);width:24px;height:24px;animation:2.4s linear infinite spin}.auto-state .btn{margin-left:auto}.auto-state .btn .ic{width:18px;height:18px;color:inherit;animation:none}.notready-inline{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex}.floaters{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.floater{font-family:var(--font-title);color:#fff;-webkit-text-stroke:4px #0a0602e6;paint-order:stroke fill;text-shadow:0 3px 4px #0009;white-space:nowrap;font-size:1.35rem;font-weight:800;line-height:1;animation:.95s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.floater.dmg.red,.floater.dmg.neutral{color:#fff3c4}.floater.dmg.blue{color:#ff8d7d}.floater.big{color:#ffd84a;font-size:2rem}.floater.big.blue{color:#ff6a55}.floater.heal{color:#8cf0a8}.floater.gold{color:var(--gold-300)}.floater.exp{color:#9ec8ff;font-size:1rem}.floater.info{-webkit-text-stroke-width:3px;font-size:.95rem}.floater.skill-name{color:var(--gold-200);font-size:1.15rem}.floater.ko{font-family:var(--font-brush);color:#ffe08a;font-size:2.1rem;animation:1.1s ease-out forwards koPop}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.7)}14%{opacity:1;transform:translate(-50%,-70%)scale(1.25)}30%{transform:translate(-50%,-80%)scale(1)}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}@keyframes koPop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-60%)scale(1)rotate(-6deg)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-110%)scale(1)rotate(-6deg)}}.dice-pop{pointer-events:none;z-index:4;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.die{width:84px;height:84px;box-shadow:inset 0 0 0 3px var(--gold-500), inset 0 -6px 0 #785a2840, 0 10px 24px #0009;background:linear-gradient(#fffaf0,#e3d3b0);border-radius:16px;place-items:center;animation:.12s linear infinite diceSpin;display:grid}.die.landed{animation:.3s cubic-bezier(.3,1.6,.6,1) diceLand}.dice-pop.quick .die{width:56px;height:56px}.pips{grid-template-columns:repeat(3,1fr);gap:6px;width:68%;height:68%;display:grid}.pips i{border-radius:50%}.pips i.on{background:radial-gradient(circle at 40% 35%, var(--shu-300), var(--shu-600))}@keyframes diceSpin{50%{transform:rotate(14deg)scale(.95)}}@keyframes diceLand{0%{transform:scale(1.6)rotate(-20deg)}}.cutin{height:104px;box-shadow:inset 0 2px 0 var(--gold-400), inset 0 -2px 0 var(--gold-400);pointer-events:none;z-index:4;background:linear-gradient(90deg,#962515f7,#64150beb 55%,#64150b00);align-items:center;gap:16px;padding:0 24px;animation:.7s ease-out cutin;display:flex;position:absolute;top:34%;left:-10px;right:-10px;transform:skewY(-4deg)}.cutin.red{background:linear-gradient(270deg,#280c1ef7,#3c101ae6 55%,#3c101a00);flex-direction:row-reverse}.ci-face{width:128px;height:128px;box-shadow:0 0 0 3px var(--gold-300), 0 6px 16px #0009;background-repeat:no-repeat;border-radius:50%;transform:skewY(4deg)}.ci-text{display:grid;transform:skewY(4deg)}.ci-text small{font-family:var(--font-title);color:var(--gold-200);font-weight:800}.ci-text b{font-family:var(--font-brush);color:#fff8e0;-webkit-text-stroke:5px #280a04e6;paint-order:stroke fill;font-size:2.6rem;line-height:1.05}@keyframes cutin{0%{transform:skewY(-4deg)translate(-100%)}20%,80%{transform:skewY(-4deg)}to{opacity:0}}.b-banner{text-align:center;pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#060a18eb 18% 82%,#0000);gap:2px;padding:14px 10px;display:grid;position:absolute;top:40%;left:0;right:0;box-shadow:inset 0 1px #e6c47399,inset 0 -1px #e6c47399}.b-banner b{font-family:var(--font-brush);background:linear-gradient(180deg, var(--gold-200), var(--gold-400) 55%, var(--gold-600));color:#0000;filter:drop-shadow(0 2px #000c);-webkit-background-clip:text;background-clip:text;font-size:2.4rem;line-height:1.1}.b-banner small{font-family:var(--font-title);color:var(--ink-dim);font-weight:800}.b-banner.show{animation:1.2s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:scaleY(.2)}15%,80%{opacity:1;transform:none}to{opacity:0}}.board-msg{z-index:5;background:#060a18b8;place-items:center;display:grid;position:absolute;inset:0}.info-card{z-index:3;border-radius:var(--r-sm);box-shadow:var(--gold-edge), var(--shadow-2);background:#0a1226f2;padding:10px 48px 10px 12px;font-size:.85rem;animation:.15s ease-out rise;position:absolute;bottom:10px;left:8px;right:8px}.info-card.at-top{top:8px;bottom:auto}.info-card .close{width:36px;height:36px;position:absolute;top:6px;right:6px}.build-menu{gap:6px;display:grid}.build-opt{border-radius:var(--r-sm);width:100%;min-height:64px;box-shadow:inset 0 0 0 1px var(--gold-700);color:var(--ink);text-align:left;background:linear-gradient(#ffffff0d,#00000026);border:0;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:flex}.build-opt:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--gold-400)}.build-opt:disabled{opacity:.55}.build-opt .bi{width:52px;height:52px}.build-opt .grow{flex:1;line-height:1.3;display:grid}.build-opt b{font-family:var(--font-title)}.build-opt small{color:var(--ink-dim);font-size:.78rem}.build-opt em{color:var(--shu-300);font-size:.75rem;font-style:normal}.bcost{align-items:center;gap:4px;font-weight:800;display:inline-flex}.bcost .ic{color:var(--gold-400)}@media (min-width:1100px){.battle{padding:8px 4px 10px 10px}.b-main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,270px);gap:10px}.b-side{scrollbar-width:none;min-height:0;display:block;overflow:auto}.b-cores,.info-card{display:none!important}.b-bottom{padding:0 280px 0 270px}.act{gap:4px;font-size:.92rem}.act .ic{width:22px;height:22px}}@media (min-width:1100px) and (max-width:1450px){.b-main{grid-template-columns:220px minmax(0,1fr) 230px}.b-bottom{padding:0}.b-res small{display:none}}@media (min-width:900px) and (max-width:1099px){.b-res small{display:none}}@media (max-width:899px){.battle{padding:calc(4px + var(--safe-t)) 6px calc(6px + var(--safe-b));gap:4px}.b-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plate ctrl""order order";gap:4px 6px}.b-plate{padding:4px 14px 4px 10px}.b-plate h1{font-size:1.05rem}.b-plate small{font-size:.62rem}.b-res{display:none}.b-ctrl .ctrl{width:44px;height:44px}.b-order{justify-content:flex-start;padding:3px 8px}.b-order .turn b{font-size:1.1rem}.b-guide{gap:8px;min-height:22px}.b-steps li{gap:3px;font-size:.75rem}.b-steps li+li:before{width:10px;margin:0 3px}.b-steps li i{width:10px;height:10px}.hint{font-size:.72rem}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.act{border-image-width:11px 15px;flex-direction:column;gap:0;min-height:52px;font-size:.82rem}.act .ic{width:22px;height:22px}.act.end{flex-direction:row;grid-column:span 2;gap:6px;font-size:1.15rem}.cutin{height:84px}.ci-face{width:96px;height:96px}.ci-text b{font-size:1.9rem}.floater{font-size:1.15rem}.floater.big{font-size:1.6rem}}.result{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:22px 28px 24px;display:grid;overflow:hidden}.result-body{grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:16px;min-height:0;display:grid}.res-figure{border-radius:var(--r-sm);background:linear-gradient(180deg, #f4ecd800 60%, var(--washi-100)), url(/art/ui/top-bg.webp) center 35% / cover;min-height:0;box-shadow:inset 0 0 0 1px var(--washi-line);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.res-img.tall{filter:drop-shadow(0 8px 14px #00000059);max-width:none;height:112%;animation:.4s ease-out oshi-in;transform:translateY(6%)}.res-img.chibi{aspect-ratio:1;background-size:200% 200%;width:70%}.result.lose .res-img{filter:grayscale(.5)brightness(.85)}.res-main{scrollbar-width:thin;align-content:start;gap:8px;min-height:0;padding-right:4px;display:grid;overflow:auto}.res-verdict{background:radial-gradient(closest-side,#e6c47359,#0000 70%);justify-self:center;place-items:center;width:230px;height:150px;animation:.6s cubic-bezier(.2,1.6,.5,1) verdict;display:grid}.res-verdict span{font-family:var(--font-brush);color:var(--sumi-900);text-shadow:0 0 1px var(--sumi-900), 3px 3px 0 #a57c3673;letter-spacing:.02em;font-size:5.6rem;line-height:1}.result.lose .res-verdict span{color:#4a4a58}@keyframes verdict{0%{opacity:0;transform:scale(1.8)}}.res-stage{font-family:var(--font-title);color:var(--sumi-900);align-items:center;gap:12px;margin:-10px 0 0;font-size:1.3rem;font-weight:800;display:flex}.res-stage:before,.res-stage:after{content:"";background:var(--washi-line);flex:1;height:1px}.res-conds{gap:4px;margin:0;padding:0;list-style:none;display:grid}.res-conds li{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-500);background:#ffffff73;align-items:center;gap:10px;padding:6px 12px;font-weight:700;animation:.3s ease-out backwards rise;display:flex}.res-conds li.on{color:var(--sumi-900)}.res-conds .ck{color:#fff;background:#8a8a90;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.res-conds li.on .ck{background:linear-gradient(#4dbb72,#237a42)}.res-conds .ck .ic{--ic-w:2.6;width:16px;height:16px}.res-exp,.res-rewards,.ar-summary{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background:#fff6;padding:10px 14px}.re-row{font-family:var(--font-title);align-items:center;gap:10px;display:flex}.re-row .plus{margin-left:auto;font-size:1.4rem}.re-row .meter{flex:1}.re-row .lvn{font-size:1.5rem}.res-exp .nx,.res-exp .lvup{text-align:right;color:var(--sumi-500);margin:2px 0 0;font-size:.82rem}.res-exp .lvup{color:var(--shu-600);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;font-size:1rem;font-weight:800;display:flex}.res-exp .lvup small{color:var(--sumi-500);font-weight:500}.rr-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 14px;display:grid}.rr{color:var(--sumi-700);align-items:center;gap:8px;font-weight:700;display:flex}.rr .ri{width:30px;height:30px}.rr b{font-family:var(--font-title);color:var(--sumi-900);margin-left:auto;font-size:1.2rem}.rr-items{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.rr-item{text-align:center;justify-items:center;gap:2px;width:84px;animation:.3s ease-out backwards pop;display:grid}.rr-item .thumb{width:68px;height:68px}.rr-item .thumb .rar{position:absolute;top:2px;left:2px}.rr-item.r3 .thumb{box-shadow:inset 0 0 0 2px #4f8fe8,0 0 10px #4f8fe880}.rr-item.r5 .thumb{box-shadow:inset 0 0 0 2px var(--gold-300), 0 0 14px #ffd26ecc}.rr-item small{color:var(--sumi-700);font-size:.72rem;line-height:1.25}.once-list{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.once-list li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.once-list .grants{margin:0}.ar-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ar-grid div{line-height:1.25;display:grid}.ar-grid span{color:var(--sumi-500);align-items:center;gap:4px;font-size:.75rem;display:flex}.ar-grid .ri{width:16px;height:16px}.ar-grid b{font-family:var(--font-title);font-size:1.15rem}.ar-grid small{color:var(--sumi-500);font-size:.72rem}.ar-log{gap:2px;margin:8px 0 0;padding:0;font-size:.8rem;list-style:none;display:grid}.ar-log li{gap:8px;display:flex}.ar-log li b{color:#23743d}.ar-log li.lose b{color:var(--shu-600)}.ar-log small{color:var(--sumi-500);margin-left:auto}.result-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.result-actions .btn{min-height:64px;font-size:1.35rem}.result-actions .btn .ic:first-child{width:28px;height:28px}@media (max-width:1200px){.result-body{grid-template-columns:minmax(0,.8fr) minmax(320px,1fr)}}@media (max-width:899px){.result{padding:16px 14px 18px;overflow:visible}.result-body{grid-template-columns:1fr}.res-figure{height:230px}.res-verdict{z-index:1;width:200px;height:120px;margin-top:-90px}.res-verdict span{font-size:4.4rem}.res-main{overflow:visible}.result-actions{background:linear-gradient(180deg, transparent, var(--washi-100) 30%);grid-template-columns:1fr 1fr 1fr;gap:6px;padding-top:8px;position:sticky;bottom:0}.result-actions .btn{min-height:54px;padding:0 10px;font-size:1.05rem}.result-actions .btn .chev{display:none}}.enh-panel{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:22px 26px 24px;display:grid}.enh-sp{padding-right:10px}.enh-chip{font-family:var(--font-title);color:var(--sumi-700);align-items:center;gap:6px;font-weight:800;display:inline-flex}.enh-chip b{color:var(--sumi-900);font-size:1.4rem}.enh-chip .ic{color:var(--gold-600);width:22px;height:22px}.enh-chip .ri{width:26px;height:26px}.enh-tabs .tab-btn{border-radius:var(--r-sm)}.enh-tabs .tab-btn .ic{width:18px;height:18px}.tab-body{min-height:0;overflow:auto}.enh-split{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:16px;min-height:100%;display:grid}.enh-main{min-width:0}.enh-detail{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line), inset 0 0 0 4px #fff6;background:#ffffff80;align-self:start;gap:10px;padding:18px 18px 16px;display:grid;position:sticky;top:0}.ed-head{align-items:center;gap:12px;display:flex}.ed-head h2{font-size:1.45rem;line-height:1.25}.ed-lv{font-family:var(--font-title);font-size:1.25rem}.ed-lv .arrow{color:var(--gold-600)}.ed-lv .good{color:#23743d}.ed-icon{width:64px;height:64px;color:var(--gold-200);background:radial-gradient(circle at 40% 30%, var(--navy-500), var(--navy-850) 75%);box-shadow:inset 0 0 0 2px var(--gold-400), inset 0 0 0 4px var(--navy-900), 0 3px 6px #00000059;border-radius:50%;flex:none;place-items:center;display:grid}.ed-icon .ic{width:32px;height:32px}.ed-icon.got{background:radial-gradient(circle at 40% 30%, var(--gold-200), var(--gold-500) 60%, var(--gold-700));color:var(--sumi-900)}.ed-desc{color:var(--sumi-900);font-weight:700}.ed-note,.ed-req{color:var(--sumi-500);align-items:center;gap:6px;margin:0;font-size:.82rem;display:flex}.ed-req{color:var(--shu-600);font-weight:700}.ed-note .ic,.ed-req .ic{width:16px;height:16px}.ed-kv .kv-row>span .ri{width:22px;height:22px}.ed-mei{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background:#a57c361f;align-items:center;gap:10px;padding:6px 10px;display:flex}.ed-mei span{font-family:var(--font-title);border-right:1px solid var(--washi-line);padding-right:10px;font-weight:800}.ed-actions{gap:8px;margin-top:4px;display:grid}.ed-actions.grid3{grid-template-columns:repeat(3,1fr)}.ed-actions .btn{padding:0 8px}.ed-actions .span3{grid-column:1/-1}.tree{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.branch{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background:#ffffff59;padding:10px 6px 4px}.branch.aff{box-shadow:inset 0 0 0 1px var(--gold-500);background:#ffeec899}.branch h3{border-bottom:1px solid var(--washi-line);justify-content:center;align-items:center;gap:8px;padding-bottom:6px;font-size:1.5rem;display:flex}.branch h3 .ic{width:28px;height:28px;color:var(--sumi-700)}.tnodes{margin-top:8px;position:relative}.tlines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tlines path{fill:none;stroke:#a57c3673;stroke-width:2px;vector-effect:non-scaling-stroke}.tlines path.on{stroke:var(--gold-500);stroke-width:3px}.tnode{width:84px;color:var(--sumi-900);cursor:pointer;background:0 0;border:0;justify-items:center;gap:0;padding:0;display:grid;position:absolute;transform:translate(-50%,-30px)}.tn-ring{width:56px;height:56px;color:var(--gold-200);background:radial-gradient(circle at 40% 30%, var(--navy-500), var(--navy-850) 75%);box-shadow:inset 0 0 0 2px var(--gold-500), inset 0 0 0 4px var(--navy-900), inset 0 0 0 5px #f4dc9c59, 0 3px 6px #00000059;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:relative}.tn-ring .ic{width:26px;height:26px}.tnode b{font-family:var(--font-title);white-space:nowrap;margin-top:3px;font-size:.82rem;line-height:1.2}.tnode small{color:var(--sumi-500);font-size:.72rem;font-weight:700;line-height:1.1}.tnode.got .tn-ring{background:radial-gradient(circle at 40% 30%, var(--navy-500), var(--navy-800) 75%);box-shadow:inset 0 0 0 3px var(--gold-300), inset 0 0 0 5px var(--navy-900), 0 0 10px #ffd26e99}.tnode.max .tn-ring{background:radial-gradient(circle at 40% 30%, var(--gold-200), var(--gold-500) 60%, var(--gold-700));color:var(--sumi-900)}.tnode.locked .tn-ring{color:#d8d8d8;background:radial-gradient(circle at 40% 30%,#8d8d93,#3f3f46 75%);box-shadow:inset 0 0 0 2px #a5a39a,0 2px 4px #0000004d}.tnode.locked b{color:var(--sumi-500)}.tn-lock{background:var(--navy-900);color:#fff;width:22px;height:22px;box-shadow:0 0 0 1.5px var(--washi-100);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-4px}.tn-lock .ic{width:13px;height:13px}.tnode:hover .tn-ring{transform:scale(1.06)}.tnode.sel .tn-ring{box-shadow:inset 0 0 0 3px var(--gold-200), inset 0 0 0 5px var(--navy-900), 0 0 0 3px var(--shu-500), 0 0 16px 4px #ffc864b3}.tnode.sel b{color:var(--shu-600)}.ougi{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background:#ffffff59;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;margin-top:10px;padding:10px 12px;display:grid}.ougi h3{align-items:center;gap:6px;font-size:1.2rem;display:flex}.ougi-nodes{justify-content:center;align-items:center;gap:4px;display:flex}.ougi-nodes .tnode{position:static;transform:none}.ougi-arrow{background:var(--gold-500);width:26px;height:2px;margin-bottom:34px}.char-tabs{gap:6px;display:flex}.char-mini{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);font-family:var(--font-title);color:var(--sumi-700);background:#ffffff73;border:0;justify-items:center;gap:2px;padding:3px 3px 4px;font-size:.78rem;font-weight:800;display:grid}.cm-face{border-radius:var(--r-sm);background-color:var(--navy-700);width:58px;height:58px;box-shadow:inset 0 0 0 2px var(--gold-600);background-repeat:no-repeat}.char-mini.on{box-shadow:inset 0 0 0 2px var(--shu-500);color:var(--sumi-900);background:linear-gradient(#fff3cf,#f3d68a)}.char-tabs.mini .cm-face{width:42px;height:42px}.char-tabs.mini .char-mini span:last-child{display:none}.equip-main{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:16px;display:grid}.eq-char{align-content:start;justify-items:center;gap:10px;display:grid}.eq-char .char-tabs{grid-template-columns:repeat(2,auto);display:grid}.eq-slots{gap:6px;display:grid}.eq-slot{border-radius:var(--r-sm);min-width:170px;box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900);background:#ffffff73;border:0;align-items:center;gap:10px;padding:6px 10px 6px 8px;display:flex}.eq-slot small{font-family:var(--font-title);justify-items:center;gap:2px;width:40px;font-weight:800;display:grid}.eq-slot small .ic{width:20px;height:20px;color:var(--sumi-700)}.eq-slot.sel{box-shadow:inset 0 0 0 2px var(--shu-500)}.thumb.empty{color:var(--ink-faint);font-size:.75rem}.eq-pow{font-family:var(--font-title);align-items:center;gap:8px;font-weight:800;display:flex}.eq-pow b{font-size:1.4rem}.eq-inv .sec-title .btn{margin-left:10px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.inv-cell{aspect-ratio:1;background:0 0;border:0;place-items:center;width:100%;padding:0;display:grid;position:relative}.inv-cell .thumb{width:100%;height:100%}.thumb.it{background-color:var(--navy-800);background-repeat:no-repeat}.thumb.it .rar{position:absolute;top:3px;left:3px}.thumb.it.r3{box-shadow:inset 0 0 0 2px #4f8fe8,inset 0 0 0 4px #0000004d}.thumb.it.r5{box-shadow:inset 0 0 0 2px var(--gold-300), inset 0 0 0 4px #0000004d, 0 0 8px #ffd26e99}.thumb.big{width:84px;height:84px}.inv-cell.sel .thumb{box-shadow:inset 0 0 0 3px var(--shu-400), 0 0 10px #c23a2780}.inv-cell.other{opacity:.55}.inv-cell .by{width:26px;height:26px;position:absolute;bottom:-3px;right:-3px}.om-slots{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.om-slot{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900);background:#ffffff73;border:0;justify-items:center;gap:2px;padding:12px 8px 10px;display:grid}.om-slot b{font-family:var(--font-title);font-size:.95rem}.om-slot small{color:var(--sumi-500);font-weight:700}.om-slot.sel{background:#d8ecffb3;box-shadow:inset 0 0 0 2px #4f8fe8,0 0 12px #4f8fe859}.om-art{filter:drop-shadow(0 3px 3px #0000004d);background-repeat:no-repeat;place-items:center;width:92px;height:92px;display:grid}.om-art.empty{border-radius:var(--r-sm);box-shadow:inset 0 0 0 2px dashed;color:var(--sumi-400);outline:2px dashed var(--washi-line);outline-offset:-8px;background:#3c281414}.om-art.big{width:96px;height:96px}.om-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.om-cell{border-radius:var(--r-sm);width:100%;box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-700);background:#ffffff73;border:0;justify-items:center;padding:4px 0 6px;font-weight:700;display:grid;position:relative}.om-cell .om-art{width:72px;height:72px}.om-cell.sel{box-shadow:inset 0 0 0 2px var(--shu-500);background:#fff3cfcc}.om-at,.om-paid{border-radius:var(--r-xs);background:var(--navy-800);color:var(--gold-200);padding:0 5px;font-size:.66rem;font-style:normal;position:absolute;top:3px;left:3px}.om-paid{background:var(--shu-600);color:#fff;left:auto;right:3px}.shiki-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.shiki-card{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background:#ffffff73;align-items:center;gap:12px;padding:8px;display:flex}.shiki-card .thumb{width:76px;height:76px}.shiki-card div{line-height:1.35;display:grid}.shiki-card b{font-family:var(--font-title)}.shiki-card small{font-size:.78rem}.shiki-grid .state-box{grid-column:1/-1}.bp-split{grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(260px,300px)}.bp-list{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.bp-row{border-radius:var(--r-sm);width:100%;box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900);text-align:left;background:#ffffff73;border:0;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.bp-row .thumb{color:#fff;background-color:#3c503c40;width:58px;height:58px}.bp-row .grow{line-height:1.25;display:grid}.bp-row b{font-family:var(--font-title);font-size:1.05rem}.bp-row small{color:var(--sumi-500);font-size:.78rem}.bp-row.sel{box-shadow:inset 0 0 0 2px var(--gold-500);background:linear-gradient(#fff3cf,#f3d68a)}.bp-row.locked{background:#50505a40}.bp-row.locked .thumb{filter:grayscale()brightness(.7)}.bp-art{border-radius:var(--r-sm);background:radial-gradient(60% 50% at 50% 55%,#ffffffb3,#0000);align-content:center;place-items:center;gap:4px;min-height:320px;display:grid}.bp-img{aspect-ratio:1;filter:drop-shadow(0 10px 12px #0000004d);background-repeat:no-repeat;width:min(100%,340px)}.bp-art h2{display:none}@media (max-width:1299px){.bp-split{grid-template-columns:minmax(190px,230px) minmax(0,1fr) minmax(250px,280px)}.bp-img{width:min(100%,260px)}.equip-main{grid-template-columns:1fr}.eq-char{grid-template-columns:auto auto;place-items:start}.eq-char .char-tabs{grid-column:1/-1;display:flex}}@media (min-width:900px) and (max-width:1500px){.tnode{width:62px;transform:translate(-50%,-26px)}.tn-ring{width:44px;height:44px}.tn-ring .ic{width:21px;height:21px}.tnode b{font-size:.68rem}.tnode small{font-size:.64rem}.tn-lock{width:18px;height:18px}.enh-split{grid-template-columns:minmax(0,1fr) minmax(250px,280px)}}@media (max-width:899px){.enh-panel{padding:16px 12px 18px}.enh-split,.bp-split{grid-template-columns:1fr}.enh-detail{position:static}.tree{grid-template-columns:1fr}.branch .tnodes{margin:8px 20px 0}.ougi{grid-template-columns:1fr;justify-items:center}.bp-art{min-height:0}.bp-img{width:200px}.bp-list{grid-template-columns:repeat(2,1fr)}.om-art{width:72px;height:72px}.om-slots{gap:6px}.eq-char{grid-template-columns:1fr;justify-items:stretch}.eq-slots{grid-template-columns:repeat(3,1fr)}.eq-slot{flex-direction:column;gap:4px;min-width:0}.eq-slot small{width:auto;display:flex}.enh-tabs .tab-btn{flex:none}.tb-tree .enh-detail{z-index:3;background:var(--tex-paper) center / 380px, var(--washi-100);box-shadow:inset 0 0 0 1px var(--gold-500), 0 -6px 16px #3c280f4d;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px 14px;position:sticky;bottom:0}.tb-tree .enh-detail>:not(.ed-head):not(.ed-actions):not(.ed-desc):not(.ed-req){display:none}.tb-tree .ed-head{grid-column:1}.tb-tree .ed-icon{width:46px;height:46px}.tb-tree .ed-head h2{font-size:1.15rem}.tb-tree .ed-lv{font-size:.95rem}.tb-tree .ed-desc,.tb-tree .ed-req{grid-column:1;margin:0;font-size:.82rem}.tb-tree .ed-actions{grid-area:1/2/span 3;align-self:center;margin:0}.tb-tree .ed-actions .btn.small{display:none}.tb-tree .ed-actions .btn.big{min-height:54px;padding:0 20px}.enh-panel .tab-body{overflow:visible}}.village{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:22px 26px 24px;display:grid}.vil-tabs{margin-left:auto;padding-right:10px}.vil-tabs .tab-btn{border-radius:var(--r-sm);min-width:120px}.village .tab-body{min-height:0;overflow:auto}.vil-split{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:16px;height:100%;display:grid}.vil-art{border-radius:var(--r-sm);box-shadow:inset 0 0 0 2px var(--gold-500), inset 0 0 30px #00000059, var(--shadow-2);background-position:50%;background-size:cover;min-height:0;position:relative;overflow:hidden}.vil-art.land{aspect-ratio:4/3;background-image:url(/art/ui/village.webp);justify-self:center;width:100%;max-height:100%}.vil-art.port{aspect-ratio:3/4;background-image:url(/art/ui/village-portrait.webp);display:none}.fac-tag{border-radius:var(--r-sm);min-height:40px;color:var(--sumi-900);background:var(--pat-grain), linear-gradient(180deg, var(--washi-50), var(--washi-200));box-shadow:inset 0 0 0 1px var(--gold-500), inset 0 0 0 3px var(--washi-100), inset 0 0 0 4px #a57c3680, 0 4px 10px #00000073;font-family:var(--font-title);white-space:nowrap;border:0;align-items:center;gap:6px;padding:4px 12px 4px 8px;transition:transform .12s;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.fac-tag:after{content:"";background:var(--washi-200);width:12px;height:12px;box-shadow:1px 1px 0 var(--gold-500);position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.fac-tag .ic{width:22px;height:22px;color:var(--sumi-700)}.fac-tag b{font-size:1.05rem}.fac-tag small{font-family:var(--font);color:var(--sumi-500);font-size:.72rem;font-weight:700}.fac-tag .dot{width:12px;height:12px;top:-3px;right:-3px}.fac-tag:hover{transform:translate(-50%,-54%)}.fac-tag.on{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-300), 0 0 0 2px var(--gold-300), 0 4px 12px #00000080;color:#fff8ec}.fac-tag.on:after{background:var(--shu-600);box-shadow:1px 1px 0 var(--gold-300)}.fac-tag.on .ic,.fac-tag.on small{color:#fff8ec}.vil-detail{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line), inset 0 0 0 4px #fff6;background:#ffffff80;align-self:start;gap:10px;padding:18px;display:grid}.fac-icon{width:60px;height:60px;color:var(--gold-200);background:radial-gradient(circle at 40% 30%, var(--navy-500), var(--navy-850) 75%);box-shadow:inset 0 0 0 2px var(--gold-400), 0 3px 6px #00000059;border-radius:50%;place-items:center;display:grid}.fac-icon .ic{width:30px;height:30px}.vil-detail .kv-row>b small{font-family:var(--font);color:var(--sumi-500);margin-left:4px;font-size:.7rem}.vil-detail .kv-row .ic{width:20px;height:20px;color:var(--sumi-700)}.vil-detail .kv-row .ri{width:24px;height:24px}.vil-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vil-actions .btn{padding:0 8px}.vil-pend{flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:.85rem;display:flex}.vil-pend .ri{width:18px;height:18px}.yz-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.yz-npc{background-repeat:no-repeat;width:64px;height:64px}.yz-head b{font-family:var(--font-title);font-size:1.3rem;display:block}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.shop-card{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line), inset 0 0 0 4px #fff6;text-align:center;background:#ffffff80;justify-items:center;gap:4px;padding:14px 10px 12px;display:grid}.shop-card b{font-family:var(--font-title);font-size:.98rem}.shop-card small{font-size:.75rem}.shop-art{width:92px;height:92px}.shop-art .ri{width:60px;height:60px}.shop-card .btn{width:100%}.shop-card .btn .ri{width:18px;height:18px}.shop-card.sold{opacity:.6}@media (max-width:1200px){.vil-split{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:899px){.village{padding:16px 12px 18px}.village .screen-head{flex-wrap:wrap}.vil-tabs{width:100%;margin-left:0}.vil-split{grid-template-columns:1fr;height:auto}.vil-art.land{display:none}.vil-art.port{display:block}.fac-tag{min-height:36px;padding:2px 8px 2px 6px}.fac-tag b{font-size:.88rem}.fac-tag .ic{width:18px;height:18px}.shop-grid{grid-template-columns:repeat(2,1fr)}}.gacha{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;display:grid}.gacha-stage{border-radius:var(--r-sm);min-height:360px;box-shadow:inset 0 0 0 2px var(--gold-500), inset 0 0 0 5px #060a1880, var(--shadow-2);background:linear-gradient(#060a181a,#060a188c),url(/art/ui/top-bg.webp) 50% 30%/cover;position:relative;overflow:hidden}.gacha-title{letter-spacing:.12em;z-index:2;font-size:1.8rem;position:absolute;top:16px;left:18px}.gacha-oshi{pointer-events:none;align-items:flex-end;height:96%;display:flex;position:absolute;bottom:0;left:4%}.gacha-img.tall{filter:drop-shadow(0 8px 16px #00000080);height:112%;transform:translateY(8%)}.gacha-img.chibi{background-size:200% 200%;width:300px;height:300px}.gacha-box{place-items:center;width:300px;height:260px;display:grid;position:absolute;top:46%;left:58%;transform:translate(-50%,-50%)}.gb-glow{background:radial-gradient(closest-side,#ffe496bf,#ffc85a40 55%,#0000);border-radius:50%;animation:2.4s ease-in-out infinite glow;position:absolute;inset:-10%}.gb-chest{filter:drop-shadow(0 12px 16px #0000008c);background-repeat:no-repeat;width:260px;height:260px;animation:3s ease-in-out infinite bob;position:relative}@keyframes bob{50%{transform:translateY(-6px)}}.gacha-wallet{z-index:2;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;min-width:250px;padding:14px 20px;display:grid;position:absolute;top:16px;right:16px}.gacha-wallet .ri{width:40px;height:40px}.gacha-wallet span{font-family:var(--font-title);font-size:1.1rem;font-weight:800}.gacha-wallet b{font-family:var(--font-title);justify-self:end;font-size:2rem}.gacha-wallet small{text-align:center;border-radius:var(--r-xs);background:#a57c3626;grid-column:1/-1;padding:2px 0;font-size:.78rem;font-weight:700}.gacha-btns{z-index:2;grid-template-columns:1fr 1fr;gap:10px;width:min(520px,60%);display:grid;position:absolute;bottom:16px;right:16px}.gacha-btns .btn.big{align-content:center;gap:0;min-height:76px;font-size:1.5rem;display:grid}.gacha-btns .btn.big small{justify-content:center;align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.gacha-btns .btn .ri{width:18px;height:18px}.gacha-btns .paper-btn{grid-column:1/-1}.gacha-pity{color:var(--ink-dim);font-size:.75rem;position:absolute;top:150px;right:22px}.gacha-showcase{padding:16px 24px}.gc-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.gc-item{flex:none;width:84px;height:84px}.gc-item.om{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background-color:#ffffff80;background-repeat:no-repeat}.gc-item .ri{width:56px;height:56px}.rates{border-collapse:collapse;width:100%}.rates th,.rates td{text-align:left;border-bottom:1px solid #a57c3659;padding:8px 6px}.rates td{text-align:right;font-weight:700}.gacha-results{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.gacha-results li{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-700);text-align:center;background:#ffffff0d;justify-items:center;gap:4px;padding:10px 6px;font-size:.8rem;animation:.35s ease-out backwards pop;display:grid}.gacha-results li.r3{box-shadow:inset 0 0 0 2px #4f8fe8,0 0 12px #4f8fe866}.gacha-results li.r5{box-shadow:inset 0 0 0 2px var(--gold-300), 0 0 18px #ffd26e99;background:radial-gradient(circle at 50% 30%,#ffdc8233,#0000 70%)}.gr-art{width:72px;height:72px}.gr-art.om{background-repeat:no-repeat}.gr-art .ri{width:48px;height:48px}.shop{grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;padding:22px 26px 18px;display:grid}.shop-bar{align-items:center;gap:12px;display:flex}.shop-tabs{flex:1}.shop-tabs .tab-btn{border-radius:var(--r-sm)}.link-btn{min-height:var(--tap);font-family:var(--font-title);color:var(--sumi-900);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;font-size:1rem;font-weight:800;display:inline-flex}.link-btn .ic{width:20px;height:20px}.shop-body{min-height:0;overflow:auto}.products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.product{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line), inset 0 0 0 4px #fff6, var(--shadow-1);text-align:center;background:#ffffff80;grid-template-rows:auto auto auto 1fr auto auto;justify-items:center;gap:4px;padding:8px 8px 12px;display:grid}.p-art{aspect-ratio:4/3;border-radius:var(--r-xs);background:radial-gradient(60% 60% at 50% 45%, #cfa24a40, transparent 70%), var(--tex-navy) center / 300px, var(--navy-850);width:100%;box-shadow:inset 0 0 0 1px var(--gold-500), inset 0 0 0 3px #060a1899;place-items:center;display:grid;position:relative;overflow:hidden}.pa-face{aspect-ratio:1;width:70%;box-shadow:0 0 0 3px var(--gold-500), 0 6px 14px #00000080;background-repeat:no-repeat;border-radius:50%}.pa-big{font-family:var(--font-title);color:var(--gold-200);-webkit-text-stroke:4px #060a18e6;paint-order:stroke fill;font-size:1.8rem;font-weight:800;position:absolute;bottom:6px;right:10px}.pa-badge{background:var(--shu-600);color:#fff;width:44px;height:44px;box-shadow:0 0 0 2px var(--gold-300);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:12px}.pa-ic .ic{width:96px;height:96px;color:var(--gold-300);--ic-w:1.2}.pa-ri .ri{width:110px;height:110px}.pa-ri b{font-family:var(--font-title);color:var(--gold-200);font-size:1.6rem;position:absolute;bottom:8px;right:14px}.pa-om,.pa-item,.pa-bld{aspect-ratio:1;filter:drop-shadow(0 6px 8px #00000080);background-repeat:no-repeat;width:72%}.p-name{font-family:var(--font-title);margin-top:4px;font-size:1.15rem;line-height:1.3}.p-kind{border-radius:var(--r-xs);color:var(--sumi-700);background:#3c32281f;padding:0 10px;font-size:.75rem;font-style:normal;font-weight:700}.p-desc{color:var(--sumi-500);margin:2px 4px;font-size:.78rem;line-height:1.4}.price{font-family:var(--font-title);color:var(--sumi-900);font-size:1.5rem;font-weight:800}.owned-btn{cursor:default;filter:grayscale()brightness(.85)!important;border-image-source:url(/art/ui/btn-navy.webp)!important}.product.owned .p-art{filter:saturate(.6)}.pending-bar{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--gold-500);background:#cfa24a2e;align-items:center;gap:12px;padding:10px 14px;display:flex}.pending-bar .grow{flex:1;display:grid}.pending-bar small{color:var(--sumi-500)}.legal{color:var(--sumi-500);margin:0}.legal a{color:var(--sumi-700)}@media (max-width:1100px){.gacha-box{width:220px;height:200px;left:62%}.gb-chest{width:200px;height:200px}}@media (max-width:899px){.gacha-stage{min-height:560px}.gacha-oshi{height:70%;bottom:160px;left:-10%}.gacha-box{width:170px;height:170px;top:40%;left:68%}.gb-chest{width:160px;height:160px}.gacha-wallet{gap:2px 8px;min-width:0;padding:8px 14px;top:12px;left:auto;right:12px}.gacha-wallet b{font-size:1.4rem}.gacha-wallet .ri{width:28px;height:28px}.gacha-wallet small{display:none}.gacha-pity{top:70px;right:16px}.gacha-btns .btn.big{min-height:64px;font-size:1.2rem}.gacha-title{font-size:1.3rem;top:12px;left:12px}.gacha-btns{width:auto;bottom:12px;left:12px;right:12px}.shop{padding:16px 12px}.shop-bar{flex-wrap:wrap}.shop-tabs{flex-basis:100%;min-width:0}.link-btn{margin-left:auto}.shop-tabs .tab-btn{flex:none}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.p-name{font-size:.95rem}.price{font-size:1.2rem}}.list-page{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;min-height:0;padding:22px 26px;display:grid}.list-page>.body,.list-page>.list-body,.dex-body,.news-body{scrollbar-width:thin;min-height:0;padding-right:4px;overflow:auto}.list-page .tabs .tab-btn{border-radius:var(--r-sm)}.rank-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rank-list li,.my-rank{border-radius:var(--r-sm);min-height:60px;box-shadow:inset 0 0 0 1px var(--washi-line);background:#ffffff73;grid-template-columns:56px 46px minmax(0,1fr) auto 80px;align-items:center;gap:12px;padding:6px 16px 6px 8px;display:grid}.rank-list .state-box{grid-template-columns:1fr;display:grid}.rk{width:44px;height:44px;font-family:var(--font-title);color:var(--sumi-700);justify-self:center;place-items:center;font-size:1.3rem;font-weight:800;display:grid}.rank-list li.top1 .rk,.rank-list li.top2 .rk,.rank-list li.top3 .rk{color:var(--sumi-900);border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 0 0 2px #ffffff80}.rank-list li.top1 .rk{background:radial-gradient(circle at 40% 30%,#fff3c4,#e2b542 60%,#9a7016)}.rank-list li.top2 .rk{background:radial-gradient(circle at 40% 30%,#fff,#c4c8d0 60%,#7c818c)}.rank-list li.top3 .rk{background:radial-gradient(circle at 40% 30%,#ffe0c4,#c47e4a 60%,#7a4820)}.rface{background-repeat:no-repeat;background-color:var(--navy-700);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--gold-600);border-radius:50%}.rank-list .nm,.my-rank b{font-family:var(--font-title);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.rv,.rv2{font-family:var(--font-title);justify-self:end;align-items:center;gap:4px;font-size:1.1rem;font-weight:800;display:inline-flex}.rv .ri,.rv2 .ri{width:20px;height:20px}.rank-list li.me{box-shadow:inset 0 0 0 2px var(--shu-500);background:#ffecbecc}.my-rank{background:linear-gradient(180deg, var(--shu-400), var(--shu-600));box-shadow:inset 0 0 0 1px var(--gold-300), var(--shadow-1);color:#fff8ec;margin-top:10px}.my-rank .rk{color:#fff8ec}.ms-row{grid-template-columns:44px minmax(0,1fr) auto auto;gap:14px;display:grid}.ms-ic{width:44px;height:44px;color:var(--gold-200);background:radial-gradient(circle at 40% 30%, var(--navy-500), var(--navy-850) 75%);box-shadow:inset 0 0 0 2px var(--gold-500);border-radius:50%;place-items:center;display:grid}.ms-ic .ic{width:22px;height:22px}.ms-prog{align-items:center;gap:8px;margin-top:4px;display:flex}.ms-prog .meter{flex:1;max-width:300px}.ms-prog small{color:var(--sumi-500);font-weight:700}.ms-rew .grants{margin:0;font-weight:700}.ms-row.done{box-shadow:inset 0 0 0 2px var(--gold-500);background:#ffeec8b3}.ms-row.claimed{opacity:.6}.ms-row.claimed .ms-ic{color:#fff;background:linear-gradient(#4dbb72,#237a42)}.lb-strip .lb-days,.lb .lb-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.lb-days li{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);text-align:center;background:#ffffff73;justify-items:center;gap:2px;padding:6px 4px;font-size:.75rem;display:grid;position:relative}.lb-days .lb-day{font-family:var(--font-title);font-weight:800}.lb-days .grants{justify-content:center;gap:2px 6px;margin:0}.lb-days li.today{box-shadow:inset 0 0 0 2px var(--shu-500);background:#ffecbee6}.lb-days li.got{opacity:.75}.lb-stamp{color:var(--shu-500);font-style:normal;font-family:var(--font-title);place-items:center;font-size:1.4rem;font-weight:800;display:grid;position:absolute;inset:0}.lb-stamp .ic{--ic-w:2.6;opacity:.85;width:40px;height:40px}.lb .lb-days li{box-shadow:inset 0 0 0 1px var(--gold-700);color:var(--ink);background:#ffffff0f}.lb .lb-days li.today{box-shadow:inset 0 0 0 2px var(--gold-400);background:#c23a274d}.lb-lead{text-align:center;margin-bottom:10px}.lb-claim{margin-top:14px}@media (max-width:899px){.lb-strip .lb-days,.lb .lb-days{grid-template-columns:repeat(4,minmax(0,1fr))}}.event-big{gap:8px;margin-bottom:14px;display:grid}.event-big h2{color:var(--gold-200);align-items:center;gap:8px;font-size:1.4rem;display:flex}.event-big .ev-tag{justify-self:start;margin:0}.event-big .meter{height:12px}.ev-nums b{font-family:var(--font-title);font-size:1.3rem}.ev-rules{margin:0;padding-left:1.2em;font-size:.88rem}.donate-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.donate-form label{flex:0 220px}.donate-form small{flex-basis:100%}.news-row .grow{gap:2px;display:grid}.nr-head{align-items:baseline;gap:10px;display:flex}.nr-head b{font-family:var(--font-title);font-size:1.05rem}.nr-head small{margin-left:auto}.pr-row{gap:14px}.pr-art{background-repeat:no-repeat;background-color:var(--navy-800);width:56px;height:56px}.pr-row .grants{margin:2px 0 0;font-weight:700}.pr-time{text-align:right;font-size:.75rem;line-height:1.3}.dex-count{font-family:var(--font-title);align-items:baseline;gap:6px;padding-right:10px;display:flex}.dex-count b{font-size:1.8rem}.dex-count .meter{align-self:center;width:160px}.dex-body section+section{margin-top:14px}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.dex-cell{border-radius:var(--r-sm);width:100%;box-shadow:inset 0 0 0 1px var(--washi-line);color:var(--sumi-900);background:#ffffff80;border:0;justify-items:center;gap:2px;padding:6px 4px;font-size:.78rem;font-weight:700;display:grid;position:relative}.dex-cell>small{color:var(--sumi-500);justify-self:start;padding-left:2px;font-size:.66rem}.dex-cell .thumb{width:72px;height:72px}.dex-cell.boss .thumb{box-shadow:inset 0 0 0 2px var(--shu-400), inset 0 0 0 4px #0000004d}.dex-cell.unknown{color:var(--sumi-400)}.dex-cell.unknown .thumb{background:radial-gradient(circle at 50% 40%,#4a4a52,#26262c)}.dex-unknown{filter:brightness(0)opacity(.65);background-repeat:no-repeat;width:64px;height:64px;display:block}.dex-cell .tag{margin:0;font-size:.62rem;position:absolute;top:3px;right:3px}.dex-detail{text-align:center;justify-items:center;gap:4px;display:grid}.dd-art{width:150px;height:150px}.set-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.set-card{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--washi-line);background:#ffffff73;align-content:start;gap:8px;padding:14px 16px;display:grid}.set-card h2{font-size:1.1rem}.range{min-height:var(--tap);grid-template-columns:70px minmax(0,1fr) 36px;align-items:center;gap:10px;font-weight:700;display:grid}.range input{accent-color:var(--shu-500)}.seg{flex-wrap:wrap;gap:6px;display:flex}.name-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.name-row b{font-family:var(--font-title);font-size:1.15rem}.muted-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.muted-list li{justify-content:space-between;align-items:center;display:flex}.set-card.links{flex-wrap:wrap;gap:8px 16px;display:flex}.set-card.links h2{flex-basis:100%}.purchases{gap:12px;padding:22px 26px;display:grid}.orders{border-collapse:separate;border-spacing:0 6px;width:100%}.orders th{text-align:left;font-family:var(--font-title);color:var(--sumi-500);padding:0 12px;font-size:.85rem}.orders td{border-top:1px solid var(--washi-line);border-bottom:1px solid var(--washi-line);vertical-align:middle;background:#ffffff80;padding:10px 12px}.orders td:first-child{border-left:1px solid var(--washi-line);border-radius:var(--r-sm) 0 0 var(--r-sm)}.orders td:last-child{border-right:1px solid var(--washi-line);border-radius:0 var(--r-sm) var(--r-sm) 0}.orders td b{font-family:var(--font-title);display:block}.orders td small{font-size:.7rem}.orders .num{text-align:right;white-space:nowrap}.orders th.num{text-align:right}.tag.wait{background:#cfa24a33}@media (max-width:899px){.list-page{padding:16px 12px 18px}.rank-list li,.my-rank{grid-template-columns:40px 38px minmax(0,1fr) auto;gap:8px;padding-right:10px}.rank-list .rv2,.my-rank .rv2{display:none}.rk{width:36px;height:36px;font-size:1.05rem}.rface{width:38px;height:38px}.ms-row{grid-template-columns:36px minmax(0,1fr) auto}.ms-ic{width:36px;height:36px}.ms-rew{grid-column:2}.ms-row .btn{grid-area:1/3/3}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.dex-cell .thumb{width:60px;height:60px}.dex-count .meter,.orders thead{display:none}.orders tr{grid-template-columns:1fr auto;margin-bottom:6px;display:grid}.orders td{border:0!important;border-radius:0!important}.orders td:nth-child(2){order:-1;grid-column:1/-1}.set-grid{grid-template-columns:1fr}}.quote{border-left:3px solid var(--gold-500);word-break:break-word;background:#0000004d;padding:6px 10px}.report-form,.rename-form{gap:8px;display:grid}.lb-stamp.new{animation:.45s cubic-bezier(.3,1.6,.6,1) stamp}@keyframes stamp{0%{opacity:0;transform:scale(3)rotate(-25deg)}}.login{isolation:isolate;grid-template-columns:1fr minmax(360px,460px);align-items:center;gap:24px;min-height:100%;padding:24px max(24px,6vw);display:grid;position:relative;overflow:hidden}.login-bg{z-index:-2;background:linear-gradient(90deg,#060a181a,#060a18bf 72%),url(/art/ui/top-bg.webp) 50%/cover;position:absolute;inset:0}.login-figure{z-index:-1;pointer-events:none;align-items:flex-end;height:100%;display:flex;position:absolute;bottom:0;left:4%}.login-img.tall{filter:drop-shadow(0 10px 18px #00000080);height:104%;transform:translateY(5%)}.login-img.chibi{background-size:200% 200%;width:380px;height:380px}.login-main{grid-column:2;justify-items:center;gap:16px;display:grid}.title-logo{margin:0}.title-logo img{filter:drop-shadow(0 6px 10px #000000b3);width:min(440px,80vw);height:auto;display:block}.login-card{gap:12px;width:100%;padding:30px 28px 22px;display:grid}.login-body{gap:12px;display:grid}.guest-start{letter-spacing:.14em;font-size:1.5rem}.guest-note{text-align:center;margin:-4px 0 0}.login-or{color:var(--sumi-500);align-items:center;gap:10px;font-size:.8rem;display:flex}.login-or:before,.login-or:after{content:"";background:var(--washi-line);flex:1;height:1px}.gsi-box{border-radius:var(--r-sm);min-height:64px;box-shadow:inset 0 0 0 1px var(--washi-line);background:#ffffff73;justify-items:center;gap:4px;padding:10px;display:grid}.gsi-note{text-align:center;margin:0}.dev-login{color:var(--sumi-500);font-size:.85rem}.dev-login .row{box-shadow:none;background:0 0;gap:8px;min-height:0;margin-top:6px;padding:0;display:flex}.legal{text-align:center;color:var(--sumi-500);font-size:.75rem}.name-form{gap:10px;display:grid}@media (max-width:899px){.login{padding:calc(16px + var(--safe-t)) 14px calc(16px + var(--safe-b));grid-template-columns:1fr;align-items:end}.login-bg{background:linear-gradient(#060a180d 30%,#060a18d9 75%),url(/art/ui/top-bg-portrait.webp) top/cover}.login-figure{height:78%;top:0;bottom:auto;left:50%;transform:translate(-50%)}.login-main{grid-column:1}.title-logo img{width:min(320px,82vw)}.login-card{padding:22px 18px 16px}}