/* Kotoba Path's portrait frames and navy/gold RPG window, adapted to legal reading. */
.legal-skit{--lr-ink:#262a3f;--lr-gold:#d8bd84;--lr-coral:#bb514b;position:relative;margin:32px 0 48px;padding:26px;border:1px solid #cdbba3;border-radius:16px;background:linear-gradient(120deg,#fff8ed,#f4e6e2);box-shadow:5px 6px 0 #e7ddd0;font:15px/1.65 Inter,"Segoe UI",sans-serif;color:var(--lr-ink)}
.legal-skit h3{font:600 clamp(24px,3vw,31px)/1.2 "Noto Serif JP",Georgia,serif;margin:9px 0 12px;max-width:480px}
.legal-skit p{margin:9px 0}.legal-skit .legal-skit-kicker{font:700 10px/1.6 "Space Mono",Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:#9b4641}
.legal-skit-portraits{display:flex;float:right;margin:0 0 12px 18px}.legal-skit-portraits img{object-fit:cover;border:2px solid #262a3f;border-radius:5px;box-shadow:2px 3px 0 #d8bd84;rotate:-5deg}.legal-skit-portraits img+img{margin-left:-14px;rotate:6deg}
.legal-skit-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 14px}.legal-skit-actions[hidden]{display:none}
.legal-skit button{font:600 13px Inter,"Segoe UI",sans-serif;padding:12px 17px;border:1px solid #262a3f;border-radius:8px;cursor:pointer;color:#262a3f;background:#fffaf4}.legal-skit button:first-child{background:#262a3f;color:#fff6e7;box-shadow:0 3px 0 #d8bd84}.legal-skit button span{display:block;font-size:10px;font-weight:400;opacity:.8;margin-top:3px}
.legal-skit .legal-skit-note,.legal-skit .legal-skit-sources{font-size:12px;color:#645965;clear:both}.legal-skit details{border-top:1px solid #cdbba3;padding-top:14px;margin-top:16px}.legal-skit summary{cursor:pointer;font-size:13px}.legal-skit-transcript ol{list-style:none;padding:0}.legal-skit-transcript li{margin:16px 0}.legal-skit-transcript strong{font-size:12px;color:#8a4142}.legal-skit-transcript li p{font-size:14px}
.legal-rpg{--lr-ink:#262a3f;--lr-gold:#d8bd84;--lr-coral:#e0645a;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;color:#262a3f;overflow:auto;background:radial-gradient(ellipse at 15% 30%,#f3d1d9b0,transparent 55%),radial-gradient(ellipse at 85% 25%,#c8d2e8b0,transparent 55%),radial-gradient(ellipse at 50% 100%,#fbefc4b0,transparent 60%),#f6efe6;font:16px/1.6 Inter,"Segoe UI",sans-serif}
.legal-rpg::backdrop{background:#1e2038dd}.legal-rpg::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#3c281e20 .5px,transparent .6px);background-size:5px 5px}
.lr-shell{position:relative;max-width:1100px;min-height:100%;margin:auto;padding:20px 30px 16px;display:grid;grid-template-rows:auto minmax(200px,1fr) auto auto;gap:22px}
.lr-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.lr-top h2{font:500 clamp(22px,3vw,32px)/1.25 "Noto Serif JP",Georgia,serif;margin:3px 0}.lr-kicker{font:700 10px/1.6 "Space Mono",Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#85433e}.lr-top-controls{display:flex;flex-wrap:wrap;justify-content:end;gap:7px;max-width:400px}
.legal-rpg button{cursor:pointer;font:600 12px/1.4 Inter,"Segoe UI",sans-serif;padding:10px 13px;border:1px solid #aaa0ab;border-radius:7px;background:#fffaf4d9;color:#262a3f;min-height:40px}.legal-rpg button[aria-pressed=true]{background:#262a3f;color:#fff3d9;border-color:#262a3f}.legal-rpg button:disabled{opacity:.4;cursor:default}
.legal-rpg button:focus-visible,.legal-skit button:focus-visible,.legal-skit summary:focus-visible{outline:3px solid #a44943;outline-offset:4px}
.lr-stage{display:flex;justify-content:space-around;align-items:center;gap:36px;padding:28px 25px 18px;position:relative}.lr-desk-note{position:absolute;left:50%;top:45%;translate:-50% -50%;color:#9d7a4e;text-align:center;pointer-events:none;width:190px;font:italic 18px/1.7 Georgia,serif;opacity:.8}.lr-desk-note span{display:block;font:10px/1.7 Consolas,monospace;text-transform:uppercase;letter-spacing:.2em;margin-top:10px}
.lr-portrait{position:relative;flex-shrink:0;width:clamp(138px,23vw,235px);aspect-ratio:1;padding:8px;border:3px solid #262a3f;border-radius:7px;background:linear-gradient(150deg,#fffaf4,#f1e3d1);box-shadow:0 16px 36px #262a3f30,inset 0 0 0 2px #fff;transform:rotate(-3deg) scale(.91);filter:saturate(.65) brightness(.93);transition:transform .3s ease,filter .3s ease;z-index:1;margin:0}.lr-portrait[data-character=s]{transform:rotate(3deg) scale(.91)}
.lr-portrait.is-speaking{transform:translateY(-12px) rotate(-3deg) scale(1);filter:none;box-shadow:0 20px 40px #262a3f30,0 0 0 4px #ffffff99,0 0 28px #e0645a40}.lr-portrait[data-character=s].is-speaking{transform:translateY(-12px) rotate(3deg) scale(1);box-shadow:0 20px 40px #262a3f30,0 0 0 4px #ffffff99,0 0 28px #d8bd8470}
.lr-portrait img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #d8bd84}.lr-portrait:before,.lr-portrait:after{content:"";position:absolute;width:14px;height:14px;background:#e0645a;border:2px solid #fffaf4;outline:1px solid #262a3f;transform:rotate(45deg)}.lr-portrait:before{top:-8px;left:-8px}.lr-portrait:after{bottom:-8px;right:-8px}.lr-portrait[data-character=s]:before,.lr-portrait[data-character=s]:after{background:#262a3f}
.lr-portrait figcaption{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);background:#b84c45;color:white;padding:5px 16px;white-space:nowrap;font:700 11px/1.5 Inter,sans-serif;letter-spacing:.08em;border-radius:4px}.lr-portrait[data-character=s] figcaption{background:#262a3f;color:#f3dfb3}.lr-reaction{position:absolute;top:-27px;right:-20px;display:grid;place-items:center;min-width:42px;height:42px;padding:0 8px;background:#fffaf4;border:2px solid #262a3f;border-radius:50%;font:700 23px Georgia;color:#a44943;box-shadow:0 4px 0 #262a3f20}.lr-reaction:empty{display:none}
.lr-portrait.react{animation:lr-nod .4s ease}@keyframes lr-nod{45%{translate:0 -9px}}
.lr-window{position:relative;margin:0 12px;border:2px solid #d8bd84;border-radius:13px;background:linear-gradient(#2b2e4e,#1e2038);color:#fbf6f0;box-shadow:0 0 0 3px #1e2038,0 0 0 4px #d8bd84,0 20px 40px #14142833;min-width:0}.lr-window:before{content:"";position:absolute;inset:7px;border:1px solid #d8bd8440;border-radius:8px;pointer-events:none}
.lr-name{position:absolute;top:-21px;left:25px;max-width:calc(100% - 50px);padding:6px 22px;background:#b84c45;color:#fffaf4;border:1px solid #d8bd84;box-shadow:0 4px 8px #0003;border-radius:5px 14px 5px 5px;font:700 13px Inter,sans-serif;letter-spacing:.12em}.lr-window[data-speaker=s] .lr-name{left:auto;right:25px;background:#14152a;color:#f3dfb3}
.legal-rpg .lr-advance{display:block;width:100%;text-align:left;min-height:190px;border:0;background:none;color:inherit;padding:30px 30px 48px;cursor:pointer;border-radius:12px;font:500 clamp(17px,2vw,21px)/1.7 "Noto Serif JP",Georgia,serif}.lr-line{display:block;min-height:3.4em}.lr-window-hint{position:absolute;left:30px;bottom:17px;font:11px Inter,sans-serif;color:#dfcba8}.lr-arrow{position:absolute;right:26px;bottom:15px;color:#d8bd84;font:20px/1 sans-serif;animation:lr-bob 1s ease-in-out infinite}@keyframes lr-bob{50%{translate:0 4px}}
.lr-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 10px}.lr-bottom-controls{display:flex;flex-wrap:wrap;gap:8px}.lr-progress{font:12px Consolas,monospace;color:#645c68}.lr-caption{font-size:11px;color:#716572;margin-top:3px}.lr-visually-hidden{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.lr-log{grid-row:2/4;border:2px solid #d8bd84;background:#262a3f;color:#fff6e7;padding:24px;border-radius:12px;align-self:stretch;max-height:65dvh;overflow:auto}.lr-log[hidden]{display:none}.lr-log h3{font:500 24px Georgia;margin:0 0 18px}.lr-log ol{list-style:none;padding:0;margin:0}.lr-log li{padding:12px 0;border-top:1px solid #d8bd8440}.lr-log strong{font:700 12px Inter,sans-serif;letter-spacing:.08em;color:#f4b2a9}.lr-log p{font:16px/1.7 Georgia;margin:7px 0}.lr-log a{color:#efd3a1}.legal-rpg [hidden]{display:none!important}
@media(max-width:680px){.lr-shell{padding:14px 13px 16px;gap:22px;grid-template-rows:auto minmax(180px,1fr) auto auto}.lr-top{flex-direction:column;gap:10px}.lr-top-controls{justify-content:start;max-width:none}.lr-top h2{font-size:23px}.lr-stage{padding:28px 12px 20px;justify-content:space-between;gap:20px}.lr-portrait{width:clamp(112px,31vw,172px);padding:5px}.lr-desk-note{font-size:13px;width:100px;top:40%}.lr-desk-note span{font-size:8px}.lr-portrait figcaption{font-size:9px;padding:4px 8px;bottom:-14px}.lr-reaction{height:32px;min-width:32px;top:-20px;right:-12px;font-size:18px}.lr-window{margin:0 5px}.legal-rpg .lr-advance{padding:27px 19px 45px;min-height:218px;font-size:17px;line-height:1.65}.lr-window-hint{left:20px;font-size:10px}.lr-bottom{align-items:start;gap:8px;padding:0}.lr-bottom-controls{gap:6px}.legal-rpg button{padding:9px 10px;font-size:11px}.lr-progress{font-size:11px}.lr-caption{max-width:100px;font-size:10px}.legal-skit{padding:22px}.legal-skit-portraits img{width:54px;height:54px}.lr-name{font-size:11px;padding:6px 15px}.lr-log{max-height:none}}
@media(max-width:370px){.lr-desk-note{display:none}.lr-portrait{width:110px}.lr-shell{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.legal-rpg *{animation:none!important;transition:none!important}}
@media print{.legal-skit-actions,.legal-rpg{display:none!important}.legal-skit{box-shadow:none;break-inside:avoid}}