#modal.play-guide-modal{width:min(680px,94vw);max-height:94dvh;background:#fff8e9;border:4px solid #9a71ba;border-radius:26px;box-shadow:0 8px 0 #66577844}
.play-guide{color:#514860;font-size:16px}.play-guide header{display:flex;gap:16px;align-items:center;padding:16px 12px;background:#e4f5f4;border-radius:18px;border:2px solid #add5d0}.pg-icon{font-size:44px;min-width:64px;text-align:center;background:#ffe58e;border-radius:20px;line-height:76px}.play-guide small,.pg-library>small{font-weight:800;color:#806299}.play-guide h2{font-size:25px;line-height:1.35;margin:5px 0 8px;color:#765392}.play-guide p{margin:4px 0;line-height:1.65}.play-guide ol{list-style:none;padding:0;display:grid;gap:10px;margin:16px 0}.play-guide li{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:#f7e1ea}.play-guide li:nth-child(2){background:#e8e0f5}.play-guide li:nth-child(3){background:#e7efd4}.play-guide li>b{flex-shrink:0;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff9eb;color:#77538c;font-size:20px}.play-guide h3{font-size:18px;margin:0 0 3px;color:#514860}.play-guide aside{display:flex;gap:12px;padding:13px;border:2px dashed #d6a855;border-radius:15px;background:#fff0b9;align-items:center}.play-guide aside>b{white-space:nowrap;color:#78572d}.play-guide .pg-tip{font-size:13px;margin:12px 0;color:#74667a}.play-guide footer{display:flex;gap:15px;align-items:center}.play-guide footer button{font-size:18px;min-height:48px;min-width:160px;background:#deafcd;color:#513f63}.play-guide footer span{font-size:12px}.pg-library>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.pg-library [data-guide-read]{min-height:64px;text-align:left;display:flex;gap:10px;align-items:center;background:#e5f1ed}.pg-library [data-guide-read]:nth-child(3n+2){background:#f5e1eb}.pg-library [data-guide-read]:nth-child(3n){background:#e9e0f3}.pg-library button span{font-size:25px}.pg-library textarea{box-sizing:border-box;width:100%;font:inherit;line-height:1.5;padding:12px;border:2px solid #b79ac4;border-radius:12px;background:#fffdf5;color:#514860}.pg-library>.wide{margin-top:10px}
@media(max-width:700px){#modal.play-guide-modal{border-width:3px;border-radius:18px}.play-guide{font-size:14px}.play-guide header{padding:10px;gap:10px}.pg-icon{font-size:30px;min-width:45px;line-height:52px}.play-guide h2{font-size:20px}.play-guide li{padding:9px 10px;gap:10px}.play-guide h3{font-size:16px}.play-guide aside{font-size:14px}.play-guide footer{flex-wrap:wrap;gap:8px}.pg-library>div{grid-template-columns:1fr}}
#modal.play-guide-modal{background:#fff8e9!important;padding:14px;box-sizing:border-box}
#modal.play-guide-modal #modalContent{padding:0!important;background:transparent!important;border:0;box-shadow:none}
#modal.play-guide-modal #closeModal{position:absolute;top:6px;right:6px}
.play-guide header{padding-right:30px;flex-direction:row;justify-content:flex-start;height:auto;min-height:0;margin:0;text-align:left;box-shadow:none}
.play-guide footer{padding:0;margin:0;letter-spacing:normal}
@media(max-height:500px) and (min-width:600px){
 #modal.play-guide-modal{width:min(850px,96vw);padding:9px}
 .play-guide{font-size:13px}.play-guide header{padding:6px 30px 6px 10px;gap:10px}.play-guide h2{font-size:20px;margin:0 0 2px}.play-guide header p{margin:0}.play-guide header small{font-size:11px}.pg-icon{font-size:27px;min-width:42px;line-height:45px}
 .play-guide ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0}.play-guide li{display:block;padding:8px 10px;position:relative}.play-guide li>b{position:absolute;top:7px;left:8px;width:23px;height:23px;font-size:15px}.play-guide h3{font-size:15px;margin:0 0 5px;padding-left:28px;min-height:23px}.play-guide p{line-height:1.45}
 .play-guide aside{padding:7px 10px;font-size:13px}.play-guide .pg-tip{font-size:12px;margin:6px 0}.play-guide footer button{min-height:40px;padding:6px 18px;font-size:16px}.play-guide footer{gap:10px}.play-guide footer span{font-size:11px}
}