/* judge sheet — definition / memory / concepts */
.sheet-back{position:fixed;inset:0;z-index:80;background:rgba(235,235,240,.6);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.3s}
.sheet{position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(560px,100vw);background:var(--panel);border-left:1px solid var(--line-2);box-shadow:-40px 0 80px -30px rgba(20,20,30,.29);transform:translateX(100%);transition:transform .45s var(--ease);overflow-y:auto;padding:26px 30px 40px}
.sheet[data-open="true"]{transform:none}
.sheet-back[data-open="true"]{opacity:1;pointer-events:auto}
.sheet-h{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;margin-bottom:22px}
.sheet-h .mono-avatar{width:56px;height:56px;font-size:28px}
.sheet-h h3{font-size:18px;font-weight:600}
.sheet-h .rl{font-size:12px;color:var(--ink-3)}
.sheet-h .close{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}
.sheet-h .close:hover{background:rgba(20,20,25,.054);color:var(--ink)}
.layers{display:grid;gap:22px}
.layer-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.layer-h .eyebrow .n{font-family:var(--data);color:var(--brass);margin-right:8px;letter-spacing:0}
.layer-h .how{font-family:var(--data);font-size:10px;color:var(--ink-4)}
.def{display:grid;grid-template-columns:90px 1fr;gap:7px 12px;font-size:12.5px;line-height:1.5}
.def .k{font-family:var(--data);font-size:10px;color:var(--ink-4);padding-top:3px;letter-spacing:.04em}
.def .v{color:var(--ink-2)}
.def .v.voice{color:var(--ink);font-size:14px}
.def .v.null{color:var(--ink-4);font-style:italic}
.memgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.memgrid .m{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--room-2)}
.memgrid .m img{width:100%;height:100%;object-fit:cover;display:block}
.memgrid .m::after{content:attr(data-k);position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;font-family:var(--data);font-size:9px;display:grid;place-items:center;background:rgba(20,20,25,.702)}
.memgrid .m[data-k="+"]::after{color:var(--hit)}
.memgrid .m[data-k="−"]::after{color:var(--miss)}
.memnote{font-size:11px;color:var(--ink-4);margin-top:8px;line-height:1.5}
.cgrid{display:grid;gap:6px}
.crow{display:grid;grid-template-columns:1fr 70px 40px;gap:10px;align-items:center;font-size:12px}
.crow .nm{color:var(--ink-2)}
.crow .nm small{display:block;font-size:10.5px;color:var(--ink-4);line-height:1.35}
.crow .bar{height:3px;border-radius:2px;background:rgba(20,20,25,.063);position:relative;overflow:hidden}
.crow .bar::after{content:"";position:absolute;inset:0;transform:scaleX(var(--v));transform-origin:left;background:var(--hit)}
.crow.neg .bar::after{background:var(--miss)}
.crow .sup{font-family:var(--data);font-size:10px;color:var(--ink-4);text-align:right}
.sheet-foot{margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink-4);line-height:1.6}
.sheet-foot .voice{color:var(--ink-3);font-size:13px}