:root{--line:#39312b;--gold:#d3a344;--orange:#ff5000}
.explore{max-width:1120px;margin:0 auto;padding:0 24px 48px}.page-heading{padding:38px 0 28px;max-width:760px}.page-heading h1{font-size:32px;font-weight:600;line-height:1.25;margin:0 0 14px;letter-spacing:-.025em}.page-heading p{font-size:14px;color:#b8b3ac;line-height:1.85}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}.game-card{border:1px solid #46362a;border-radius:9px;background:#201e1c;min-width:0}.game-card-body{padding:23px;height:100%;display:flex;flex-direction:column}.game-card h3{font-size:19px;font-weight:500;margin:0 0 12px;color:#eee}.game-card p{color:#b8b3ac;font-size:13px;line-height:1.8;margin-bottom:22px}.read-more{background:transparent;color:#ff853e;border:0;border-top:1px solid #44352a;padding:14px 0 0;font:inherit;font-size:12px;font-weight:600;display:flex;justify-content:space-between;cursor:pointer;width:100%;margin-top:auto}.read-more:hover{color:#ffac71}.read-more span{font-size:16px}.eyebrow{display:block;color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.15em;margin-bottom:16px}
.library{border-top:1px solid var(--line);padding-top:30px}.library-head{font-size:24px;font-weight:500;margin-bottom:8px}.library>p{color:#aaa;font-size:13px;margin-bottom:24px}.library details{border-bottom:1px solid #393029;padding:0 2px}.library summary{padding:20px 0;cursor:pointer;font-size:15px;color:#e4dbce;list-style:none;display:flex;justify-content:space-between;gap:20px}.library summary::-webkit-details-marker{display:none}.library summary:after{content:'+';color:var(--gold)}.library details[open]>summary:after{content:'−'}.library details>div{padding:0 0 22px;max-width:850px;color:#b8b3ac;font-size:14px;line-height:1.9}.library p{margin-bottom:14px}.library h3{margin:20px 0 10px;color:#e1d3be}.foot-note{font-size:11px;color:#8f8a82;line-height:1.8;margin-top:30px}

.detail-modal{background:#1c1a18;color:#eee;border:1px solid #725030;border-radius:18px;width:min(720px,calc(100% - 32px));max-height:88vh;padding:0;margin:auto;box-shadow:0 30px 100px #000b}.detail-modal::backdrop{background:#060504d9;backdrop-filter:blur(8px)}.modal-top{display:flex;justify-content:space-between;align-items:start;padding:28px 30px 20px;border-bottom:1px solid #493729;background:linear-gradient(120deg,#37271b,#1c1a18)}.modal-top h2{font-size:32px;font-weight:500;letter-spacing:-.04em}.modal-top .eyebrow{margin-bottom:10px;font-size:9px}.modal-close{border:1px solid #715335;color:#e5d3b8;background:#201a16;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:21px;flex-shrink:0}.modal-content{padding:26px 30px}.modal-content>p{color:#c5bdb3;font-size:14px;line-height:1.85}.facts{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.facts span{font-size:10px;color:#dfc393;padding:8px 10px;border:1px solid #5e422a;border-radius:5px;background:#30241a}.modal-content details{border-bottom:1px solid #3d3026}.modal-content summary{font-size:14px;padding:16px 0;cursor:pointer;color:#f2ddbc}.modal-content details p{font-size:13px;color:#b8b0a6;line-height:1.85;padding-bottom:18px}.before-play{margin-top:24px;padding:18px;background:#28221b;border-left:2px solid #d3a344}.before-play h3{font-size:12px;color:#d3a344;margin-bottom:10px}.before-play p{font-size:12px;line-height:1.8;color:#bdb4a8}.guide-link{display:inline-block;margin-top:20px;font-size:12px;color:#f9a25d}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.modal-actions a{font-size:12px;text-decoration:none;border-radius:6px;padding:12px 17px}.modal-actions .outline-action{border:1px solid #715335;color:#e5d3b8}.modal-actions .btn{border-radius:6px}button:focus-visible,summary:focus-visible{outline:2px solid #d3a344;outline-offset:5px}body.modal-open{overflow:hidden}

@media(max-width:760px){.explore{padding:0 20px 32px}.page-heading{padding:30px 0 24px}.page-heading h1{font-size:28px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card-body{padding:20px}.modal-top,.modal-content{padding:22px}}
@media(max-width:480px){.collection-grid{grid-template-columns:1fr}.modal-actions{gap:10px}}