:root {
  --paper:#ead19a; --paper2:#d9bb78; --wine:#710000; --ink:#17120d;
}
*{box-sizing:border-box}
body{margin:0;background:#111;color:var(--ink);font-family:Arial,sans-serif}
.wrap{position:relative;overflow:hidden;max-width:1000px;margin:18px auto;background:linear-gradient(180deg,rgba(243,221,167,.92) 0%,rgba(226,199,131,.92) 100%);padding:14px;border:1px solid #d79a43;box-shadow:0 0 0 5px #2a160b}
.brand-watermark{position:fixed;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:0}
.brand-watermark img{content:url('assets/new-word-logo-transparent-v2.png');width:600px;height:600px;object-fit:contain;opacity:.92;mix-blend-mode:normal;filter:drop-shadow(0 5px 18px rgba(90,0,0,.78))}
.wrap>*:not(.brand-watermark){position:relative;z-index:1}
.crumb{font-size:12px;margin:0 0 8px;color:#654}
.back-link{display:inline-block;margin:0 0 12px;color:#7a160e;text-decoration:underline;font-weight:700;font-size:13px}.back-link:hover{color:#b22a1d}
.title{font-family:Georgia,serif;font-size:28px;margin:0;padding:8px 12px;color:#fff;background:var(--wine);border-bottom:2px solid #e7b45b}
.class-block{margin-top:18px}
.class-head{font:700 22px Georgia,serif;color:var(--wine);border-bottom:2px solid var(--wine);padding:4px 2px}
.intro{margin:7px 2px 10px;font-size:13px}
.skill{border:1px solid #b5975d;margin:8px 0;background:rgba(241,220,162,.82)}
.skill:nth-of-type(even){background:rgba(217,187,120,.82)}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:16px;min-width:0}
summary::-webkit-details-marker{display:none}
.skill-thumb{width:52px;height:52px;flex:0 0 52px;background-size:200% 200%;background-repeat:no-repeat;border:1px solid #7a5b20}
.skill-name{text-decoration:underline;font-weight:700;min-width:190px}
.skill-description{font-size:13px;flex:1;min-width:0}
.skill-description ul{margin:0;padding:0;list-style:none}
.skill-description li:before{content:'◆ ';color:#8b0000;font-size:11px}
.facts{padding:0 8px 10px;overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px;background:#faefc3}
th{background:var(--wine);color:#fff;padding:8px 6px;text-align:center}
td{border:1px solid #d7954d;padding:6px;vertical-align:middle;text-align:center}
td:nth-child(3),td:nth-child(4){text-align:left}
.stage-photo{width:96px;height:72px;margin:auto;background-size:200% 200%;background-repeat:no-repeat;border:1px solid #96712f}
.stage-photo[style*="50% 50%"]{background-size:cover}
.empty{display:grid;place-items:center;color:#886}
.wiki{display:inline-block;margin:8px 3px 0;color:#6b0000}
.footer{font-size:12px;border-top:1px solid #b78a43;padding-top:10px}
.info-wrap{position:relative;display:inline-block}.info-button{min-width:48px;height:24px;border:1px solid #710000;border-radius:12px;background:#f5df9f;color:#710000;font:bold 11px Arial,sans-serif;cursor:help;padding:0 7px}.info-button:hover,.info-button:focus{background:#710000;color:#fff}.info-tooltip{visibility:hidden;opacity:0;position:absolute;z-index:20;left:32px;top:50%;transform:translateY(-50%);width:300px;padding:9px 11px;border:1px solid #d79a43;border-radius:4px;background:#2b130d;color:#ffe7a7;text-align:left;font-size:12px;line-height:1.35;box-shadow:0 4px 12px rgba(0,0,0,.45);transition:opacity .15s ease}.info-wrap:hover .info-tooltip,.info-wrap:focus-within .info-tooltip{visibility:visible;opacity:1}
.wiki{display:none !important}