:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1916;--bg2:#13211d;--panel:#172a25;--panel2:#1e3530;--line:#2c4a42;--line2:#3e6358;--ink:#eaf1ec;--mute:#9db5ac;--dim:#6e8c82;--amber:#f0b429;--amber2:#8f6a12;--good:#6fd39a;--warn:#f2a541;--bad:#ef6461;--sky:#6cb6ff;--rF:#7d8c88;--rE:#8fb39a;--rD:#6cc0a0;--rC:#6cb6ff;--rB:#a98bff;--rA:#f0b429;--rS:#ff7a6b;--paper:#f3ead2;--paper-ink:#2b2415;--paper-sub:#5c4f33}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body), "Hiragino Sans", "Yu Gothic", sans-serif;background-image:radial-gradient(90% 60% at 50% -10%,#f0b42914,#0000 70%),linear-gradient(0deg,#00000026 2px,#0000 2px),linear-gradient(90deg,#00000026 2px,#0000 2px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0,0 0,24px 0;background-size:auto,48px 24px,48px 48px,24px 24px;background-attachment:fixed,scroll,scroll,scroll;margin:0;font-size:15px;line-height:1.7}a{color:var(--amber)}h1,h2,h3{text-wrap:balance;margin:0;font-weight:400}.pix{font-family:var(--font-pix), monospace}.num{font-family:var(--font-pix), monospace;font-variant-numeric:tabular-nums}.wrap{gap:14px;max-width:1120px;margin:0 auto;padding:16px 16px 64px;display:grid}.wrap>:not(.top):not(.tabs):not(.flash){animation:.28s ease-out both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.wrap>*{animation:none!important}}.top{background:#0f1d19f2;border:3px solid #e8dcbf;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 2px #0b1512,inset 0 0 0 4px #8a6a3a,4px 4px #0009}.logo{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.logo .mark{background:var(--amber);color:#241a02;width:38px;height:38px;font-family:var(--font-pix);box-shadow:3px 3px 0 var(--amber2);place-items:center;font-size:22px;display:grid}.logo b{font-family:var(--font-pix);font-size:19px;font-weight:400}.sides{border:2px solid var(--line2);background:#0b1512;display:flex}.sides a{color:var(--mute);font-family:var(--font-pix);white-space:nowrap;padding:8px 14px;text-decoration:none}.sides a[aria-current=page]{background:var(--amber);color:#241a02}.who{color:var(--mute);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.who a{color:var(--mute)}.bell{border:2px solid var(--line2);font-family:var(--font-pix);padding:2px 10px;text-decoration:none;color:var(--ink)!important}.cnt{background:var(--bad);color:#fff;font-size:12px;font-family:var(--font-pix);margin-left:6px;padding:0 6px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs a{background:var(--panel);border:2px solid var(--line);color:var(--mute);font-family:var(--font-pix);white-space:nowrap;padding:8px 14px;text-decoration:none;position:relative}.tabs a:hover{color:var(--ink);border-color:var(--line2)}.tabs a[aria-current=page]{color:#fff4d0;box-shadow:inset 0 -3px 0 var(--amber);background:#0f1d19;border-color:#e8dcbf;padding-left:26px}.tabs a[aria-current=page]:before{content:"▶";color:var(--amber);font-size:10px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.win{background:#11201cf2;border:3px solid #e8dcbf;align-content:start;gap:12px;min-width:0;padding:18px;display:grid;box-shadow:inset 0 0 0 2px #0b1512,inset 0 0 0 4px #4e6b8a,5px 5px #0009}.win>h2{font-family:var(--font-pix);color:var(--amber);text-shadow:2px 2px #0b1512;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:18px;display:flex}.win>h2:before{content:"◆";color:#e8dcbf;align-self:center;font-size:11px}.win>h2 small{font-family:var(--font-body);color:var(--mute);font-size:13px}.grid2{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.lead{color:var(--mute);margin:0;font-size:14px}.hint{color:var(--mute);margin:0;font-size:13px}.empty{color:var(--mute);margin:0;font-size:14px}.flash{border:2px solid var(--good);color:#c9f5da;background:#12301f;padding:10px 14px}.flash.err{border-color:var(--bad);color:#ffc9c3;background:#2a1715}.btn{font-family:var(--font-pix), monospace;background:var(--panel2);color:var(--ink);border:2px solid var(--line2);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:9px 16px;font-size:14px;text-decoration:none;display:inline-flex;box-shadow:2px 2px #07100d}.btn:hover{border-color:var(--amber)}.btn.pri{background:var(--amber);color:#241a02;border-color:var(--amber)}.btn.warn{color:#ffc9c3;border-color:#6a3a33}.btn.small{min-height:36px;padding:5px 12px;font-size:13px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.linkbtn{color:var(--amber);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}form.stack{gap:12px;display:grid}label.f{color:var(--mute);gap:4px;font-size:13px;display:grid}label.f .help{color:var(--dim);font-size:12.5px;line-height:1.5}input,select,textarea{font:inherit;color:var(--ink);border:2px solid var(--line);background:#0b1512;width:100%;min-height:44px;padding:8px 10px;font-size:15px}textarea{resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{outline:2px solid var(--amber);outline-offset:0}.f2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.chk{color:var(--ink);align-items:flex-start;gap:8px;font-size:14px;display:flex}.chk input{width:auto;min-height:0;margin-top:5px}.inline{display:inline}details.more>summary{cursor:pointer;color:var(--amber);font-size:14px;list-style:none}details.more>summary::-webkit-details-marker{display:none}details.more[open]>summary{margin-bottom:10px}.rk{width:24px;height:24px;font-family:var(--font-pix);color:#0b1512;background:var(--c);flex:none;place-items:center;font-size:14px;display:inline-grid;box-shadow:2px 2px #0008}.rk.l{width:56px;height:56px;font-size:32px}.rk-F{--c:var(--rF)}.rk-E{--c:var(--rE)}.rk-D{--c:var(--rD)}.rk-C{--c:var(--rC)}.rk-B{--c:var(--rB)}.rk-A{--c:var(--rA)}.rk-S{--c:var(--rS)}.stars{color:var(--amber);letter-spacing:1px}.bar{border:2px solid var(--line);background:#08110e;height:14px;position:relative;overflow:hidden}.bar i{background:repeating-linear-gradient(90deg, var(--amber) 0 8px, #c8921c 8px 10px);position:absolute;inset:0 auto 0 0}.kv{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.kv div{background:var(--panel2);padding:6px 8px;display:grid}.kv b{font-family:var(--font-pix);font-size:20px;font-weight:400}.kv span{color:var(--mute);font-size:12.5px}.life{border:2px solid var(--amber2);background:#0b1512;gap:6px;padding:10px 12px;display:grid}.life-h{font-family:var(--font-pix);color:var(--amber);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:14px;display:flex}.life-h span{font-family:var(--font-body);color:var(--mute);font-size:12.5px}.life-g{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.life-g div{background:var(--panel2);padding:6px 4px;display:grid}.life-g b{font-family:var(--font-pix);font-size:20px;font-weight:400}.life-g span,.life-n{color:var(--mute);font-size:12.5px}.board{background:linear-gradient(0deg,#00000030 2px,#0000 2px) 0 0/100% 38px,linear-gradient(90deg,#3d2715,#4a2f19 30%,#3f2816 60%,#4b301a);border:8px solid #2a190d;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px 16px;padding:26px 18px 20px;display:grid;box-shadow:inset 0 0 0 2px #6b4524,inset 0 0 40px #000a,4px 4px #0009}.q:before{content:"";z-index:1;background:radial-gradient(circle at 35% 35%,#ff9a8a,#c0392b 55%,#6e1a12);border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:-8px;left:50%;box-shadow:1px 3px 2px #0008}.q:nth-child(3n+1){transform:rotate(-.6deg)}.q:nth-child(3n+2){transform:rotate(.5deg)}.q{transition:transform .2s}.q:hover,.q:focus-within{transform:translateY(-3px)rotate(0)}.q{background:var(--paper);color:var(--paper-ink);border:2px solid #cdbf98;align-content:start;gap:8px;padding:14px;display:grid;position:relative;box-shadow:3px 4px #0009}.q a{color:#7a1f12}.q .cat{color:var(--paper-sub);justify-content:space-between;gap:6px;font-size:12.5px;display:flex}.q h3{font-family:var(--font-pix);font-size:17px;line-height:1.35}.q .pitch{color:#4c422c;margin:0;font-size:13.5px;line-height:1.55}.q .reward{font-family:var(--font-pix);color:#7a1f12;background:#fff7e0;border:1px dashed #b89a55;padding:4px 8px;font-size:16px}.q .net{color:#1f5a3a;font-size:13px;font-weight:700}.q .meta{color:#4c422c;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;display:flex}.q .life-line{color:#7a1f12;background:#fff7e0;border:1px solid #e5d3a0;padding:2px 8px;font-size:13px;font-weight:700}.q .tag{background:var(--paper-ink);color:var(--paper);white-space:nowrap;padding:1px 6px;font-size:12.5px}.q .tag.hot{background:#7a1f12}.q .blocked{color:var(--ink);border:2px solid var(--line2);background:#0b1512;padding:8px 10px;font-size:13px}.q .btn{background:var(--paper-ink);color:var(--paper);border-color:var(--paper-ink)}.q .btn.pri{color:#fff;background:#7a1f12;border-color:#7a1f12}.q details.more>summary{color:#7a1f12;font-weight:700}.q .stars{color:#a86f00}@media (max-width:640px){.board{border-width:6px;gap:20px;padding:22px 10px 14px}}.filters{color:var(--mute);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;display:flex}.filters a{border:1px solid var(--line);color:var(--mute);background:var(--bg2);padding:3px 10px;font-size:13px;text-decoration:none}.filters a[aria-current=true]{border-color:var(--amber);color:var(--amber)}.filters select{width:auto;min-height:36px;padding:4px 8px}.list{gap:10px;display:grid}.item{background:var(--panel2);border-left:4px solid var(--line2);gap:8px;padding:12px 14px;display:grid}.item h3{font-family:var(--font-pix);flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;display:flex}.item .meta{color:var(--mute);font-size:13px}.item.sub{background:#1a2e29;margin-left:14px}.item.on{border-left-color:var(--sky)}.item.wait{border-left-color:var(--warn)}.item.done{border-left-color:var(--good)}.item.off{border-left-color:var(--dim)}.item.bad{border-left-color:var(--bad)}.pill{font-family:var(--font-pix);white-space:nowrap;background:var(--line);color:var(--ink);padding:1px 8px;font-size:12.5px}.pill.on{color:#cfe4ff;background:#1c3656}.pill.wait{color:#ffd98a;background:#5a4415}.pill.done{color:#aef0c8;background:#1f4a32}.pill.bad{color:#ffb3ad;background:#4a2224}.pill.off{color:#9db5ac;background:#33413d}.box{border:2px solid var(--line);background:#0b1512;gap:8px;padding:10px 12px;display:grid}.box.hl{border-color:var(--amber);background:#2a2410}.calc{border:2px solid var(--line);background:#0b1512;gap:4px;padding:10px 12px;font-size:14px;display:grid}.calc div{justify-content:space-between;gap:10px;display:flex}.calc .tot{border-top:1px solid var(--line2);color:var(--amber);padding-top:4px;font-weight:700}.letters{gap:12px}.letter{background:linear-gradient(135deg,#221d15,#1a1712);border:1px solid #5a4a2a;min-height:76px;padding:14px 16px 14px 72px;position:relative;box-shadow:inset 0 0 0 3px #1a1712,inset 0 0 0 4px #3e3322,3px 3px #0008}.letter:before{content:"案";width:40px;height:40px;font-family:var(--font-pix);color:#ffd9c8;background:radial-gradient(circle at 35% 30%,#d4533f,#9b2618 60%,#5e140b);border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:16px;left:16px;box-shadow:0 0 0 3px #9b261855,2px 3px 3px #0009}.letter.off:before{color:#9a8f7f;background:radial-gradient(circle at 35% 30%,#6b645a,#4a443c 60%,#2e2a25);box-shadow:2px 3px 3px #0008}.letter.off{opacity:.8}.letter .pill.on{color:#ffe2d8;background:#9b2618}.letter.on{animation:.5s cubic-bezier(.3,1.4,.5,1) both letter-in}@keyframes letter-in{0%{opacity:0;transform:translateY(-10px)rotate(-1deg)}to{opacity:1;transform:none}}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}th{font-family:var(--font-pix);color:var(--amber);font-size:13px;font-weight:400}.tbl{overflow-x:auto}.invoice{color:#222;background:#fff;gap:14px;max-width:760px;padding:24px;font-size:14px;display:grid}.invoice h1{text-align:center;letter-spacing:.4em;font-size:24px}.invoice table th,.invoice table td{color:#222;border-color:#ccc}.invoice table th{font-family:inherit;font-weight:700}.invoice .r{text-align:right}.invoice small{color:#555}@media print{body{color:#000;background:#fff}.top,.tabs,.noprint,.flash{display:none!important}.wrap{padding:0}.invoice{box-shadow:none;padding:0}}@media (max-width:900px){.grid2{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.f2{grid-template-columns:minmax(0,1fr)}.wrap{gap:8px;padding:8px 8px 48px}.top{grid-template-columns:auto minmax(0,1fr);gap:8px 10px;padding:8px;display:grid}.logo b{display:none}.logo .mark{width:34px;height:34px;font-size:20px}.sides a{text-align:center;flex:1;padding:7px 6px}.who{grid-column:1/-1;justify-content:flex-end;gap:8px}.who>span{margin-right:auto}.tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -8px;padding:0 8px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs a{padding:7px 12px}.tbl table,.tbl tbody,.tbl tr,.tbl td{display:block}.tbl thead{display:none}.tbl tr{background:var(--panel2);margin-bottom:8px;padding:6px 0}.tbl td{border:0;padding:3px 10px}.tbl td[data-l]:before{content:attr(data-l) "：";color:var(--mute);font-size:12.5px;display:block}}.btn.line-btn{color:#fff;background:#06c755;border-color:#06c755;min-height:50px;font-size:16px}.btn.line-btn:hover{background:#05b34c;border-color:#fff4d0}.or{color:var(--mute);align-items:center;gap:10px;margin:2px 0;font-size:13px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line2);flex:1}label.f{font-family:var(--font-pix), monospace;color:#cfd9d3;letter-spacing:.02em;font-size:13px;transition:color .15s;position:relative}label.f:focus-within{color:#fff4d0}label.f:before{content:"▶";color:var(--amber);opacity:0;font-size:10px;transition:opacity .15s,transform .15s;position:absolute;top:1px;left:-14px;transform:translate(-4px)}label.f:focus-within:before{opacity:1;animation:.9s step-end infinite cur-blink-g;transform:none}@keyframes cur-blink-g{50%{opacity:.35}}label.f .help{font-family:var(--font-body);letter-spacing:0}input,select,textarea{font-family:var(--font-body), "Hiragino Sans", sans-serif;background:#081210;border:2px solid #3e6358;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 2px 2px #0008,inset -1px -1px #ffffff0a}input:hover,select:hover,textarea:hover{border-color:#5d8a7c}input:focus,select:focus,textarea:focus{border-color:var(--amber);background:#0d1a16;outline:none;box-shadow:inset 2px 2px #0008,0 0 0 2px #0b1512,0 0 14px #f0b42955}input::placeholder,textarea::placeholder{color:#5f7a71}select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--amber) 50%), linear-gradient(135deg, var(--amber) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 10px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:34px}input[type=checkbox],input[type=radio]{appearance:none;cursor:pointer;background:#081210;border:2px solid #5d8a7c;flex:none;width:20px;height:20px;min-height:0;padding:0;box-shadow:inset 2px 2px #0008}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--amber);background:radial-gradient(circle, var(--amber) 0 38%, transparent 42%), #081210}input[type=checkbox]:checked{background:linear-gradient(var(--amber), var(--amber)) center / 10px 10px no-repeat, #081210}.chk input{margin-top:3px}.chk:has(input:checked){color:#fff4d0}.btn{transition:transform 80ms,box-shadow 80ms,border-color .15s,background .15s}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 #07100d}.btn.pri{text-shadow:0 1px #ffe08a;box-shadow:inset 0 -3px #b07f12,inset 0 2px #ffe08a,2px 2px #07100d}.btn.pri:hover{background:#ffc43d;border-color:#fff4d0}.btn.pri:active:not(:disabled){box-shadow:inset 0 3px #b07f12}details.more>summary{font-family:var(--font-pix), monospace;padding:4px 0}details.more>summary:hover{color:#fff4d0}form.stack>.f2+.f2,form.stack>label.f+.f2,form.stack>.f2+label.f{border-top:1px dashed #2c4a42;padding-top:12px}@media (max-width:640px){label.f:before{left:-11px}}
