.p04-page { max-width:1040px; margin:auto; color:#e9e4d2; }
.p04-page>p { color:#bcc4b3; line-height:1.7; }
.p04-nav { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0; }
.p04-nav button { flex:1 1 160px; min-height:48px; }
.p04-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(235px,1fr)); gap:16px; margin:24px 0; }
.p04-cards article { background:#1b2d25; border:1px solid #4b5d49; padding:20px; }
.p04-cards h3 { margin:10px 0; color:#dcc28b; }
.p04-cards small { color:#a5b9a6; }
.p04-cards p { line-height:1.7; }
.p04-cards button { margin:5px 7px 5px 0; padding:10px 15px; }
.p04-cards canvas { width:96px; height:80px; image-rendering:pixelated; display:block; margin-bottom:12px; }
.p04-gold { color:#d5bf87; }
.p04-footer { border-top:1px solid #526047; margin-top:20px; padding-top:20px; }
.p04-readonly { border-left:3px solid #d1b777; background:#403e2933; padding:12px; }
.p04-slot-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; }
.p04-slot-grid select { display:block; width:100%; margin:8px 0; }
.p04-log p { border-bottom:1px solid #43543e; padding:12px 0; line-height:1.7; }
.p04-log b { color:#d9c18b; }
.p04-transition { position:fixed; inset:0; z-index:999; background:#101e1a; display:grid; place-items:center; text-align:center; color:#e0c28a; padding:30px; pointer-events:all; }
.p04-transition.hidden { display:none; }
.p04-transition small { letter-spacing:.35em; font-size:12px; color:#9daa97; }
.p04-transition h2 { font-size:clamp(24px,4vw,40px); font-weight:normal; margin:22px; }
.p04-transition p { color:#b5bead; font-size:14px; }
.p04-travelling #modalOverlay { pointer-events:none; }
.p04-tracked { background:#13281ee8; border-left:2px solid #b59b65; padding:5px 12px; max-width:260px; font-size:12px; color:#bfcdba; }
.p04-tracked p { margin:6px 0; line-height:1.45; }
.p04-tracked b { color:#dcc68f; }
@media(max-width:600px){.p04-cards{grid-template-columns:1fr}.p04-slot-grid{grid-template-columns:1fr}.p04-tracked{max-width:210px;font-size:11px}}