/* Games and every existing platform guide. */
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 32px; font-size: 12px; color: var(--muted); }
.breadcrumb>span::before { content: "/"; padding-right: 8px; color: var(--subtle); }
.games-intro { margin-bottom: 32px; max-width: 70ch; }
.game-selection { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.game-select-card { display: flex; flex-direction: column; position: relative; overflow: hidden; min-height: 390px; border: 1px solid #625c75; border-radius: 24px; padding: 24px; color: var(--text); isolation: isolate; transition: border-color .2s, transform .2s; background: #242938; }
.game-select-card::before,.wallpaper-tile::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(180deg,#11152210,#151824 85%),var(--wallpaper); background-size: cover; background-position: center; opacity: .8; transition: transform .3s; }
.game-select-card:hover { transform: translateY(-3px); border-color: var(--accent); text-decoration: none; }
.game-select-card:hover::before { transform: scale(1.025); }
.wallpaper-minecraft { --wallpaper: url('/assets/wallpapers/minecraft-main.png'); }
.wallpaper-palworld { --wallpaper: url('/assets/wallpapers/palworld-main.png'); }
.wallpaper-teamspeak { --wallpaper: url('/assets/wallpapers/teamspeak-main.png'); }
.wallpaper-java { --wallpaper: url('/assets/wallpapers/minecraft-java.png'); }
.wallpaper-bedrock { --wallpaper: url('/assets/wallpapers/minecraft-bedrock.png'); }
.wallpaper-ps5 { --wallpaper: url('/assets/wallpapers/minecraft-ps5.png'); }
.wallpaper-xbox { --wallpaper: url('/assets/wallpapers/minecraft-xbox.png'); }
.wallpaper-switch { --wallpaper: url('/assets/wallpapers/minecraft-switch.png'); }
.game-select-content { margin-top: auto; padding-top: 130px; }
.game-select-content h2 { font-size: 32px; margin-bottom: 8px; }
.game-select-content p { font-size: 12px; color: #d7d8e5; }
.game-select-meta { display: flex; justify-content: space-between; gap: 10px; padding-top: 20px; margin-top: 12px; border-top: 1px solid #8f90ab66; font-size: 12px; }
.game-select-top .status-pill { background: #141923eb; border: 1px solid var(--line); }
.mc-index-v3-hero,.java-v2-hero,.platform-guide-head,.pw-hero,.split-head { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr); gap: 32px; align-items: center; margin-block: 24px 32px; }
.lead { max-width: 65ch; }
.mc-index-v3-data,.java-v2-data,.platform-guide-data,.pw-data,.split-server-box { padding: 24px; border: 1px solid #696078; border-radius: 20px; background: linear-gradient(135deg,#373044c9,#242a38d9); min-width: 0; }
.mc-index-v3-data-row,.java-v2-data-row,.platform-guide-data>div,.pw-data-row { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); padding-block: 12px; font-size: 12px; }
.mc-index-v3-data-row:last-child,.java-v2-data-row:last-child,.platform-guide-data>div:last-child,.pw-data-row:last-child { border: 0; }
.mc-index-v3-data-row>span,.java-v2-data-row>span,.platform-guide-data>div>span,.pw-data-row>span { color: var(--muted); }
.copy-btn { min-height: 36px; padding: 8px 10px; font-size: 11px; }
.mc-group-grid,.pw-overview-grid,.platform-choice-grid,.trouble-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-block: 24px; }
.mc-group-card,.pw-overview-panel,.platform-choice-card,.source-card,.trouble-card,.fact-card { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--glass); min-width: 0; }
.mc-group-head { display: flex; gap: 16px; align-items: center; margin-bottom: 20px; }
.mc-group-head h2 { margin: 0; } .mc-group-head p { margin: 6px 0 0; font-size: 12px; }
.mc-group-icon,.platform-choice-icon,.pw-overview-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: #c6b7ff1a; color: var(--accent); flex-shrink: 0; }
.mc-subcard-grid { display: grid; gap: 12px; }
.mc-subcard,.pw-overview-linkcard,.platform-choice-card { display: flex; gap: 16px; align-items: center; min-height: 100px; border: 1px solid var(--line); border-radius: 14px; padding: 18px; color: var(--text); }
.wallpaper-tile { position: relative; isolation: isolate; overflow: hidden; background: #161b29; }
.wallpaper-tile::before { opacity: .25; }
.mc-subcard-copy,.pw-overview-content { flex: 1; min-width: 0; }
.mc-subcard-copy strong,.mc-subcard-copy span,.platform-choice-card small { display: block; }
.mc-subcard-copy span,.pw-overview-copy,.pw-overview-sub { font-size: 12px; color: var(--muted); }
.mc-subcard-badge,.pw-overview-chip { color: var(--accent); font-size: 10px; }
.mc-bottom-points,.pw-overview-facts { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; font-size: 12px; color: var(--muted); }
.grid-4 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.guide-progress { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 32px; }
.guide-progress a { flex: 1 1 120px; display: flex; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); font-size: 11px; }
.guide-progress b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: #c6b7ff1c; color: var(--accent); flex-shrink: 0; }
.guide-progress a:hover { color: var(--text); border-color: var(--accent); text-decoration: none; }
.visual-guide { display: grid; gap: 24px; }
.visual-step { border: 1px solid var(--line); background: var(--glass); padding: 28px; border-radius: 20px; min-width: 0; }
.visual-step-head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 24px; }
.visual-step-no { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #7f719a; border-radius: 11px; background: #c6b7ff15; color: var(--accent); flex-shrink: 0; }
.visual-step-head p { margin-bottom: 0; max-width: 78ch; }
.visual-step figure { background: #10131c; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; max-width: 100%; }
.visual-step figure img { display: block; width: 100%; max-height: 620px; object-fit: contain; }
.visual-step figcaption { padding: 12px; font-size: 12px; color: var(--muted); }
.split-step { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: 28px; }
.split-step .visual-step-head { margin-bottom: 0; }
.split-step figure img { max-height: 460px; }
.java-v2-note,.note,.callout-big,.success-note { padding: 20px 24px; border: 1px solid #65597a; border-left: 3px solid var(--accent); border-radius: 12px; background: #c6b7ff0c; color: var(--muted); margin-block: 24px; }
.success-note { border-color: #4e7c70; border-left-color: var(--ok); }
.success-note strong { color: var(--ok); }
.tiny { font-size: 12px; } .section-head { margin-block: 32px 20px; } .inline { display: inline-flex; } .spacer-10 { height: 10px; } .spacer-16 { height: 16px; }
.mini-icon { width: 28px; height: 28px; }
@media (max-width:1023px) { .game-selection { grid-template-columns: minmax(0,1fr); } .game-select-card { min-height: 270px; } .game-select-content { padding-top: 50px; } .mc-index-v3-hero,.java-v2-hero,.platform-guide-head,.pw-hero,.split-head { grid-template-columns: minmax(0,1fr); } .grid-4 { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .mc-group-grid,.pw-overview-grid,.platform-choice-grid,.trouble-grid,.split-step { grid-template-columns: minmax(0,1fr); } .visual-step { padding: 20px; } .visual-step-head { gap: 12px; } .visual-step h2 { font-size: 20px; } .grid-4 { grid-template-columns: minmax(0,1fr); } .guide-progress a { flex-basis: 120px; } .game-select-content h1 { font-size: 30px; } }