.infinity-guide-page {
    color: #f7f5ff;
}

.gym-guide-wrap {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 88px 0 64px;
}

.gym-guide-hero {
    min-height: 570px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.gym-guide-logo img {
    display: block;
    width: min(500px, 78vw);
    height: auto;
    margin: 0 auto -32px;
    filter: drop-shadow(0 16px 32px rgba(18, 5, 58, .85));
}

.gym-guide-hero-card,
.gym-guide-panel,
.gym-location-card,
.gym-guide-cta {
    border: 1px solid rgba(172, 138, 255, .38);
    background: linear-gradient(145deg, rgba(12, 18, 46, .91), rgba(34, 18, 69, .84));
    box-shadow: 0 24px 70px rgba(5, 2, 22, .46), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.gym-guide-hero-card {
    position: relative;
    width: min(920px, 100%);
    padding: 52px 48px 34px;
    border-radius: 28px;
    text-align: center;
    overflow: hidden;
}

.gym-guide-hero-card::before {
    content: "";
    position: absolute;
    inset: -180px auto auto 50%;
    width: 560px;
    height: 330px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(125, 71, 255, .42), transparent 68%);
    pointer-events: none;
}

.gym-ticket {
    position: absolute;
    top: 22px;
    right: 26px;
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 190px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 214, 92, .7);
    border-radius: 13px;
    color: #fff1a3;
    background: linear-gradient(135deg, rgba(89, 41, 168, .96), rgba(24, 19, 62, .96));
    box-shadow: 0 0 24px rgba(132, 70, 255, .44), inset 0 0 18px rgba(255, 211, 79, .1);
    transform: rotate(2deg);
}

