:root{--sumi:#1d1f24;--sumi-soft:#4b4d54;--shu:#a32c22;--kin:#b08a2e;--kinari:#f6f2e9;--line-base:#dcd9d0;--font-mincho:"Shippori Mincho B1","Hina Mincho","Shippori Mincho","Yu Mincho",serif;--font-gothic:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;--font-shikona:"Negishi","Yuji Syuku",var(--font-mincho);--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-19:19px;--fs-20:20px;--fs-21:21px;--fs-22:22px;--fs-28:28px;--fs-34:34px;--fw-normal:400;--fw-medium:500;--fw-bold:700;--lh-tight:1.25;--lh-body:1.7;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--border-hairline:1px;--border-thick:2px;--ease:cubic-bezier(0.2,0,0,1);--dur-fast:120ms;--dur-base:200ms;--z-header:100;--z-sidemenu:90;--z-modal:1000;--z-toast:1100}[data-theme=a]{--color-canvas:#f5efe2;--color-bg:#faf6ec;--color-surface:#faf6ec;--color-bg-subtle:#ede3cd;--color-bg-inset:#f0e0d6;--color-text:#201b16;--color-text-muted:#6b6156;--color-text-faint:#a89b87;--color-line:#d9cdb6;--color-line-strong:#c4b696;--color-accent:#b23a2a;--color-accent-deep:#93301f;--color-gold:var(--kin);--font-display:var(--font-mincho);--font-body:var(--font-gothic);--fs-display-xl:var(--fs-34);--fs-display-l:var(--fs-22);--fs-display-m:var(--fs-21);--fs-heading:var(--fs-17);--fs-body:var(--fs-14);--fs-caption:var(--fs-12);--lh-reading:var(--lh-body);--radius-sm:var(--sp-2);--radius-md:var(--sp-2);--radius-lg:var(--sp-4);--radius-pill:999px;--pad-card:var(--sp-24);--pad-cell:12px 16px;--gap-section:var(--sp-40);--gap-block:var(--sp-24);--shadow-card:0 1px 0 var(--color-line);--shadow-pop:0 8px 24px rgba(32,27,22,0.16);--badge-win-bg:var(--color-accent);--badge-win-fg:#faf6ec;--badge-lose-bg:var(--color-bg-subtle);--badge-lose-fg:var(--color-text-muted);--badge-kimarite-bg:var(--color-bg-inset);--badge-kimarite-fg:var(--color-accent-deep)}[data-theme=b]{--color-canvas:#e7ebf2;--color-bg:#f6f5f1;--color-surface:#ffffff;--color-bg-subtle:#ecebe6;--color-bg-inset:#e7ecf5;--color-text:#1d1f24;--color-text-muted:#3a3c42;--color-text-faint:#6d6f76;--color-text-ghost:#8a8c93;--color-line:#c9c6bd;--color-line-strong:#c4cbd8;--color-accent:#35548f;--color-accent-deep:#27406e;--color-wa-accent:var(--shu);--color-gold:var(--kin);--font-display:var(--font-gothic);--font-body:var(--font-gothic);--fs-display-l:var(--fs-20);--fs-display-m:var(--fs-19);--fs-heading:var(--fs-15);--fs-body:var(--fs-13);--fs-caption:var(--fs-11);--lh-reading:var(--lh-tight);--radius-sm:var(--sp-4);--radius-md:var(--sp-6);--radius-lg:10px;--radius-pill:999px;--pad-card:var(--sp-16);--pad-cell:6px 10px;--gap-section:var(--sp-24);--gap-block:var(--sp-16);--shadow-card:0 1px 2px rgba(29,31,36,0.06);--shadow-pop:0 6px 20px rgba(29,31,36,0.18);--badge-win-bg:var(--color-accent);--badge-win-fg:#f6f5f1;--badge-lose-bg:var(--color-bg-subtle);--badge-lose-fg:var(--color-text-muted);--badge-kimarite-bg:var(--color-bg-inset);--badge-kimarite-fg:var(--color-accent-deep);--status-draft-fg:var(--color-text-faint);--status-live-fg:var(--color-accent);--status-review-fg:var(--shu);--status-ok-fg:#2e6e4e;--status-review-line:#d8aca7}body,html{margin:0;padding:0;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-reading)}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-canvas);min-height:100vh;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header);background:var(--color-canvas);border-bottom:3px double var(--color-text);padding:14px 28px;gap:20px;flex-wrap:wrap}.site-header,.site-logo{display:flex;align-items:center}.site-logo{gap:12px;text-decoration:none;color:var(--color-text)}.site-logo .wordmark{font-family:var(--font-shikona);font-size:27px;font-weight:var(--fw-bold);letter-spacing:.08em;line-height:1}.header-search{position:relative;flex:1 1 240px;max-width:400px}.header-search input{width:100%;font-family:var(--font-body);font-size:13.5px;padding:10px 14px 10px 38px;border:var(--border-hairline) solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.header-search input:focus{outline:var(--border-thick) solid var(--color-accent);outline-offset:1px}.header-search .lens-circle{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--color-text-muted);border-radius:50%}.header-search .lens-handle{position:absolute;left:23px;top:64%;width:7px;height:2px;background:var(--color-text-muted);transform:rotate(45deg)}.search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg);border:var(--border-thick) solid var(--color-text);box-shadow:3px 3px 0 var(--color-text);z-index:60}.search-suggestion-row{padding:9px 14px;font-size:13.5px;cursor:pointer;display:flex;align-items:baseline;gap:10px;border-bottom:var(--border-hairline) solid var(--color-bg-subtle)}.search-suggestion-row.active,.search-suggestion-row:hover{background:var(--color-bg-inset)}.search-suggestion-hint{font-size:11px;color:var(--color-text-muted);margin-left:auto}.era-toggle-wrap{margin-left:auto}.site-body{display:flex;flex-wrap:wrap;align-items:flex-start;max-width:1440px;margin:0 auto}.site-main{flex:1 1 640px;min-width:0;padding:32px 28px 96px}.side-nav{flex:0 0 200px;padding:32px 0 48px 28px;font-size:13.5px;position:-webkit-sticky;position:sticky;top:76px}.side-nav .nav-inner{border-right:var(--border-hairline) solid var(--color-line);padding-right:20px;display:flex;flex-direction:column}.side-nav a{text-decoration:none;color:var(--color-text);padding:9px 0 9px 12px;border-left:4px solid transparent;line-height:var(--lh-tight);display:block}.side-nav a:hover{border-left-color:var(--color-line)}.side-nav a.active{font-weight:var(--fw-bold);border-left-color:var(--color-accent);background:linear-gradient(90deg,var(--color-bg-inset),transparent)}.side-nav .nav-rule{border-top:1px dashed var(--color-line-strong);margin:10px 0}.side-nav a.nav-sub{color:var(--color-text-muted);padding:7px 0 7px 12px;font-size:12.5px;border-left:none}.side-nav a.nav-sub:hover{color:var(--color-accent)}.page-head{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:6px}.page-title{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--fs-34);letter-spacing:.14em}.page-sub{font-size:var(--fs-12);color:var(--color-text-muted);padding-bottom:7px}.double-rule{border-bottom:3px double var(--color-text);margin-bottom:16px}.section-h{margin:0 0 16px;font-family:var(--font-display);font-weight:800;font-size:var(--fs-21);letter-spacing:.16em;display:flex;align-items:center;gap:12px}.section-h .dash{width:22px;border-top:4px solid var(--color-accent)}.section-h .sub{font-size:11.5px;font-weight:var(--fw-normal);color:var(--color-text-muted)}.btn-outline,.section-h .sub{letter-spacing:.1em;font-family:var(--font-body)}.btn-outline{font-size:var(--fs-13);font-weight:var(--fw-medium);padding:9px 20px;background:var(--color-bg);color:var(--color-text);border:var(--border-hairline) solid var(--color-text);cursor:pointer}.btn-outline:hover{background:var(--color-bg-subtle)}.btn-fill{font-family:var(--font-body);font-size:var(--fs-13);font-weight:var(--fw-bold);padding:10px;background:var(--color-accent);color:var(--color-bg);border:var(--border-hairline) solid var(--color-accent-deep);cursor:pointer;letter-spacing:.2em}.btn-fill:hover{background:var(--color-accent-deep)}.seg-toggle{display:flex;border:var(--border-hairline) solid var(--color-text);font-size:var(--fs-12)}.seg-toggle .on{background:var(--color-text);color:var(--color-bg)}.seg-toggle .on,.seg-toggle button{padding:7px 14px;letter-spacing:.1em}.seg-toggle button{font-family:var(--font-body);font-size:var(--fs-12);background:var(--color-bg);color:var(--color-text);border:none;cursor:pointer}.seg-toggle button:hover{background:var(--color-bg-subtle)}.select-box{font-family:var(--font-body);font-size:var(--fs-13);padding:8px 12px;border:var(--border-hairline) solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer}.select-box:disabled{border-color:var(--color-line);background:var(--color-bg-subtle);color:var(--color-text-faint);cursor:not-allowed;opacity:1}.paper-frame{overflow-x:auto;border:var(--border-thick) solid var(--color-text);background:var(--color-bg)}.paper-table{border-collapse:collapse;width:100%;min-width:760px;font-size:var(--fs-13)}.paper-table thead tr{background:var(--color-bg-subtle)}.paper-table th{text-align:left;padding:12px;border-bottom:var(--border-thick) solid var(--color-text);font-weight:var(--fw-bold);letter-spacing:.1em;white-space:nowrap}.paper-table th.sortable{cursor:pointer}.paper-table th .sort-mark{color:var(--color-accent);margin-left:4px}.paper-table td{padding:10px 12px;border-bottom:var(--border-hairline) solid var(--color-line);white-space:nowrap}.paper-table tbody tr:hover,.paper-table tbody tr:hover .sticky-col{background:var(--color-bg-inset)}.paper-table .sticky-col{position:-webkit-sticky;position:sticky;left:0;background:var(--color-bg);z-index:1;min-width:120px}.paper-table thead .sticky-col{background:var(--color-bg-subtle);z-index:2}.table-note{font-size:11.5px;color:var(--color-text-muted);margin:12px 2px 0}.shikona{font-family:var(--font-shikona);font-size:18px;display:block;line-height:1.3;color:inherit;text-decoration:none}a.shikona:hover{color:var(--color-accent)}.kana{font-size:var(--fs-10);color:var(--color-text-faint);letter-spacing:.08em}.num-strong{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-14)}.hero-frame{border:var(--border-thick) solid var(--color-text);background:var(--color-bg);margin-bottom:36px;position:relative;overflow:hidden}.hero-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(32,27,22,.035) 0,rgba(32,27,22,.035) 32px);pointer-events:none}.line-card{border:var(--border-hairline) solid var(--color-line);background:var(--color-bg)}.line-card .card-head{padding:11px 18px;border-bottom:var(--border-hairline) solid var(--color-line);font-size:var(--fs-13);font-weight:var(--fw-bold);letter-spacing:.14em;background:var(--color-bg-subtle)}.tab-bar{display:flex;border-bottom:var(--border-thick) solid var(--color-text);font-size:13.5px;margin-bottom:28px;overflow-x:auto}.tab-bar a,.tab-bar button{font-family:var(--font-body);font-size:13.5px;padding:10px 20px;background:none;border:none;border-bottom:4px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--color-text-muted);white-space:nowrap;letter-spacing:.08em;text-decoration:none}.tab-bar .active{color:var(--color-text);font-weight:var(--fw-bold);border-bottom-color:var(--color-accent)}.modal-overlay{position:fixed;inset:0;background:rgba(32,27,22,.42);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{width:480px;max-width:100%;border:var(--border-thick) solid var(--color-text);background:var(--color-bg);box-shadow:6px 6px 0 var(--color-text);max-height:88vh;display:flex;flex-direction:column}.modal-box .modal-head{padding:14px 20px;border-bottom:var(--border-hairline) solid var(--color-line);display:flex;justify-content:space-between;align-items:center}.modal-box .modal-head b{font-size:var(--fs-15);letter-spacing:.16em;font-family:var(--font-display)}.modal-box .modal-close{font-family:var(--font-body);font-size:var(--fs-17);background:none;border:none;cursor:pointer;color:var(--color-text-muted)}.modal-box .modal-foot{padding:14px 20px;border-top:var(--border-hairline) solid var(--color-line);display:flex;gap:10px}.chip-btn{font-family:var(--font-body);font-size:12.5px;padding:6px 13px;border:var(--border-hairline) solid var(--color-line);background:var(--color-bg);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip-btn:hover{border-color:var(--color-text)}.chip-btn .mark{color:var(--color-accent)}.chip-btn.off{opacity:.45}.field-label{font-size:11.5px;letter-spacing:.2em;color:var(--color-text-muted);margin-bottom:6px}.text-input{width:100%;font-family:var(--font-body);font-size:var(--fs-13);padding:9px 12px;border:var(--border-hairline) solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.text-input:focus{outline:var(--border-thick) solid var(--color-accent);outline-offset:1px}.mark-lose,.mark-win{width:15px;height:15px;border-radius:50%;display:inline-block;box-sizing:border-box}.mark-win{border:2.5px solid var(--color-text);background:var(--color-bg)}.mark-lose{background:var(--color-text)}.mark-rest{font-size:10px;color:var(--color-text-faint);font-family:var(--font-display)}.site-footer{border-top:3px double var(--color-text);padding:24px 28px;font-size:11.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1440px;margin:0 auto}.muted,.site-footer{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.hoshi-name:hover{color:var(--color-accent)!important}.hoshi-toggle:hover{background:var(--color-bg-subtle)!important}@media (max-width:720px){.grid-2col{grid-template-columns:1fr!important}}.menu-btn{width:38px;height:38px;font-size:20px;font-weight:var(--fw-bold);line-height:1;padding:0 0 6px;flex:0 0 auto}.menu-btn,.menu-close{display:none;align-items:center;justify-content:center;border:var(--border-thick) solid var(--color-text);background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:6px;font-family:inherit}.menu-close{position:absolute;top:14px;right:14px;z-index:2;width:36px;height:36px;font-size:18px;padding:0}.side-nav .era-dock{display:none}@media (max-width:1000px){.site-header{padding:10px 14px;gap:10px}.site-logo img{height:24px}.site-logo span{margin-left:-26px!important}.site-logo span svg{height:21px;width:auto}.header-search{order:9;flex:1 1 100%;max-width:none}.menu-btn{display:flex;margin-left:auto}.era-toggle-wrap,.side-nav{display:none}body.menu-open .side-nav{display:block;position:fixed;inset:0;z-index:300;background:rgba(32,27,22,.45);padding:0;margin:0}body.menu-open .side-nav .nav-inner{position:absolute;top:0;right:0;bottom:0;width:min(264px,82vw);background:var(--color-canvas);border-left:var(--border-thick) solid var(--color-text);border-right:none;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:64px 22px 28px;white-space:normal}body.menu-open .menu-close{display:flex}body.menu-open .side-nav .era-dock{display:flex;margin:0 0 18px}body.menu-open{overflow:hidden}.site-main{flex:1 1 100%;padding:24px 16px 80px}}@media (max-width:560px){.site-logo>svg{width:36px;height:36px}.site-main{padding:20px 12px 72px}.page-title{font-size:var(--fs-28)}.page-head{gap:8px 16px}.site-footer{padding:20px 16px}.bout-grid{grid-template-columns:1fr 76px 1fr!important}.bout-name{font-size:15px!important}}