:root{color-scheme:light;--ink:#192f34;--paper:#faf6e9;--line:#c7c2af;--sea:#163c43;--accent:#a65439;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#e8e4d7}*{box-sizing:border-box}body{margin:0}header{background:radial-gradient(ellipse at 90% -90%,#3e7173,transparent 73%),#112c33;color:#fcf4df;padding:28px max(20px,calc((100% - 700px)/2)) 23px;border-bottom:4px solid #b99258}h1,h2,h3,summary{font-family:Georgia,"Times New Roman",serif}h1{font-weight:500;font-size:clamp(38px,7vw,65px);line-height:1.04;letter-spacing:-.045em;margin:13px 0 9px}h2{font-size:clamp(29px,5vw,39px);line-height:1.08;letter-spacing:-.028em;font-weight:500;margin:0 0 15px}h3{font-size:23px;margin:22px 0 10px}.mast,footer,.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em}.mast{display:flex;align-items:center;gap:9px;color:#e2c49a}.mark{font-size:19px;line-height:1}#status{font-size:14px;color:#d8e4dd}main{max-width:748px;margin:auto;padding:18px 16px 28px}#app{background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 18px #3546400b;padding:clamp(18px,4vw,36px);border-radius:7px;overflow-wrap:anywhere}p{line-height:1.61;margin:.65em 0 1em}.muted,small{color:#536365}.eyebrow{color:#86452f;margin-bottom:9px}nav{display:flex;gap:5px;overflow-x:auto;padding:0 0 12px}nav:empty{display:none}button,select,input{font:inherit}button,select{min-height:44px;border-radius:5px}button{cursor:pointer;border:1px solid var(--sea);padding:10px 15px;background:var(--sea);color:white;font-weight:600;touch-action:manipulation}button:disabled{opacity:.56;cursor:wait}button.secondary,nav button{border-color:#b4b9aa;background:transparent;color:var(--sea)}nav button{white-space:nowrap;flex:1;padding:8px 9px;font-size:14px}nav button.active{background:#23494d;color:#fff;border-color:#23494d}select{display:block;padding:9px;width:100%;background:#fffdf6;border:1px solid #a6afa5;color:var(--ink)}label{display:block;font-weight:600;margin:13px 0 6px}.stack{display:grid;gap:10px}.stack button{width:100%}.panel{border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.roleline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #dcd6c5}.roleline strong,.roleline small{display:block}.roleline small{margin-top:3px}.roleline button{font-size:14px}details{border-top:1px solid var(--line);padding:13px 0}summary{font-size:21px;cursor:pointer;min-height:32px}.paper{font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,3vw,21px)}.paper p{line-height:1.57}.paper p.short{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;font-weight:650;color:#29494c}.tag{color:#81452f;font-weight:650}.map{width:100%;height:auto;display:block;margin-top:12px}.next{margin-top:18px;padding:16px;background:#e7eddf;border:1px solid #abbcaf;border-radius:6px}.next p{margin-top:0}.next button{width:100%}#notice:not(:empty){margin-bottom:12px;background:#ffebbf;border:1px solid #c79e59;padding:12px;border-radius:6px}input[type=text]{width:100%;padding:10px}footer{max-width:720px;margin:0 auto 30px;text-align:center;color:#526568;font-size:10px}footer span{padding:0 6px}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #bd6f3d;outline-offset:3px}.cover{width:100%;aspect-ratio:2.4;object-fit:cover;border-radius:4px;margin-bottom:20px}@media(max-width:450px){header{padding:19px 17px}main{padding:12px 10px 20px}nav{gap:3px}nav button{font-size:13px;padding:8px}.roleline{align-items:flex-start}.roleline button{max-width:42%}}
.portrait{width:54px;height:54px;object-fit:cover;flex:none;border-radius:50%;mix-blend-mode:multiply}.rolehead{display:flex;gap:16px;align-items:center;margin:15px 0}.rolehead .portrait{width:88px;height:88px}.rolehead h2{margin-bottom:5px}.smallhead .portrait{width:52px;height:52px}.grow{flex:1}.lineup{display:flex;margin:20px 0;align-items:center;overflow:hidden}.lineup .portrait{width:min(16vw,86px);height:auto}.lineup .portrait+.portrait{margin-left:-4px}@media(max-width:420px){.roleline .portrait{width:36px;height:36px}.roleline{gap:6px}}