header .realm-wordmark{display:flex;flex-direction:column;align-items:center;gap:0;margin:5px 0 0;font-family:Georgia,'Times New Roman',serif;line-height:1;text-align:center;text-transform:none;letter-spacing:0}
header .realm-wordmark .realm-name{font-size:clamp(27px,4vw,43px);font-weight:900;font-variant:small-caps;letter-spacing:2px;color:#e7c36b;text-shadow:0 1px #fff0ba,0 3px #735020,1px 4px #080e09,-1px 0 #563c1d;transform:scaleY(1.08)}
header .realm-wordmark .realm-game{display:flex;align-items:center;gap:10px;margin-top:8px;color:#d7d0ac;font-size:13px;letter-spacing:6px;text-transform:uppercase;text-shadow:0 2px #11180c}
header .realm-game:before,header .realm-game:after{content:'';display:block;width:28px;height:3px;border-top:1px solid #ae8c45;border-bottom:1px solid #64512f}
.piece-inspector{margin:12px 0 5px;padding:12px;border:1px solid #7c7850;background:#213322;color:#e6dab3;border-radius:3px}.piece-guide-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.piece-guide-tools>b{font:700 10px Georgia,serif;letter-spacing:1px;color:#ddc68a}.piece-guide-tools button{min-height:36px;padding:7px 10px;font-size:11px;white-space:nowrap}.piece-guide-tools button[aria-pressed=true]{border-color:#ead48b;background:#55623a}.piece-guide-detail{display:flex;gap:10px;align-items:flex-start;min-height:50px;margin-top:9px}.piece-guide-detail>img{width:54px;height:62px;object-fit:contain;flex-shrink:0}.piece-guide-detail h3{font:700 15px Georgia,serif;color:#f0db9f;margin:2px 0 5px}.piece-guide-detail h3 span{color:#f0e9cb}.piece-guide-detail small{font-size:10px;line-height:1.6;color:#bcc9a5}.piece-guide-detail p{font:12px/1.65 Verdana,sans-serif;color:#e1dfc7;margin:6px 0}.chess-role-label{position:absolute;z-index:5;bottom:1px;left:50%;transform:translateX(-50%);pointer-events:none;font:700 clamp(7px,1.7vw,10px)/1.15 Verdana,sans-serif;color:#fff5d2;background:#172319e8;padding:2px 3px;border-radius:2px;white-space:nowrap;text-shadow:none}
@media(max-width:600px){header .realm-wordmark .realm-name{font-size:28px;letter-spacing:1px}header .realm-wordmark .realm-game{font-size:10px;letter-spacing:4px;gap:6px;margin-top:6px}header .realm-game:before,header .realm-game:after{width:16px}.piece-inspector{padding:10px}.piece-guide-tools>b{font-size:8px;letter-spacing:.5px}.piece-guide-tools button{min-height:44px}.piece-guide-detail>img{width:40px;height:48px}}

/* A prominent, stable label and explicit state make the learning aid easy to find. */
.piece-guide-tools{flex-wrap:wrap;gap:12px}
#piece-role-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 18px;border:2px solid #e0bd65;background:linear-gradient(#73613b,#493e29);color:#fff0c4;font:700 15px Georgia,serif;box-shadow:inset 0 1px #fff2bd55,0 3px 7px #08140b88}
#piece-role-toggle[aria-pressed=true]{background:linear-gradient(#647c3d,#354e28);border-color:#efcd77}
#piece-role-toggle:hover{border-color:#fff0b0;filter:brightness(1.12)}
#piece-role-toggle:focus-visible{outline:3px solid #fff3bd;outline-offset:4px}
.role-toggle-symbol{font-size:25px;line-height:1;color:#f6dc96}
.role-toggle-state{font:700 11px Verdana,sans-serif;padding:5px 8px;border:1px solid #c6b46f;border-radius:3px;background:#192719;color:#f4e6b2;letter-spacing:1px}
@media(max-width:600px){#piece-role-toggle{width:100%;min-height:48px}.piece-guide-tools>b{font-size:10px}}