.gym-ticket-mark {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #5a2a9d;
    background: linear-gradient(145deg, #fff6a4, #ffb52b);
}

.gym-ticket-copy { text-align: left; line-height: 1; }
.gym-ticket-copy b { display: block; font-size: 15px; letter-spacing: .12em; }
.gym-ticket-copy small { display: block; margin-top: 5px; font-size: 8px; letter-spacing: .08em; color: #d9c8ff; }
.gym-ticket-no { margin-left: auto; font-size: 10px; color: #b6a3dc; }

.gym-guide-kicker {
    position: relative;
    margin: 0 0 4px;
    color: #ffc94f;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.gym-guide-hero h1 {
    position: relative;
    margin: 0;
    font-size: clamp(30px, 5vw, 52px);
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 0 24px rgba(159, 112, 255, .55);
}

.gym-guide-lead {
    position: relative;
    max-width: 720px;
    margin: 14px auto 26px;
    color: #d7d2e8;
    font-size: 17px;
    line-height: 1.75;
}

.gym-guide-stats {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.gym-guide-stats > div {
    padding: 15px 8px;
    border: 1px solid rgba(155, 125, 238, .34);
    border-radius: 15px;
    background: rgba(5, 12, 37, .5);
}

.gym-guide-stats strong,
.gym-guide-stats span { display: block; }
.gym-guide-stats strong { color: #ffd25d; font-size: 23px; }
.gym-guide-stats span { margin-top: 3px; color: #c9c0e2; font-size: 12px; }

.gym-guide-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0;
    padding: 12px 18px;
    border: 1px solid rgba(172, 138, 255, .25);
    border-radius: 14px;
    color: #bfb5d9;
    background: rgba(8, 14, 38, .73);
}

.gym-guide-breadcrumb a { color: #ffd25d; }
.gym-guide-breadcrumb a:hover { color: #fff3bd; }

.gym-guide-panel {
    margin-top: 18px;
    padding: 32px;
    border-radius: 24px;
}

.gym-guide-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.gym-guide-heading-icon {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    color: #321363;
    font-size: 21px;
    background: linear-gradient(145deg, #ffe784, #ffb42e);
    box-shadow: 0 8px 24px rgba(255, 179, 44, .22);
}

.gym-guide-heading p,
.gym-guide-heading h2 { margin: 0; }
.gym-guide-heading p { color: #bba9e9; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.gym-guide-heading h2 { margin-top: 3px; color: #fff; font-size: clamp(21px, 3vw, 30px); }

.gym-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.gym-step-card {
    position: relative;
    min-height: 300px;
    padding: 25px 22px 22px;
    border: 1px solid rgba(148, 116, 230, .32);
    border-radius: 19px;
    background: linear-gradient(155deg, rgba(20, 31, 68, .85), rgba(21, 15, 49, .82));
    overflow: hidden;
}

.gym-step-number {
    position: absolute;
    top: 9px;
    right: 14px;
    color: rgba(199, 181, 255, .13);
    font-size: 58px;
    font-weight: 900;
    line-height: 1;
}

.gym-step-icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border-radius: 18px;
    color: #fff;
    font-size: 23px;
}

.gym-step-icon.cash { background: linear-gradient(145deg, #8051ee, #c553c9); }
.gym-step-icon.map { background: linear-gradient(145deg, #2da6e7, #4b66d8); }
.gym-step-icon.train { background: linear-gradient(145deg, #ffbd3c, #e66b38); }
.gym-step-card h3 { margin: 0 0 10px; color: #fff; font-size: 21px; }
.gym-step-card p { margin: 0; color: #d3cee3; font-size: 14px; line-height: 1.75; }
.gym-step-card p b { color: #ffe078; }
.gym-step-note,
.gym-coordinate {
    margin-top: 16px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #cfc4ef;
    font-size: 12px;
    background: rgba(7, 12, 33, .65);
}
.gym-step-note i,
.gym-coordinate i { margin-right: 5px; color: #ffd35d; }
.gym-coordinate { color: #fff; font-size: 14px; font-weight: 800; }

.gym-location-grid { margin-top: 18px; }
.gym-location-card {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 28px;
    padding: 32px;
    border-radius: 24px;
}

.gym-location-copy h2 { margin: 3px 0 12px; color: #fff; font-size: 29px; }
.gym-location-copy > p:not(.gym-guide-kicker) { color: #d4cee5; font-size: 15px; line-height: 1.75; }
.gym-location-copy ul { margin: 22px 0 0; padding: 0; list-style: none; }
.gym-location-copy li { display: flex; align-items: center; gap: 10px; margin: 8px 0; color: #d9d4e7; }
.gym-location-copy li i { width: 28px; color: #ffd35d; text-align: center; }

.payon-map {
    position: relative;
    min-height: 310px;
    border: 2px solid rgba(255, 217, 102, .58);
    border-radius: 21px;
    background:
        radial-gradient(circle at 18% 20%, #6c9f5f 0 5%, transparent 5.5%),
        radial-gradient(circle at 81% 76%, #56884e 0 6%, transparent 6.5%),
        linear-gradient(145deg, rgba(91, 137, 84, .98), rgba(45, 86, 65, .98));
    box-shadow: inset 0 0 45px rgba(15, 34, 29, .58);
    overflow: hidden;
}

.payon-map-title { position: absolute; top: 17px; left: 18px; color: rgba(255,255,255,.62); font-weight: 900; letter-spacing: .18em; }
.payon-road { position: absolute; display: block; background: #c9b47e; box-shadow: inset 0 0 15px rgba(84, 57, 28, .25); }
.road-one { top: -15%; left: 43%; width: 70px; height: 135%; transform: rotate(8deg); }
.road-two { top: 53%; left: -10%; width: 120%; height: 62px; transform: rotate(-8deg); }
.payon-tree { position: absolute; width: 42px; height: 42px; border-radius: 50%; background: #274e34; box-shadow: 13px 6px 0 #315d38, -8px 9px 0 #376944; }
.tree-one { top: 64px; left: 42px; }
.tree-two { right: 42px; bottom: 38px; }
.tree-three { top: 48px; right: 72px; }
.payon-kafra { position: absolute; top: 79px; left: calc(50% + 22px); padding: 7px 9px; border-radius: 7px; color: #4d3217; font-size: 11px; font-weight: 800; background: #f1d595; }
.payon-pin {
    position: absolute;
    top: 49%;
    left: 57%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-shadow: 0 2px 6px #1b082c;
    transform: translate(-50%, -50%);
}
.payon-pin i { color: #ffcf4e; font-size: 48px; filter: drop-shadow(0 0 10px rgba(255, 103, 240, .8)); }
.payon-pin b { margin-top: -5px; font-size: 15px; }
.payon-pin small { color: #fff3ae; }
.payon-map-note { position: absolute; right: 12px; bottom: 9px; color: rgba(255,255,255,.62); font-size: 9px; }

.gym-result-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.gym-result-formula,
.gym-result-levels { padding: 22px; border: 1px solid rgba(148, 116, 230, .28); border-radius: 17px; background: rgba(6, 12, 35, .58); }
.gym-result-formula span { display: block; color: #bba9e9; font-size: 12px; font-weight: 700; }
.gym-result-formula strong { display: block; margin: 8px 0; color: #ffe074; font-size: clamp(18px, 2.5vw, 25px); }
.gym-result-formula p { margin: 0; color: #d5d0e4; }
.gym-result-levels { display: grid; gap: 8px; }
.gym-result-levels div { display: flex; justify-content: space-between; padding: 9px 12px; border-radius: 10px; color: #cbc4df; background: rgba(101, 64, 173, .16); }
.gym-result-levels b { color: #ffd35d; }
.gym-doram-tip { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 15px 18px; border-radius: 15px; color: #ddd7ec; background: linear-gradient(90deg, rgba(117, 73, 210, .22), rgba(54, 35, 98, .2)); }
.gym-doram-tip p { margin: 0; line-height: 1.65; }
.gym-doram-face { font-size: 28px; }

.gym-warning-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.gym-warning-grid > div { position: relative; padding: 18px 18px 18px 58px; border: 1px solid rgba(157, 119, 232, .26); border-radius: 15px; background: rgba(6, 12, 35, .5); }
.gym-warning-grid i { position: absolute; top: 20px; left: 19px; color: #ffd25d; font-size: 23px; }
.gym-warning-grid h3 { margin: 0 0 5px; color: #fff; font-size: 16px; }
.gym-warning-grid p { margin: 0; color: #cfc9dd; font-size: 13px; line-height: 1.65; }

.gym-guide-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 18px;
    padding: 26px 30px;
    border-radius: 22px;
}
.gym-guide-cta p,
.gym-guide-cta h2 { margin: 0; }
.gym-guide-cta p { color: #c4b8df; font-size: 12px; }
.gym-guide-cta h2 { margin-top: 4px; color: #fff; font-size: 24px; }
.gym-guide-cta a { flex: 0 0 auto; padding: 14px 24px; border-radius: 13px; color: #211140; font-size: 15px; font-weight: 900; background: linear-gradient(135deg, #ffe474, #f1a837); box-shadow: 0 10px 28px rgba(255, 183, 51, .25); }
.gym-guide-cta a:hover { color: #211140; transform: translateY(-1px); }
.gym-guide-cta a i { margin-right: 7px; }

@media (max-width: 900px) {
    .gym-guide-wrap { padding-top: 52px; }
    .gym-guide-hero { min-height: 0; }
    .gym-guide-hero-card { padding: 78px 25px 28px; }
    .gym-ticket { top: 18px; right: 50%; transform: translateX(50%); }
    .gym-steps { grid-template-columns: 1fr; }
    .gym-step-card { min-height: 0; }
    .gym-location-card,
    .gym-result-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .gym-guide-wrap { width: min(100% - 20px, 1180px); padding: 34px 0 40px; }
    .gym-guide-logo img { margin-bottom: -18px; }
    .gym-guide-hero-card { padding: 74px 17px 22px; border-radius: 20px; }
    .gym-guide-lead { font-size: 14px; }
    .gym-guide-stats { grid-template-columns: repeat(2, 1fr); }
    .gym-guide-panel,
    .gym-location-card { padding: 20px 15px; border-radius: 19px; }
    .gym-guide-heading { align-items: flex-start; }
    .gym-location-copy h2 { font-size: 23px; }
    .payon-map { min-height: 270px; }
    .gym-warning-grid { grid-template-columns: 1fr; }
    .gym-guide-cta { flex-direction: column; align-items: stretch; padding: 22px 18px; text-align: center; }
    .gym-guide-cta a { text-align: center; }
}

/* IGT beginner guide ----------------------------------------------------- */
.igt-guide-page {
    min-height: 100vh;
    color: #f6f3ff;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}

.igt-guide-wrap {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 84px 0 56px;
}

.igt-guide-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 10px 15px;
    border: 1px solid rgba(151, 122, 255, .3);
    border-radius: 13px;
    color: #c9c0e0;
    font-size: 13px;
    background: rgba(5, 12, 35, .79);
    backdrop-filter: blur(12px);
}

.igt-guide-breadcrumb a { color: #ffe174; }
.igt-guide-breadcrumb a:hover { color: #fff6c9; }

.igt-guide-hero,
.igt-guide-panel,
.igt-guide-summary article,
.igt-security-note,
.igt-guide-cta {
    border: 1px solid rgba(140, 111, 244, .38);
    background: linear-gradient(145deg, rgba(7, 18, 48, .95), rgba(30, 20, 70, .91));
    box-shadow: 0 24px 60px rgba(2, 4, 22, .42), inset 0 1px 0 rgba(255, 255, 255, .07);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.igt-guide-hero {
    position: relative;
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    align-items: center;
    gap: 28px;
    min-height: 320px;
    padding: 34px 46px;
    border-color: rgba(255, 210, 82, .52);
    border-radius: 28px;
    overflow: hidden;
}

.igt-guide-hero::before {
    content: "";
    position: absolute;
    inset: -55% -5% auto auto;
    width: 620px;
    height: 440px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(126, 57, 255, .32), transparent 69%);
    pointer-events: none;
}

.igt-guide-coin {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 200px;
    height: 200px;
}

.igt-guide-coin img {
    position: relative;
    z-index: 2;
    width: 178px;
    height: 178px;
    object-fit: contain;
    filter: drop-shadow(0 18px 24px rgba(10, 2, 38, .68));
    animation: igtCoinFloat 4.2s ease-in-out infinite;
}

.igt-guide-coin-glow {
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(179, 102, 255, .58), rgba(75, 40, 194, .18) 52%, transparent 70%);
    box-shadow: 0 0 72px rgba(126, 68, 255, .65);
}

@keyframes igtCoinFloat {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-8px) rotate(1deg); }
}

.igt-guide-hero-copy { position: relative; z-index: 1; }
.igt-guide-kicker { margin: 0 0 7px; color: #ffd661; font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.igt-guide-hero h1 { margin: 0; color: #fff; font-size: clamp(31px, 4.4vw, 52px); line-height: 1.16; text-shadow: 0 0 26px rgba(165, 105, 255, .48); }
.igt-guide-hero-copy > p:not(.igt-guide-kicker) { max-width: 720px; margin: 13px 0 20px; color: #d8d3e8; font-size: 16px; line-height: 1.7; }
.igt-testnet-badge { position: absolute; z-index: 2; top: 20px; right: 22px; padding: 8px 13px; border: 1px solid rgba(255, 215, 91, .6); border-radius: 999px; color: #ffe681; font-size: 11px; font-weight: 900; letter-spacing: .08em; background: rgba(69, 40, 119, .72); }
.igt-testnet-badge i { margin-right: 5px; }

.igt-guide-actions,
.igt-step-links { display: flex; flex-wrap: wrap; gap: 9px; }
.igt-guide-btn,
.igt-step-links a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 11px; font-weight: 800; transition: .18s ease; }
.igt-guide-btn { padding: 12px 18px; font-size: 14px; }
.igt-guide-btn.primary { color: #261044; background: linear-gradient(135deg, #ffe06d, #ffad35); box-shadow: 0 9px 24px rgba(255, 182, 50, .22); }
.igt-guide-btn.secondary { border: 1px solid rgba(158, 127, 255, .58); color: #f5efff; background: rgba(103, 65, 195, .3); }
.igt-guide-btn:hover,
.igt-step-links a:hover { transform: translateY(-1px); }
.igt-guide-btn.primary:hover { color: #261044; }
.igt-guide-btn.secondary:hover { color: #fff; border-color: #d2bbff; }

.igt-guide-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 14px;
}

.igt-guide-summary article { position: relative; min-height: 134px; padding: 20px 16px 17px 54px; border-radius: 17px; }
.igt-guide-summary i { position: absolute; top: 21px; left: 18px; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; color: #35135d; background: linear-gradient(145deg, #ffe57b, #ffb13c); }
.igt-guide-summary span,
.igt-guide-summary strong,
.igt-guide-summary small { display: block; }
.igt-guide-summary span { color: #ada5c9; font-size: 11px; }
.igt-guide-summary strong { margin-top: 5px; color: #ffe371; font-size: 19px; line-height: 1.2; }
.igt-guide-summary small { margin-top: 7px; color: #cfc9df; font-size: 11px; line-height: 1.4; }

.igt-guide-panel { margin-top: 16px; padding: 30px; border-radius: 23px; }
.igt-guide-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; }
.igt-guide-heading > span { display: grid; place-items: center; flex: 0 0 45px; width: 45px; height: 45px; border-radius: 14px; color: #321056; font-size: 20px; background: linear-gradient(145deg, #ffe377, #f5a93a); }
.igt-guide-heading p,
.igt-guide-heading h2 { margin: 0; }
.igt-guide-heading p { color: #bbaee0; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.igt-guide-heading h2 { margin-top: 3px; color: #fff; font-size: clamp(22px, 3vw, 30px); }

.igt-guide-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.igt-guide-step { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 14px; min-height: 214px; padding: 22px 20px; border: 1px solid rgba(139, 112, 226, .3); border-radius: 18px; background: linear-gradient(150deg, rgba(17, 31, 70, .87), rgba(19, 15, 48, .84)); overflow: hidden; }
.igt-guide-step.featured { border-color: rgba(255, 203, 70, .56); box-shadow: inset 0 0 35px rgba(118, 58, 217, .16); }
.igt-step-no { position: absolute; top: 7px; right: 11px; color: rgba(207, 189, 255, .11); font-size: 52px; font-weight: 900; line-height: 1; }
.igt-step-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 45px; height: 45px; border-radius: 14px; color: #fff; font-size: 18px; background: linear-gradient(145deg, #7348db, #2e88d8); box-shadow: 0 8px 20px rgba(56, 56, 150, .25); }
.igt-guide-step h3 { position: relative; z-index: 1; margin: 1px 0 7px; color: #fff; font-size: 18px; }
.igt-guide-step p { position: relative; z-index: 1; margin: 0; color: #d0cada; font-size: 13px; line-height: 1.68; }
.igt-guide-step p b { color: #ffe073; }
.igt-step-links { position: relative; z-index: 1; margin-top: 13px; }
.igt-step-links a { padding: 8px 11px; border: 1px solid rgba(147, 114, 237, .47); color: #efe7ff; font-size: 11px; background: rgba(91, 57, 169, .25); }
.igt-step-links a:hover { color: #fff; border-color: #d3c0ff; }
.igt-example { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; padding: 9px 11px; border-radius: 11px; color: #dfd7ec; font-size: 12px; background: rgba(5, 11, 33, .62); }
.igt-example span { color: #aaa0c5; }
.igt-example b { color: #dcbcff; }
.igt-example i { color: #ffd960; }
.igt-example strong { color: #ffe473; }

.igt-currency-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.igt-currency-grid article { padding: 19px 16px; border: 1px solid rgba(143, 115, 228, .29); border-radius: 16px; text-align: center; background: rgba(5, 13, 37, .57); }
.igt-currency-symbol { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 12px; border-radius: 50%; font-size: 14px; font-weight: 900; }
.igt-currency-symbol.gas { color: #4d3211; background: linear-gradient(145deg, #fff2a1, #f1ba36); }
.igt-currency-symbol.token { background: rgba(91, 50, 180, .35); box-shadow: 0 0 22px rgba(132, 76, 255, .32); }
.igt-currency-symbol.token img { width: 58px; height: 58px; object-fit: contain; }
.igt-currency-symbol.cash { color: #fff; font-size: 22px; background: linear-gradient(145deg, #9359ed, #3f83d9); }
.igt-currency-symbol.zeny { color: #492808; font-size: 23px; background: linear-gradient(145deg, #ffd75d, #ec8d27); }
.igt-currency-grid h3 { margin: 0 0 7px; color: #ffe374; font-size: 17px; }
.igt-currency-grid p { margin: 0; color: #cfc8de; font-size: 12px; line-height: 1.6; }

.igt-reverse-panel { display: grid; grid-template-columns: 1.4fr .6fr; align-items: center; gap: 24px; }
.igt-reverse-copy h2 { margin: 0 0 9px; color: #fff; font-size: 28px; }
.igt-reverse-copy > p:not(.igt-guide-kicker) { color: #d2cbdf; line-height: 1.7; }
.igt-reverse-copy p b { color: #ffe16a; }
.igt-reverse-copy ol { margin: 15px 0 0; padding-left: 21px; color: #d7d0e3; }
.igt-reverse-copy li { margin: 7px 0; }
.igt-reverse-rate { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; padding: 22px; border: 1px solid rgba(255, 213, 85, .45); border-radius: 18px; text-align: center; background: linear-gradient(145deg, rgba(78, 41, 153, .63), rgba(22, 26, 66, .82)); }
.igt-reverse-rate > span { grid-column: 1 / -1; color: #c9bfe0; font-size: 11px; }
.igt-reverse-rate > div { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.igt-reverse-rate strong { color: #ffe26d; font-size: 34px; line-height: 1; }
.igt-reverse-rate b { color: #fff; font-size: 11px; }
.igt-reverse-rate i { color: #d1a9ff; font-size: 20px; }

.igt-help-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.igt-help-grid details { border: 1px solid rgba(142, 113, 227, .28); border-radius: 13px; background: rgba(5, 13, 37, .56); overflow: hidden; }
.igt-help-grid summary { position: relative; padding: 14px 42px 14px 16px; color: #fff; font-size: 14px; font-weight: 800; cursor: pointer; list-style: none; }
.igt-help-grid summary::-webkit-details-marker { display: none; }
.igt-help-grid summary::after { content: "+"; position: absolute; top: 10px; right: 15px; color: #ffd966; font-size: 22px; }
.igt-help-grid details[open] summary::after { content: "−"; }
.igt-help-grid details[open] summary { border-bottom: 1px solid rgba(142, 113, 227, .2); color: #ffe379; }
.igt-help-grid details p { margin: 0; padding: 13px 16px 15px; color: #cec7dc; font-size: 12px; line-height: 1.65; }

.igt-security-note { display: flex; align-items: flex-start; gap: 18px; margin-top: 16px; padding: 24px 26px; border-color: rgba(74, 208, 180, .55); border-radius: 20px; background: linear-gradient(140deg, rgba(7, 53, 63, .94), rgba(23, 23, 63, .91)); }
.igt-security-note > i { flex: 0 0 auto; color: #69e4c5; font-size: 37px; }
.igt-security-note h2 { margin: 0 0 6px; color: #fff; font-size: 20px; }
.igt-security-note p { margin: 0; color: #d4e5e3; font-size: 13px; line-height: 1.7; }
.igt-security-note b { color: #fff0a7; }

.igt-guide-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; padding: 24px 28px; border-radius: 21px; }
.igt-guide-cta p,
.igt-guide-cta h2 { margin: 0; }
.igt-guide-cta p { color: #bdb4d5; font-size: 11px; }
.igt-guide-cta h2 { margin-top: 3px; color: #fff; font-size: 22px; }
.igt-guide-cta > div:last-child { display: flex; flex-wrap: wrap; gap: 9px; }
.igt-guide-cta a { display: inline-flex; align-items: center; gap: 7px; padding: 11px 16px; border: 1px solid rgba(255, 216, 94, .52); border-radius: 11px; color: #2b1544; font-size: 13px; font-weight: 900; background: linear-gradient(135deg, #ffe275, #f2ad38); }
.igt-guide-cta a:last-child { color: #fff; border-color: rgba(155, 124, 244, .52); background: rgba(95, 58, 181, .36); }
.igt-guide-cta a:hover { color: #2b1544; transform: translateY(-1px); }
.igt-guide-cta a:last-child:hover { color: #fff; }

@media (prefers-reduced-motion: reduce) {
    .igt-guide-coin img { animation: none; }
}

@media (max-width: 920px) {
    .igt-guide-hero { grid-template-columns: 150px minmax(0, 1fr); padding: 36px 28px; }
    .igt-guide-coin { width: 145px; height: 145px; }
    .igt-guide-coin img { width: 132px; height: 132px; }
    .igt-guide-summary,
    .igt-currency-grid { grid-template-columns: repeat(2, 1fr); }
    .igt-reverse-panel { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .igt-guide-wrap { width: min(100% - 18px, 1180px); padding: 64px 0 38px; }
    .igt-guide-hero { grid-template-columns: 1fr; gap: 4px; padding: 48px 20px 26px; text-align: center; }
    .igt-guide-coin { width: 128px; height: 128px; margin: 0 auto; }
    .igt-guide-coin img { width: 118px; height: 118px; }
    .igt-guide-hero-copy > p:not(.igt-guide-kicker) { margin-left: auto; margin-right: auto; font-size: 14px; }
    .igt-guide-actions { justify-content: center; }
    .igt-testnet-badge { top: 13px; right: 13px; }
    .igt-guide-steps,
    .igt-help-grid { grid-template-columns: 1fr; }
    .igt-guide-step { min-height: 0; }
    .igt-guide-panel { padding: 22px 16px; }
    .igt-guide-cta { flex-direction: column; align-items: stretch; text-align: center; }
    .igt-guide-cta > div:last-child { justify-content: center; }
}

@media (max-width: 480px) {
    .igt-guide-wrap { padding-top: 54px; }
    .igt-guide-breadcrumb { font-size: 11px; }
    .igt-guide-hero h1 { font-size: 30px; }
    .igt-guide-summary { grid-template-columns: 1fr 1fr; gap: 8px; }
    .igt-guide-summary article { min-height: 124px; padding: 16px 10px 14px; text-align: center; }
    .igt-guide-summary i { position: static; margin: 0 auto 8px; }
    .igt-guide-summary strong { font-size: 16px; }
    .igt-guide-summary small { font-size: 9px; }
    .igt-guide-step { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; padding: 18px 14px; }
    .igt-step-icon { width: 39px; height: 39px; border-radius: 12px; }
    .igt-guide-step h3 { font-size: 16px; }
    .igt-currency-grid { grid-template-columns: 1fr; }
    .igt-security-note { padding: 20px 17px; }
    .igt-guide-cta > div:last-child { flex-direction: column; }
    .igt-guide-cta a { justify-content: center; }
}

/* Returning-player handbook ------------------------------------------------ */
.returning-guide-wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 82px 0 64px; }
.returning-hero, .returning-panel, .returning-cta { border: 1px solid rgba(165,134,255,.38); background: linear-gradient(145deg, rgba(7,17,44,.94), rgba(35,18,73,.9)); box-shadow: 0 24px 70px rgba(4,2,19,.48), inset 0 1px 0 rgba(255,255,255,.07); backdrop-filter: blur(12px); }
.returning-hero { position: relative; display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 28px; min-height: 390px; padding: 64px 62px 92px; border-radius: 30px; overflow: hidden; }
.returning-hero::before { content:""; position:absolute; inset:-160px -100px auto auto; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(129,67,255,.48),transparent 68%); }
.returning-hero-mark { position:relative; z-index:1; display:grid; place-items:center; width:126px; height:126px; border:1px solid rgba(255,219,92,.76); border-radius:50%; color:#ffe06c; font-size:52px; background:radial-gradient(circle at 35% 30%,#8c5bea,#341164 64%,#11072d); box-shadow:0 0 48px rgba(130,70,255,.55), inset 0 0 28px rgba(255,222,93,.18); }
.returning-hero-copy { position:relative; z-index:1; }
.returning-kicker { margin:0 0 8px; color:#ffd85d; font-size:12px; font-weight:900; letter-spacing:.15em; }
.returning-hero h1 { margin:0; color:#fff; font-size:clamp(32px,4.4vw,54px); line-height:1.14; text-shadow:0 0 28px rgba(170,112,255,.48); }
.returning-hero-copy>p:not(.returning-kicker) { max-width:760px; margin:16px 0 22px; color:#d9d3e8; font-size:16px; line-height:1.75; }
.returning-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.returning-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border:1px solid rgba(164,133,255,.55); border-radius:12px; color:#fff; font-weight:800; background:rgba(96,61,179,.34); }
.returning-btn.primary { color:#27123f; border-color:#ffd65b; background:linear-gradient(135deg,#ffe67c,#f1a83c); }
.returning-btn:hover { color:#fff; transform:translateY(-1px); }
.returning-btn.primary:hover { color:#27123f; }
.returning-hero-route { position:absolute; z-index:1; right:40px; bottom:27px; left:40px; display:flex; align-items:center; justify-content:center; gap:12px; padding:11px 15px; border:1px solid rgba(155,124,240,.3); border-radius:15px; color:#cfc6e3; background:rgba(4,10,31,.67); }
.returning-hero-route span { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:700; }
.returning-hero-route b { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#28103e; background:linear-gradient(145deg,#ffe372,#f0aa39); }
.returning-hero-route>i { color:#8b76c7; }
.returning-breadcrumb { display:flex; align-items:center; gap:9px; margin:16px 0; padding:11px 16px; border:1px solid rgba(160,130,239,.25); border-radius:13px; color:#bdb4d2; background:rgba(7,14,38,.76); }
.returning-breadcrumb a { color:#ffd75e; }
.returning-panel { margin-top:16px; padding:30px; border-radius:23px; }
.returning-heading { display:flex; align-items:center; gap:13px; margin-bottom:22px; }
.returning-heading>span { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:14px; color:#341451; font-size:20px; background:linear-gradient(145deg,#ffe474,#efa43b); }
.returning-heading p,.returning-heading h2 { margin:0; }
.returning-heading p { color:#b9aed5; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.returning-heading h2 { margin-top:3px; color:#fff; font-size:clamp(22px,3vw,30px); }
.returning-step-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.returning-step-grid article { position:relative; min-height:225px; padding:22px 17px; border:1px solid rgba(142,113,227,.3); border-radius:17px; background:rgba(4,13,39,.62); overflow:hidden; }
.returning-step-grid article>b { position:absolute; top:7px; right:11px; color:rgba(210,195,255,.12); font-size:48px; }
.returning-step-grid article>i { display:grid; place-items:center; width:43px; height:43px; border-radius:13px; color:#fff; font-size:18px; background:linear-gradient(145deg,#7042d4,#2788d2); }
.returning-step-grid h3 { margin:15px 0 8px; color:#ffe16d; font-size:17px; }
.returning-step-grid p,.returning-build-grid p,.returning-term-grid p { margin:0; color:#cdc7dc; font-size:12px; line-height:1.68; }
.returning-build-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.returning-build-grid article { padding:20px 15px; border:1px solid rgba(139,111,220,.29); border-radius:16px; text-align:center; background:linear-gradient(160deg,rgba(11,23,58,.82),rgba(29,18,59,.72)); }
.returning-build-grid i { display:grid; place-items:center; width:51px; height:51px; margin:0 auto 12px; border-radius:50%; color:#fff; font-size:20px; background:linear-gradient(145deg,#7545d8,#2c88d4); box-shadow:0 0 24px rgba(110,68,218,.3); }
.returning-build-grid article.magic i { background:linear-gradient(145deg,#9c51e3,#5345c7); }
.returning-build-grid article.support i { background:linear-gradient(145deg,#ff6899,#a33c9c); }
.returning-build-grid article.tank i { background:linear-gradient(145deg,#e2a637,#a86a29); }
.returning-build-grid h3 { margin:0 0 8px; color:#fff; font-size:15px; }
.returning-equipment-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; }
.returning-equipment-flow>div { min-height:135px; padding:17px 12px; border:1px solid rgba(145,116,225,.29); border-radius:15px; text-align:center; background:rgba(4,13,38,.59); }
.returning-equipment-flow b { display:grid; place-items:center; width:29px; height:29px; margin:0 auto 10px; border-radius:50%; color:#2a1243; background:linear-gradient(145deg,#ffe477,#efaa39); }
.returning-equipment-flow strong,.returning-equipment-flow span { display:block; }
.returning-equipment-flow strong { color:#fff; font-size:14px; }
.returning-equipment-flow span { margin-top:7px; color:#bfb8d0; font-size:10px; line-height:1.45; }
.returning-equipment-flow>i { color:#9c80e7; }
.returning-forge-card { display:flex; align-items:center; gap:17px; margin-top:16px; padding:20px; border:1px solid rgba(255,210,81,.43); border-radius:17px; background:linear-gradient(135deg,rgba(79,47,147,.55),rgba(12,25,57,.7)); }
.returning-forge-card>i { display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; border-radius:17px; color:#3a174f; font-size:23px; background:linear-gradient(145deg,#ffe77e,#e99930); }
.returning-forge-card h3 { margin:0 0 5px; color:#ffe372; }
.returning-forge-card p { margin:0; color:#d5cee1; line-height:1.65; }
.returning-term-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.returning-term-grid article { padding:16px; border-left:3px solid #9a6bf0; border-radius:4px 13px 13px 4px; background:rgba(5,14,40,.62); }
.returning-term-grid h3 { margin:0 0 6px; color:#ffe273; font-size:15px; }
.returning-npc-table { border:1px solid rgba(141,113,218,.28); border-radius:15px; overflow:hidden; }
.returning-npc-table>div { display:grid; grid-template-columns:105px 1fr 1.2fr; gap:12px; padding:12px 15px; background:rgba(5,14,40,.57); }
.returning-npc-table>div:nth-child(even) { background:rgba(33,28,76,.63); }
.returning-npc-table b { color:#ffe06c; }.returning-npc-table span { color:#fff; font-weight:700; }.returning-npc-table small { color:#bdb5cc; }
.returning-routine ol { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin:0; padding:0; list-style:none; counter-reset:routine; }
.returning-routine li { counter-increment:routine; position:relative; min-height:62px; padding:13px 15px 13px 52px; border:1px solid rgba(142,113,224,.27); border-radius:13px; color:#d2cbdc; background:rgba(5,14,39,.58); }
.returning-routine li::before { content:counter(routine); position:absolute; top:12px; left:14px; display:grid; place-items:center; width:29px; height:29px; border-radius:9px; color:#2c1442; font-weight:900; background:#ffd965; }
.returning-routine a { color:#ffe06a; font-weight:800; }
.returning-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; padding:25px 28px; border-radius:21px; }
.returning-cta p,.returning-cta h2 { margin:0; }.returning-cta p { color:#bdb4d2; font-size:11px; }.returning-cta h2 { margin-top:3px; color:#fff; font-size:22px; }
.returning-cta>div:last-child { display:flex; flex-wrap:wrap; gap:9px; }.returning-cta a { display:inline-flex; align-items:center; gap:7px; padding:11px 15px; border:1px solid rgba(255,216,94,.53); border-radius:11px; color:#2a1441; font-weight:900; background:linear-gradient(135deg,#ffe374,#f0a83a); }
.returning-cta a:last-child { color:#fff; border-color:rgba(155,123,242,.55); background:rgba(94,59,179,.38); }
@media (max-width:960px) { .returning-step-grid { grid-template-columns:repeat(2,1fr); }.returning-build-grid { grid-template-columns:repeat(3,1fr); }.returning-equipment-flow { grid-template-columns:1fr 1fr 1fr; }.returning-equipment-flow>i { display:none; } }
@media (max-width:720px) { .returning-guide-wrap { width:min(100% - 18px,1180px); padding:58px 0 38px; }.returning-hero { grid-template-columns:1fr; gap:15px; min-height:0; padding:45px 20px 105px; text-align:center; }.returning-hero-mark { width:96px; height:96px; margin:0 auto; font-size:39px; }.returning-hero-copy>p:not(.returning-kicker) { font-size:14px; }.returning-hero-actions { justify-content:center; }.returning-hero-route { right:13px; bottom:14px; left:13px; flex-wrap:wrap; gap:7px; }.returning-hero-route>i { display:none; }.returning-panel { padding:22px 15px; }.returning-build-grid { grid-template-columns:repeat(2,1fr); }.returning-term-grid { grid-template-columns:repeat(2,1fr); }.returning-cta { flex-direction:column; text-align:center; }.returning-cta>div:last-child { justify-content:center; } }
@media (max-width:480px) { .returning-step-grid,.returning-build-grid,.returning-term-grid,.returning-routine ol { grid-template-columns:1fr; }.returning-equipment-flow { grid-template-columns:1fr; }.returning-equipment-flow>div { min-height:0; }.returning-npc-table>div { grid-template-columns:85px 1fr; }.returning-npc-table small { grid-column:2; }.returning-hero h1 { font-size:30px; }.returning-hero-route span { font-size:10px; }.returning-cta>div:last-child { flex-direction:column; }.returning-cta a { justify-content:center; } }