.guide-dialog{width:min(900px,calc(100% - 32px));border-color:#5c5849;border-radius:6px;background:#000}
.guide-dialog .dialog-heading{padding:10px 30px;background:#000;border-color:#ffffff13;z-index:2}
.guide-dialog .dialog-heading .eyebrow{font:11px var(--mono);letter-spacing:1.7px;color:#c9b891}
.guide-dialog .guide-content{padding:27px 32px 28px}
.guide-dialog #guide-title{font:40px/1.12 var(--serif);letter-spacing:-1px;margin:0 0 18px}
.guide-contract{display:block;width:100%;padding:15px 18px;margin:0 0 25px;text-align:left;background:#ffffff03;border:1px solid #77705b55;border-radius:3px;min-width:0}
.guide-contract-label{display:block;font:10px var(--mono);letter-spacing:1.2px;color:#a9a28e;margin-bottom:7px}
#guide-contract-address{display:block;font:clamp(15px,2.2vw,20px)/1.5 var(--mono);color:#e7dcc0;overflow-wrap:anywhere;white-space:normal}
.guide-copy-hint{display:block;font:11px/1.5 Arial,sans-serif;color:#aaa68f;margin-top:5px}
.guide-contract:not(:disabled):hover{border-color:#b8a47b;background:#b5a0700b}
.guide-contract:disabled{opacity:1;cursor:default}
.guide-contract.is-copied .guide-copy-hint{color:#bdd1a1}
.guide-setup{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:26px}
.guide-step{border-top:1px solid #ffffff1c;padding-top:12px;min-width:0}
.guide-step-number{font:11px var(--mono);color:#cbb481}
.guide-dialog .guide-step h3{font:22px/1.3 var(--serif);margin:5px 0 9px}
.guide-step p{font:12px/1.7 Arial,sans-serif;margin:0;color:#afb2a6}
.guide-step b{font-weight:normal;color:#ece3cc}
.guide-step .guide-touch-tip{font-size:11px;color:#949b87;margin-top:6px}
.guide-reward-rule{display:flex;align-items:center;gap:22px;margin-top:23px;padding:15px 18px;border-left:2px solid #b9a375;background:#b5a0700b}
.guide-reward-rule strong{white-space:nowrap;font:19px var(--serif);color:#dfcfab}
.guide-reward-rule p{font:12px/1.65 Arial,sans-serif;color:#afb2a6;margin:0}
.guide-reward-rule b{font-weight:normal;color:#dfd8c6}
.guide-auto-payout{font:12px/1.75 Arial,sans-serif;color:#afb2a6;margin:12px 0 0}
.guide-auto-payout b{font-weight:normal;color:#ded2b5}
.guide-choose{margin-top:28px}
.guide-choose-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}
.guide-dialog .guide-choose-heading h3{font:25px/1.3 var(--serif);margin:0}
.guide-choose-heading span{font:10px var(--mono);color:#aa9b78}
.guide-choose>p{font:12px/1.7 Arial,sans-serif;color:#afb2a6;margin:7px 0 16px}
.guide-pieces{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.guide-piece{text-align:center;border:1px solid #ffffff13;background:#ffffff02;border-radius:3px;padding:11px 5px 7px;color:#c6c6b7;min-width:0}
.guide-piece:hover{border-color:#77705b}
.guide-piece[aria-pressed="true"]{border-color:#ac9465;background:#b69c6510;color:#eadfc4}
.guide-piece-art{height:80px;display:flex;justify-content:center;align-items:flex-end}
.guide-piece-art img{width:36px;height:auto;max-height:76px}
.guide-piece strong{display:block;font:15px var(--serif);margin-top:9px}
.guide-piece small{display:block;min-height:14px;font:8px/1.8 var(--mono);letter-spacing:1px;color:#c8b383;margin-top:4px}
.guide-choose .guide-picker-note{font-size:11px;color:#949b87;margin:9px 0 0}
.guide-moves{margin-top:22px;padding-top:23px;border-top:1px solid #ffffff16;display:grid;grid-template-columns:230px minmax(0,1fr);gap:31px}
.guide-board{display:grid;grid-template-columns:repeat(7,1fr);border:5px solid #34372c;aspect-ratio:1;border-radius:2px}
.guide-square{aspect-ratio:1;display:grid;place-items:center;position:relative}
.guide-square.is-light{background:#c6c3af}.guide-square.is-dark{background:#464a3b}
.guide-square i{width:6px;height:6px;background:#e5ba6f;border-radius:50%;box-shadow:0 0 0 1px #2228}
.guide-square.is-light i{background:#474b39}
.guide-square img{position:absolute;width:17px;height:32px;filter:drop-shadow(0 1px 1px #0008)}
#guide-board-note{font:10px/1.5 Arial,sans-serif;color:#969d89;margin:9px 0 0;text-align:center}
.guide-dialog .guide-move-copy h3{font:24px/1.3 var(--serif);margin:0 0 6px}
#guide-move-description{font:13px/1.7 Arial,sans-serif;color:#afb2a6;margin:0}
.guide-move-steps{list-style:none;padding:0;margin:16px 0 0;counter-reset:move}
.guide-move-steps li{counter-increment:move;position:relative;padding-left:25px;margin-top:12px;font:12px/1.7 Arial,sans-serif;color:#afb2a6}
.guide-move-steps li:before{content:counter(move);position:absolute;left:0;top:1px;color:#bea66e;font:11px var(--mono)}
.guide-move-steps b{font-weight:normal;color:#e8dfcb}
.guide-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff16;margin-top:22px;padding-top:18px;gap:24px}
.guide-footer p{font:11px/1.7 Arial,sans-serif;color:#afb2a6;margin:0}
.guide-footer b{font-weight:normal;color:#d8d1bf}
.guide-footer .return-game{flex:none;background:#d6c8a4;border:1px solid #e4d7b6;padding:11px 17px;font:12px var(--mono);color:#22241b}
.guide-footer .return-game span{margin-left:8px}
@media(max-width:650px){
 .guide-dialog{width:calc(100% - 20px)}
 .guide-dialog .guide-content{padding:22px}
 .guide-dialog .dialog-heading{padding:6px 12px 6px 22px}
 .guide-dialog #guide-title{font-size:32px}
 .guide-contract{padding:12px;margin-bottom:20px}
 #guide-contract-address{font-size:16px}
 .guide-setup{grid-template-columns:1fr;gap:15px}
 .guide-reward-rule{display:block;padding:14px}
 .guide-reward-rule strong{white-space:normal}
 .guide-reward-rule p{margin-top:8px}
 .guide-choose-heading{display:block}
 .guide-choose-heading span{display:block;margin-top:8px}
 .guide-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}
 .guide-moves{grid-template-columns:1fr;gap:22px}
 .guide-board-wrap{max-width:230px;width:100%;margin:auto}
 .guide-footer{align-items:flex-start;flex-direction:column;gap:16px}
}