:root{--bg:#f4ecdb;--surface:#faf5ea;--text:#1d1916;--muted:#6f6355;--line:#cdbf9f;--accent:#a8322b;--accent-text:#fff;--ink:#1d1916;--win:#a8322b;--danger:#a8322b;--board:#efdcae;--board-line:#3a2a18;--piece:#1d1916;--hl-to:#b8312a38;--hl-from:#b8312a1a;--row-current:#ede1c6;--tap:48px;--fiber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--brush-line:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C80 2 160 6 240 3.5 S360 5 398 3' stroke='%231d1916' stroke-width='2.2' fill='none' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E");font-size:16px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif;line-height:1.6}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.topbar{z-index:10;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.topbar .back{min-width:var(--tap);height:var(--tap);color:var(--text);justify-content:center;align-items:center;margin-left:-12px;font-size:1.1rem;text-decoration:none;display:inline-flex}.page{max-width:760px;margin:0 auto;padding:16px}.btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible,.ctrl button:focus-visible,.seg button:focus-visible{outline:3px solid var(--hl-to);outline-offset:1px}.toolbar{gap:8px;margin-bottom:12px;display:flex}.toolbar input[type=search],.toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-height:44px;padding:0 12px}.toolbar input[type=search]{flex:1;min-width:0}.games{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin:0;padding:0;list-style:none}.games li+li{border-top:1px solid var(--line)}.games a{color:inherit;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 16px;text-decoration:none;display:grid}.games .players{font-size:1.02rem;font-weight:700}.games .players .mark{color:var(--muted);margin-right:2px;font-weight:400}.games .players .vs{color:var(--muted);margin:0 6px;font-weight:400}.games .players .winner{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--win);text-decoration-color:var(--win)}.games .meta{color:var(--muted);grid-column:1/2;font-size:.88rem}.games .side{text-align:right;color:var(--muted);grid-area:1/2/3;align-self:center;font-size:.88rem;line-height:1.4}.games .side b{color:var(--text);font-weight:600;display:block}.games .new-badge{border:1px solid var(--accent);color:var(--accent);vertical-align:2px;border-radius:3px;margin-left:6px;padding:0 4px;font-size:.75rem}.empty{text-align:center;color:var(--muted);padding:32px 16px}.count{color:var(--muted);margin:0 0 8px;font-size:.88rem}.fab-row{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);position:sticky;bottom:0}.fab-row .btn{width:100%;min-height:52px;font-size:1.02rem}@media (width>=760px){.fab-row{display:none}}.topbar .add-link{display:none}@media (width>=760px){.topbar .add-link{display:inline-flex}}.seg{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid;overflow:hidden}.seg button{cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border:0;font-weight:600}.seg button[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.field{margin-bottom:16px}.field label,.field .label{margin-bottom:4px;font-weight:700;display:block}.field .hint{color:var(--muted);margin:4px 0 0;font-size:.86rem}.field input[type=url],.field input[type=text],.field input[type=date],.field select,.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;min-height:44px;padding:8px 12px}.field textarea{min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Noto Sans Mono CJK JP,monospace;font-size:.85rem;line-height:1.5}.field .error{color:var(--danger);margin:4px 0 0;font-size:.88rem}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-bottom:16px;padding:12px 16px}.preview h2{margin:0 0 8px;font-size:.95rem}.preview dl{grid-template-columns:auto 1fr;gap:2px 16px;margin:0;display:grid}.preview dt{color:var(--muted)}.preview dd{margin:0}.preview.muted{color:var(--muted)}.actions{justify-content:flex-end;gap:8px;display:flex}.actions .btn.primary{min-width:140px}@media (width<=480px){.actions .btn{flex:1}}.note{color:var(--muted);border-left:3px solid var(--line);margin:24px 0 0;padding-left:10px;font-size:.86rem}.viewer{max-width:1040px;margin:0 auto;padding:8px 8px 0}.viewer-main{flex-direction:column;gap:6px;display:flex}.hand{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;min-height:40px;padding:4px 8px;display:flex}.hand .who{white-space:nowrap;font-size:.95rem;font-weight:700}.hand .who .mark{margin-right:2px}.hand .pieces{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:2px 10px;font-size:1.15rem;display:flex}.hand .pieces .n{color:var(--muted);margin-left:1px;font-size:.8rem}.hand .pieces .none{color:var(--muted);font-size:.85rem}.hand.turn{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.board-wrap{padding:0 16px 0 0;position:relative}.files{color:var(--muted);text-align:center;grid-template-columns:repeat(9,1fr);font-size:.72rem;line-height:1.4;display:grid}.ranks{width:16px;color:var(--muted);text-align:center;grid-template-rows:repeat(9,1fr);align-items:center;font-size:.72rem;display:grid;position:absolute;top:1.008rem;bottom:0;right:0}.board{aspect-ratio:1/1.08;background:var(--board);border:2px solid var(--board-line);grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;display:grid}.sq{border-right:1px solid var(--board-line);border-bottom:1px solid var(--board-line);color:var(--piece);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Hiragino Mincho ProN,Yu Mincho,Noto Serif JP,serif;font-size:min(7.2vw,34px);font-weight:700;line-height:1;display:flex;position:relative}.sq:nth-child(9n){border-right:0}.sq:nth-child(n+73){border-bottom:0}.sq.gote span{transform:rotate(180deg)}.status{align-items:baseline;gap:10px;min-height:32px;padding:4px 4px 0;display:flex}.status .num{color:var(--muted);white-space:nowrap;font-size:.9rem}.status .move{font-size:1.15rem;font-weight:700}.ctrl{z-index:5;background:var(--bg);padding:6px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);position:sticky;bottom:0}.ctrl input[type=range]{width:100%;accent-color:var(--accent);height:28px;margin:4px 0 8px}.ctrl .btns{grid-template-columns:1fr 1.6fr 1.6fr 1fr;gap:6px;display:grid}.ctrl button{border:1px solid var(--line);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:6px;min-height:56px;font-size:1rem;font-weight:700}.ctrl button.step{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-size:1.1rem}.ctrl button:disabled{opacity:.35;cursor:default}.ctrl button .sub{opacity:.85;font-size:.72rem;font-weight:400;display:block}.side-panel{flex-direction:column;gap:8px;padding:8px 0 16px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px}.panel>h2{border-bottom:1px solid var(--line);color:var(--muted);margin:0;padding:8px 12px;font-size:.9rem;font-weight:600}.moves{overscroll-behavior:contain;max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.moves li button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:3em 1fr;align-items:center;width:100%;min-height:40px;padding:0 12px;font-size:.98rem;display:grid}.moves li+li button{border-top:1px solid var(--line)}.moves li button .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.moves li button[aria-current=true]{background:var(--row-current);font-weight:700}.info dl{grid-template-columns:auto 1fr;gap:2px 16px;margin:0;padding:8px 12px;font-size:.92rem;display:grid}.info dt{color:var(--muted)}.info dd{margin:0}.future{color:var(--muted);padding:12px;font-size:.88rem}@media (width>=900px){.viewer{grid-template-columns:minmax(0,460px) minmax(280px,420px);justify-content:center;align-items:start;gap:24px;padding:16px;display:grid}.viewer-main{position:sticky;top:68px}.ctrl{border-top:0;padding-bottom:0;position:static}.side-panel{padding-top:0}.moves{max-height:calc(100vh - 320px)}.sq{font-size:26px}}.games .meta .strategy{color:var(--text);display:block}.games .meta .strategy.none{color:var(--muted);font-size:.82rem}.games .players .me{font-weight:800}.ext-badge{color:var(--muted);border:1px solid var(--line);vertical-align:2px;border-radius:3px;margin-left:4px;padding:0 3px;font-size:.7rem;font-weight:400}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);border-radius:18px;align-items:center;gap:4px;padding:0 12px;font-size:.9rem;line-height:1.2;display:inline-flex}button.chip{cursor:pointer;touch-action:manipulation}button.chip:active{background:var(--row-current)}.chip.add{color:var(--accent);border-style:dashed;border-color:var(--accent)}.chip.tag.auto{border-style:dashed;border-color:var(--muted)}.auto-mark{color:var(--muted);font-size:.68rem}.chip-x{color:var(--muted);cursor:pointer;background:0 0;border:0;min-width:28px;min-height:32px;margin-right:-8px;padding:0;font-size:1.05rem}.tag-row{grid-template-columns:6.5em 1fr;align-items:start;gap:8px;padding:6px 0;display:grid}.tag-row+.tag-row{border-top:1px solid var(--line)}.tag-row-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding-top:8px;font-size:.85rem;overflow:hidden}.tag-none{color:var(--muted);padding-top:8px;font-size:.85rem}.tag-panel{padding:2px 12px 6px}.panel-head{align-items:center;display:flex}.panel-head .edit-link{margin-left:auto}.tag-sheet{flex-direction:column;max-height:85vh;display:flex}.tag-sheet-scroll{overscroll-behavior:contain;margin-bottom:12px;overflow-y:auto}.tag-cat{color:var(--muted);margin:12px 0 6px;font-size:.82rem;font-weight:600}.tag-cat:first-child{margin-top:0}.tag-new{gap:8px;margin-top:16px;display:flex}.tag-new input{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex:1;min-width:0;min-height:44px;padding:0 12px}.toolbar select:disabled{opacity:.5}.filter{margin-bottom:8px}.filter-label{margin:0 0 6px;font-size:.85rem;font-weight:700}.filter-more{margin-top:8px}.filter-more>summary{cursor:pointer;align-items:center;min-height:36px;font-size:.85rem;font-weight:700;display:flex}.filter-more>.chips{margin-top:4px}.filter-more[hidden]{display:none}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:12px;padding:4px;font-size:.85rem;text-decoration:underline}.block{border:1px solid var(--line);background:var(--surface);border-radius:6px;margin-bottom:16px;padding:12px 16px}.block-title{margin:0 0 8px;font-size:.95rem}.label{margin:0 0 4px;font-size:.9rem;font-weight:700}.seg3{grid-template-columns:1fr 1fr 1.4fr;margin-bottom:12px}.seg button[aria-checked=true]{background:var(--accent);color:var(--accent-text)}.player-row{border-top:1px solid var(--line);padding:8px 0}.player-row label:first-child{margin-bottom:4px;font-weight:700;display:block}.player-row .kif-name{color:var(--muted);margin-left:8px;font-size:.85rem;font-weight:400}.player-row select{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;min-height:44px;padding:0 12px}.check{align-items:center;gap:6px;margin-top:6px;font-size:.85rem;display:flex}.check input{width:20px;height:20px}.info .edit-link{color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:32px;margin-left:8px;padding:4px;font-size:.85rem;text-decoration:underline}.panel-head .edit-link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.85rem;font-weight:400;text-decoration:underline}.topbar:has(.title){height:auto;min-height:52px;padding-top:4px;padding-bottom:4px}.topbar .title{flex:1;min-width:0;line-height:1.3}.topbar .title h1{display:block}.title-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}:root{--trial:#2c4a6b;--trial-bg:#e9edf0;--dest:#1d19166b}button.sq{border:0;border-right:1px solid var(--board-line);border-bottom:1px solid var(--board-line);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;margin:0;padding:0}.sq.from{background:var(--hl-from)}.sq.to{background:var(--hl-to)}.sq.sel{box-shadow:inset 0 0 0 3px var(--accent)}.sq.dest:after{content:"";background:var(--dest);pointer-events:none;border-radius:50%;width:26%;height:26%;position:absolute}.sq.dest.cap:after{border:3px solid var(--dest);box-sizing:border-box;background:0 0;width:84%;height:84%}.board.trial{border-color:var(--trial);box-shadow:0 0 0 2px var(--trial)}.trial-bar{background:var(--trial-bg);border:1px solid var(--trial);border-left-width:4px;border-radius:6px;align-items:center;gap:8px;min-height:48px;padding:4px 4px 4px 12px;display:flex}.trial-bar[hidden]{display:none}.trial-text{flex:1;font-size:.92rem}.trial-text b{color:var(--trial);margin-right:8px}.trial-bar .btn{border-color:var(--trial);min-height:40px;color:var(--trial);background:var(--surface)}.trial-hint{color:var(--muted);margin:6px 0 0;font-size:.8rem}.trial-hint[hidden]{display:none}.hand .hp{font:inherit;align-items:baseline;display:inline-flex}.hand button.hp{cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;min-width:40px;min-height:40px;padding:0 4px}.hand button.hp.sel{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.moves li.trial button{border-left:4px solid var(--trial);background:var(--trial-bg);padding-left:20px}.moves li.trial button[aria-current=true]{box-shadow:inset 0 0 0 2px var(--trial);font-weight:700}.moves li.off button{color:var(--muted)}.sheet{z-index:20;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet[hidden]{display:none}.sheet-body{background:var(--surface);width:100%;max-width:480px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:10px 10px 0 0}.sheet-title{margin:0 0 12px;font-weight:700}.sheet-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet-btns .btn{min-height:56px;font-size:1.05rem}.sheet-cancel{width:100%;color:var(--muted);border:0;margin-top:8px}@media (width>=900px){.sheet{align-items:center}.sheet-body{border-radius:10px}}.games .players>span{white-space:nowrap}.filter-more>summary{list-style:none}.filter-more>summary::-webkit-details-marker{display:none}.filter-more>summary:after{content:"＋";color:var(--muted);margin-left:6px;font-weight:400}.filter-more[open]>summary:after{content:"－"}.menu{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin:0 0 20px;padding:0;list-style:none}.menu li+li{border-top:1px solid var(--line)}.menu a,.menu.later li{color:inherit;gap:2px;padding:14px 16px;text-decoration:none;display:grid}.menu a{padding-right:32px;position:relative}.menu a:after{content:"›";color:var(--muted);font-size:1.3rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.menu a:active{background:var(--row-current)}.menu-title{font-size:1.05rem;font-weight:700}.menu-desc{color:var(--muted);font-size:.88rem}.menu-stat{margin-top:2px;font-size:.85rem}.menu-sub{color:var(--muted);margin:0 0 6px;font-size:.85rem;font-weight:700}.menu.later{background:0 0}.menu.later .menu-title{color:var(--muted);font-size:.95rem}.filter-row{align-items:center;gap:8px;margin-top:10px;font-size:.85rem;font-weight:700;display:flex}.filter-row select{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);border-radius:6px;padding:0 6px}.toolbar select#member{max-width:10em}.notice{margin:0 0 16px}.holders{border-collapse:collapse;width:100%;font-size:.92rem}.holders th,.holders td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}.holders thead th{color:var(--muted);font-size:.8rem;font-weight:600}.holders td.holder{font-weight:700}.holders a{color:var(--accent)}.edition{margin-top:24px;scroll-margin-top:64px}.edition-title{margin:0 0 2px;font-size:1rem}.edition-meta{color:var(--muted);margin:0 0 8px;font-size:.85rem}.seg.kind{grid-template-columns:1.3fr 1fr 1fr}.chip.tag.event{border-color:var(--accent);color:var(--accent);text-decoration:none}.nav{border-bottom:1px solid var(--line);gap:4px;max-width:760px;margin:0 auto;padding:0 16px;display:flex}.nav a{color:var(--muted);border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 12px;font-weight:600;text-decoration:none}.ed-list .meta{display:block}.cross{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.92rem}.cross th,.cross td{border:1px solid var(--line);text-align:center;padding:8px 4px}.cross thead th{color:var(--muted);font-size:.8rem;font-weight:600}.cross tbody th{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding-left:8px;overflow:hidden}.cross td.score{font-weight:700}.cross .pending{color:var(--muted)}.cross-wrap{overflow-x:auto}.holder-line{margin:0 0 4px;font-size:1rem}.holder-line b{font-size:1.1rem}.match-list .players{font-size:.98rem}.match-list .nokifu{color:var(--muted);font-size:.82rem}.match-list li>div{grid-template-columns:1fr auto;gap:2px 12px;padding:12px 16px;display:grid}body{background:var(--fiber), var(--bg)}.brush,.brand{letter-spacing:.08em;font-family:Yuji Boku,serif;font-weight:400}.topbar{background:var(--fiber), var(--bg);border-bottom:3px double #4a423a}.topbar h1{font-size:1.1rem;font-weight:800}.topbar h1.brand{font-size:1.45rem;font-weight:400}.nav{border-bottom:0;gap:14px}.nav a{border-bottom-width:3px;padding:10px 2px 6px}.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.btn{border:1.5px solid var(--ink);color:var(--ink);background:0 0;border-radius:2px}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.topbar .add-link.btn.primary,.fab-row .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.seg{border-color:var(--ink);background:0 0;border-radius:2px}.seg button[aria-selected=true],.seg button[aria-checked=true]{background:var(--ink);color:var(--bg)}.toolbar input[type=search],.toolbar select,.field input[type=url],.field input[type=text],.field input[type=date],.field select,.field textarea,.filter-row select{background:var(--surface);border-color:var(--line);border-radius:2px}.games{background:0 0;border:0;border-radius:0}.games li+li{background:var(--brush-line) top / 100% 8px no-repeat;border-top:0}.games a{padding:14px 2px}.games a:active{background:var(--row-current)}.games .players{font-size:1.12rem}.games .players .mark{color:var(--ink)}.games .side b{color:var(--accent)}.empty{background:0 0}.chip{background:0 0;border-color:#8c7f6a;border-radius:2px}.chip.toggle[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip.add{color:var(--accent);border-color:var(--accent)}.chip.tag{border-color:var(--ink)}.chip.tag.event{border:1.5px solid var(--accent);color:var(--accent);font-weight:700}.block,.panel,.preview{background:var(--surface);border-color:var(--line);border-radius:2px}.panel>h2,.block-title{color:var(--ink);font-weight:800}.edition-title{font-size:1.1rem;font-weight:800}.holder-line .nm,.holder-line b{color:var(--ink);font-size:1.4rem}.holder-line{color:var(--accent);font-weight:700}.cross th,.cross td{border-color:#8c7f6a}.cross td.self{background:repeating-linear-gradient(45deg,#0000 0 4px,#1d19161f 4px 5px)}.cross td.score{color:var(--accent)}.board{background:var(--board);border:3px double var(--board-line)}.files,.ranks{color:var(--ink2,#4a423a);font-family:Shippori Mincho,serif}.sq{border-color:var(--board-line);font-family:Shippori Mincho,serif;font-weight:800}.sq.promoted span{color:var(--accent)}.hand{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.hand.turn{box-shadow:inset 3px 0 0 var(--accent)}.ctrl{background:var(--fiber), var(--bg)}.ctrl button{border:1.5px solid var(--ink);background:0 0;border-radius:2px}.ctrl button.step{background:var(--ink);border-color:var(--ink);color:var(--bg)}.trial-bar{border-radius:2px}.moves li button[aria-current=true]{background:var(--row-current);box-shadow:inset 3px 0 0 var(--accent)}.sheet-body{background:var(--fiber), var(--bg);border-radius:4px 4px 0 0}.match-list li>div{padding:14px 2px}.holder-note{color:var(--muted);margin-left:6px;font-size:.82rem;font-weight:400}body.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app .topbar{flex:none;position:static}.app .toolbar{flex:none;align-self:center;width:100%;max-width:760px;margin:0;padding:10px 16px 8px}.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.scroll>.page,.scroll>.filter,.scroll>.count,.scroll>.games{max-width:760px;margin-left:auto;margin-right:auto}.scroll>.filter,.scroll>.count,.scroll>.games{padding-left:16px;padding-right:16px}.scroll>.games{padding-bottom:24px}.btn.add{background:var(--accent);border-color:var(--accent);color:#fff;min-height:36px;padding:0 12px}.btn.small{min-height:36px;padding:0 10px;font-weight:700}.menu-btn{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:40px;height:40px;margin-left:-8px;display:grid}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:var(--ink);content:"";border-radius:1px;width:20px;height:2px;display:block;position:relative}.menu-btn span:before{position:absolute;top:-6px}.menu-btn span:after{position:absolute;top:6px}.drawer-scrim{z-index:30;opacity:0;pointer-events:none;background:#1d191659;transition:opacity .18s;position:fixed;inset:0}.drawer{z-index:31;width:min(78vw,300px);padding:16px 0 calc(16px + env(safe-area-inset-bottom));background:var(--fiber), var(--bg);border-right:3px double #4a423a;transition:transform .2s ease-out;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%)}.drawer-open .drawer{transform:none}.drawer:focus{outline:none}.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.drawer-brand{margin:0 20px 12px;font-size:1.45rem}.drawer ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.drawer li{border-bottom:1px solid var(--line)}.drawer a,.drawer .off{min-height:52px;color:var(--ink);align-items:center;padding:0 20px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.drawer a[aria-current=page]{box-shadow:inset 4px 0 0 var(--accent)}.drawer .off{color:#a99c88;font-weight:400}.nm.member{font-weight:800}.nm.ext{font-weight:400}.nm.won{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6.5 C20 3.5 45 4 70 4.6 C82 4.9 92 4.2 99 3.2 L99 5.6 C90 7.4 78 8 62 7.8 C40 7.6 18 8.4 1 8.6Z' fill='%23b8312a' opacity='.9'/%3E%3C/svg%3E") 0 100%/100% .42em no-repeat;padding-bottom:.12em}.games .players{flex-wrap:wrap;align-items:baseline;gap:0 2px;display:flex}.games .players .vs,.match-title .vs{color:var(--muted);margin:0 6px;font-size:.78rem;font-weight:400}.games .players .mark,.match-title .mark{margin-right:1px;font-weight:400}.match-title{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;font-size:1.05rem;display:flex;overflow:hidden}.match-title .nm{text-overflow:ellipsis;overflow:hidden}.frow{grid-template-columns:4.5em 1fr;align-items:start;gap:8px;margin-bottom:6px;display:grid}.flabel{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding-top:9px;font-size:.82rem;font-weight:700;overflow:hidden}.frow select{border:1px solid var(--line);background:var(--surface);border-radius:2px;min-height:36px;padding:0 6px}.filter{padding-top:4px}.app .viewer{flex:1;max-width:none;min-height:0;margin:0;padding:0;display:flex}.app .viewer-main{width:100%;min-width:0;max-width:560px;min-height:0;padding:6px 10px calc(4px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:4px;margin:0 auto;display:flex;position:static}.app .hand{flex:none;height:42px;min-height:42px;overflow:hidden}.board-area{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex;container-type:size}.board-unit{--w:min(100cqw, calc((100cqh - 24px - 92px) / 1.08 + 16px));width:var(--w);flex-direction:column;gap:4px;display:flex}.app .board-wrap{width:100%}.app .sq{font-size:min(34px, calc((var(--w) - 16px) / 9 * .74))}.board.trial{outline:3px solid var(--trial);outline-offset:2px;border-color:var(--board-line);box-shadow:none}.app .status{flex:none;align-items:center;gap:8px;height:40px;min-height:40px;padding:0 2px;display:flex}.app .status .move{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.trial-mark{visibility:hidden;color:#fff;background:var(--trial);border-radius:2px;padding:1px 6px;font-size:.78rem;font-weight:800}.back-main{visibility:hidden;border-color:var(--trial)!important;color:var(--trial)!important}body.in-trial .trial-mark,body.in-trial .back-main{visibility:visible}.app .ctrl{background:0 0;border-top:0;flex:none;padding:0;position:static}.app .ctrl input[type=range]{height:26px;margin:0 0 4px}.app .ctrl button{min-height:50px;font-size:1.1rem}.panel-tabs{border-top:1px solid var(--line);flex:none;grid-template-columns:repeat(4,1fr);margin:2px -10px 0;display:grid}.panel-tabs button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:700}.panel-tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 3px 0 var(--accent)}@media (width<=899px){.app .side-panel{left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom));z-index:15;overscroll-behavior:contain;background:var(--fiber), var(--bg);border-top:3px double #4a423a;gap:0;max-height:52dvh;padding:0;transition:transform .18s ease-out;position:fixed;overflow-y:auto;transform:translateY(calc(100% + 60px));box-shadow:0 -8px 20px #1d19162e}.app .side-panel.open{transform:none}.app .side-panel .panel{background:0 0;border:0;display:none}.app .side-panel[data-show=tags] [data-panel=tags],.app .side-panel[data-show=moves] [data-panel=moves],.app .side-panel[data-show=info] [data-panel=info],.app .side-panel[data-show=review] [data-panel=review]{display:block}.app .moves{max-height:none}.side-close{border:0;border-top:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--muted);font-weight:700;position:sticky;bottom:0}}@media (width>=900px){.app .viewer{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,640px) minmax(300px,420px);justify-content:center;gap:24px;padding:0 16px;display:grid}.app .viewer-main{max-width:none;height:100%;min-height:0}.app .side-panel{height:100%;min-height:0;padding:12px 0;overflow-y:auto}.panel-tabs,.side-close{display:none}}.filter-btn{margin-left:auto;position:relative}.filter-btn+.btn.add{margin-left:0}.filter-btn .badge{color:#fff;background:var(--accent);border-radius:999px;place-items:center;min-width:1.3em;height:1.3em;margin-left:4px;padding:0 3px;font-size:.72rem;display:inline-grid}.filter-btn .badge[hidden]{display:none}.active-filter{color:var(--ink);background:var(--row-current);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;display:flex}.active-filter[hidden]{display:none}.active-filter span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.active-filter .link-btn{min-width:36px;min-height:32px;font-size:1.1rem}.filter-sheet{flex-direction:column;max-height:82dvh;display:flex}.filter-scroll{overscroll-behavior:contain;margin-bottom:12px;overflow-y:auto}.filter-sheet .frow{grid-template-columns:5.5em 1fr;margin-bottom:10px}.filter-sheet select,.filter-sheet input[type=search]{border:1px solid var(--line);background:var(--surface);border-radius:2px;width:100%;min-height:40px;padding:0 8px}.seg.sort{grid-template-columns:1fr 1fr;margin:0}.seg.sort button{min-height:40px}.filter-tags>summary{cursor:pointer;color:var(--muted);align-items:center;min-height:40px;font-size:.85rem;font-weight:700;display:flex}.scroll>.games{padding-top:4px}.games a.row{grid-template-columns:1fr auto;gap:2px 12px;padding:12px 2px;display:grid}.games a.row .players{grid-column:1}.games a.row .res{text-align:right;grid-area:1/2/3;align-self:center;line-height:1.35}.games a.row .res b{color:var(--accent);font-size:.95rem;display:block}.games a.row .res span{color:var(--muted);font-size:.8rem}.games a.row .when{color:var(--ink);grid-column:1;font-size:.88rem}.games a.row .tagline{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:.74rem;overflow:hidden}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.tag-new{align-items:center;gap:6px;display:flex}.tag-new select,.tag-new input{border:1px solid var(--line);background:var(--surface);border-radius:2px;min-height:40px;padding:0 8px}.tag-new input{flex:1;min-width:0}.field label>input,.field label>select{border:1px solid var(--line);background:var(--surface);border-radius:2px;width:100%;min-height:44px;margin-top:4px;padding:0 10px;font-weight:400;display:block}a.chip{text-decoration:none}.panel-head .edit-link,.info .panel-head .edit-link{margin-left:auto}.topbar.title-bar{background:0 0;border-bottom:0}.ttl-main{overflow-y:auto}.ttl-wrap{width:100%;max-width:480px;margin:0 auto}@media (width>=700px){.ttl-main{display:flex}.ttl-wrap{margin:auto}.ttl-hero svg{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}}.ttl-hero{height:clamp(220px,100dvh - 402px,380px);position:relative;overflow:hidden;container-type:size}.ttl-hero svg{width:100%;height:45%;position:absolute;bottom:0;left:0;right:0}.ttl-sun{opacity:.85;background:#b8312a;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:62%;left:16%}.ttl-name{writing-mode:vertical-rl;letter-spacing:.05em;color:var(--ink);margin:0;font-size:min(4.8rem,17cqh);line-height:1;position:absolute;top:4%;right:28px}.ttl-seal{color:#fbefe0;text-align:center;background:#b8312a;border-radius:4px;place-items:center;width:52px;height:52px;font-family:Yuji Boku,serif;font-size:.95rem;line-height:1.05;display:grid;position:absolute;bottom:18px;right:34px;transform:rotate(-4deg);box-shadow:inset 0 0 0 3px #b8312a,inset 0 0 0 5px #fbefe0}.ttl-body{max-width:560px;padding-top:0;padding-bottom:8px}.ttl-holder{color:inherit;border-top:1px solid #4a423a;border-bottom:1px solid #4a423a;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 4px;text-decoration:none;display:grid}.ttl-holder .k{writing-mode:vertical-rl;letter-spacing:.3em;color:var(--accent);border-right:2px solid var(--accent);padding-right:6px;font-size:.85rem;font-weight:700}.ttl-holder .v{font-size:1.9rem;font-weight:800;line-height:1.2;display:block}.ttl-holder .s{color:var(--muted);font-size:.82rem;display:block}.ttl-menu{margin:14px 0 8px;padding:0;list-style:none}.ttl-menu li+li{border-top:1px dashed var(--line)}.ttl-menu a{min-height:58px;color:var(--ink);grid-template-columns:30px 1fr auto;align-items:center;gap:8px;text-decoration:none;display:grid}.ttl-menu a:before{content:"";background:var(--accent);width:12px;height:12px;margin-left:6px;transform:rotate(45deg)}.ttl-menu b{letter-spacing:.12em;font-size:1.2rem;font-weight:800}.ttl-menu span{color:var(--muted);font-size:.82rem}.drawer-brand a{color:inherit;text-decoration:none}.hand .hp{box-sizing:border-box;min-width:40px;height:40px;font:inherit;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex}.hand .pieces{align-items:center}.hand.turn{border-bottom-color:var(--line)}.info-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-right:4px;display:inline-grid}.info-btn:hover{background:var(--row-current)}.info-pop{flex-direction:column;max-height:86dvh;padding-top:4px;display:flex}.info-pop .panel{overscroll-behavior:contain;background:0 0;border:0;flex:auto;min-height:0;overflow-y:auto}.info-pop .sheet-cancel{flex:none}.panel-tabs{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}@media (width>=900px){.app .side-panel{flex-direction:column;display:flex;overflow:hidden}.app .side-panel>[data-panel=tags]{overscroll-behavior:contain;flex:none;max-height:45%;overflow-y:auto}.app .side-panel>[data-panel=moves]{flex-direction:column;flex:auto;min-height:0;display:flex}.app .side-panel>[data-panel=moves]>h2{flex:none}.app .side-panel .moves{flex:auto;min-height:0;max-height:none;overflow-y:auto}}@media (width<=899px){.app .side-panel{flex-direction:column;display:flex;overflow:hidden}.app .side-panel[data-show=moves] [data-panel=moves]{flex-direction:column;flex:auto;min-height:0;display:flex}.app .side-panel[data-show=tags] [data-panel=tags]{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.app .side-panel .moves{flex:auto;min-height:0;overflow-y:auto}.app .side-panel .side-close{flex:none}}:root{--koma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110' preserveAspectRatio='none'%3E%3Cpath d='M50 4 L85 16 L96 106 L4 106 L15 16 Z' fill='%23f6e8c6' fill-opacity='.55' stroke='%231d1916' stroke-width='2.6' stroke-linejoin='round'/%3E%3C/svg%3E")}.sq .koma{box-sizing:border-box;width:calc(88% * var(--pw,1));height:calc(88% * var(--ph,1));background:var(--koma) center / 100% 100% no-repeat;font-size:calc(.8em * var(--ph,1));justify-content:center;align-items:center;padding-top:14%;line-height:1;display:flex}.hand .koma{box-sizing:border-box;width:calc(28px * var(--pw,1));height:calc(32px * var(--ph,1));background:var(--koma) center / 100% 100% no-repeat;font-size:calc(17px * var(--ph,1));justify-content:center;align-items:center;padding-top:5px;line-height:1;display:inline-flex}.hand .hp .n{align-self:flex-end;margin-bottom:2px}.info-pop-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow-y:auto}.info-pop-scroll .panel{background:0 0;border:0;flex:none;overflow:visible}.info-pop-scroll [data-panel=tags]{border-top:1px solid var(--line)}.member-picker{align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.member-picker select{border:1px solid var(--line);background:var(--surface);border-radius:2px;min-height:40px;padding:0 8px}.pos-chips{scrollbar-width:none;flex:none;gap:4px;max-width:46%;display:flex;overflow-x:auto}.pos-chips::-webkit-scrollbar{display:none}.pos-chip{border:1px solid var(--line);background:var(--surface);min-width:32px;height:32px;font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;flex:none;padding:0;font-size:1.05rem;line-height:1}.pos-chip[aria-current=true]{background:var(--accent);border-color:var(--accent);color:#fff}.move-pos{color:var(--accent);font-weight:800}.tab-count{color:#fff;background:var(--accent);border-radius:999px;place-items:center;min-width:1.4em;height:1.4em;margin-left:6px;padding:0 4px;font-size:.75rem;display:inline-grid}.note-body{flex-direction:column;gap:12px;padding:10px 12px 14px;display:flex}.note-here h3{align-items:baseline;gap:8px;margin:0 0 6px;font-size:1.05rem;display:flex}.pos-num{color:var(--accent);font-weight:800}.note-ply{color:var(--muted);margin-left:auto;font-size:.8rem;font-weight:400}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.75}.note-empty{color:var(--muted);margin:0;font-size:.9rem}.note-meta{color:var(--muted);align-items:center;gap:12px;margin:8px 0 0;font-size:.85rem;display:flex}.note-new{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.note-undo{background:var(--row-current);align-items:center;gap:12px;margin:0;padding:6px 10px;font-size:.88rem;display:flex}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:underline}.note-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.note-list button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:40px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:baseline;gap:8px;padding:0 2px;display:flex}.note-list button[aria-current=true]{background:var(--row-current)}.note-list-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pos-sheet{flex-direction:column;gap:10px;max-height:90dvh;display:flex;overflow-y:auto}.pos-sheet .sheet-title{align-items:baseline;margin:0;display:flex}.pos-field{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.pos-field input,.pos-field textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;border-radius:2px;padding:8px 10px}.pos-field input{min-height:44px}.pos-field textarea{resize:vertical;line-height:1.6}.pos-actions{justify-content:flex-end;gap:8px;display:flex}.pos-actions .btn{min-width:76px;min-height:44px}.pos-actions .btn.danger{margin-right:auto}.side-tabs{display:none}@media (width>=900px){.app .side-panel>.side-tabs{border-bottom:1px solid var(--line);flex:none;grid-template-columns:1fr 1fr;display:grid}.side-tabs button{min-height:40px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:700}.side-tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.app .side-panel[data-pc=moves]>[data-panel=notes],.app .side-panel[data-pc=notes]>[data-panel=moves]{display:none}.app .side-panel>[data-panel=notes]{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.app .side-panel>.panel>h2{display:none}}@media (width<=899px){.app .side-panel[data-show=notes] [data-panel=notes]{overscroll-behavior:contain;flex:auto;min-height:0;display:block;overflow-y:auto}}.mv-pos{color:var(--accent);margin-left:8px;font-weight:800}.comments h4,.other-comments h4{color:var(--muted);align-items:baseline;margin:0 0 6px;font-size:.88rem;display:flex}.comment-list{margin:0 0 8px;padding:0;list-style:none}.comment-list li{border-bottom:1px solid var(--line);padding:8px 0}.comment-head{color:var(--muted);align-items:baseline;gap:10px;margin:0 0 4px;font-size:.82rem;display:flex}.comment-head b{color:var(--ink);font-size:.9rem}.comment-head .link-btn{font-size:.82rem}.comment-head .link-btn:first-of-type{margin-left:auto}.comment-form{flex-direction:column;gap:6px;display:flex}.comment-form textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;resize:vertical;border-radius:2px;padding:8px 10px;line-height:1.6}.comment-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.comment-actions .btn{min-width:76px;min-height:40px}.note-ply-left{color:var(--muted);flex:none;min-width:4em;font-size:.8rem}.mv-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.games a.row .noteline{color:var(--accent);grid-column:1/-1;gap:12px;font-size:.74rem;font-weight:700;display:flex}.notable-add{width:100%;min-height:44px}.notable-new{border:1px solid var(--accent);background:var(--surface);border-radius:2px;flex-direction:column;gap:8px;padding:10px;display:flex}.notable-new-head{align-items:baseline;gap:10px;margin:0;display:flex}.notable-new-head b{color:var(--accent)}.notable-new textarea,.notable-cards textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;resize:vertical;border-radius:2px;padding:8px 10px;line-height:1.6}.notable-new-btns{gap:8px;margin-left:auto;display:inline-flex}.notable-new-btns .btn{min-width:72px;min-height:40px}.notable-cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notable-cards>li{border:1px solid var(--line);background:var(--surface);border-radius:2px;padding:8px 10px 4px}.notable-cards>li[aria-current=true]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.notable-card-head{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:8px;padding:2px 0 6px;display:flex}.notable-move{color:var(--muted);font-size:.9rem}.notable-cards .note-meta{flex-wrap:wrap;margin:6px 0 0}.notable-cards .note-meta b{color:var(--ink)}.notable-actions{gap:12px;margin-left:auto;display:inline-flex}.eval{border-top:1px solid var(--line);flex:none;padding:4px 10px 8px}.eval-head{color:var(--muted);align-items:baseline;gap:8px;margin:0 0 2px;font-size:.78rem;display:flex}.eval-engine{font-size:.7rem}.eval-now{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.eval-graph{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:84px;position:relative}.eval-graph svg{border:1px solid var(--line);box-sizing:border-box;background:var(--surface);width:100%;height:100%;display:block}.eval-sente{fill:#1d191609}.eval-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 3}.eval-zero{stroke:var(--muted);stroke-width:1px}.eval-area{fill:#1d191629}.eval-line{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.eval-cur{stroke:var(--accent);stroke-width:2px}.eval-graph.trial .eval-cur{stroke:var(--trial);stroke-dasharray:4 3;opacity:.7}.eval-label{color:var(--muted);pointer-events:none;font-size:.62rem;line-height:1;position:absolute;left:4px}.eval-label.top{top:3px}.eval-label.bottom{bottom:3px}@media (width>=900px){.eval{padding:6px 12px 10px}.eval-graph{height:104px}}@media (width<=899px){.eval-graph{height:72px}}