.joker-visual-guide {
        --joker-visual-card-width: 82px;
        max-width: 720px;
        margin: 0 auto 24px;
        overflow: hidden;
        border: 1px solid rgba(205, 163, 127, 0.55);
        border-radius: 8px;
        background: #17191e url('boardgame/joker/joker background.webp') center top / 100% auto no-repeat;
        color: #f3e9db;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    }
    .joker-visual-header {
        padding: 22px 22px 19px;
        text-align: center;
        background: rgba(12, 15, 20, 0.82);
    }
    .joker-visual-header h3 {
        margin: 0 0 6px;
        color: #f2cfad;
        font-size: 20px;
        line-height: 1.3;
    }
    .joker-visual-header p,
    .joker-visual-step p {
        margin: 0;
        color: #e1d4c5;
        font-size: 13px;
        line-height: 1.6;
        font-weight: 700;
    }
    .joker-visual-step {
        padding: 24px;
        border-top: 1px solid rgba(205, 163, 127, 0.34);
        background: rgba(15, 17, 22, 0.88);
    }
    .joker-visual-step:nth-child(odd) {
        background: rgba(21, 20, 23, 0.9);
    }
    .joker-visual-step-head {
        display: flex;
        align-items: baseline;
        gap: 12px;
        margin-bottom: 16px;
    }
    .joker-visual-step-head span {
        color: #d4a77e;
        font-size: 12px;
        font-weight: 900;
        white-space: nowrap;
    }
    .joker-visual-step-head h4 {
        margin: 0;
        color: #fff0df;
        font-size: 16px;
        line-height: 1.4;
    }
    .joker-visual-flow {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
    }
    .joker-visual-flow-part {
        min-width: 0;
        padding: 13px 10px;
        border-top: 1px solid rgba(205, 163, 127, 0.42);
        border-bottom: 1px solid rgba(205, 163, 127, 0.42);
        text-align: center;
    }
    .joker-visual-flow-part strong,
    .joker-visual-flow-part small {
        display: block;
    }
    .joker-visual-flow-part strong {
        color: #f6d4ae;
        font-size: 15px;
    }
    .joker-visual-flow-part small {
        color: #d7c9bc;
        font-size: 11px;
        font-weight: 800;
    }
    .joker-visual-flow-arrow {
        color: #f1c18d;
        font-size: 24px;
        font-weight: 900;
        text-align: center;
    }
    .joker-visual-card-line {
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-bottom: 14px;
    }
    .joker-visual-card-sample {
        position: relative;
        width: var(--joker-visual-card-width);
        aspect-ratio: 10 / 16;
        flex: 0 0 auto;
        background: url('boardgame/joker/card/royal.webp') center / contain no-repeat;
        text-align: center;
        color: #37243b;
    }
    .joker-visual-card-sample.is-back {
        background-image: url('boardgame/joker/card/back.webp');
    }
    .joker-visual-card-sample .joker-visual-card-type,
    .joker-visual-card-sample .joker-visual-card-code {
        position: absolute;
        left: 13%;
        width: 74%;
        font-size: 10px;
        font-weight: 900;
    }
    .joker-visual-card-type { top: 14%; }
    .joker-visual-card-code { bottom: 18%; }
    .joker-visual-card-sample .joker-visual-card-mark {
        position: absolute;
        inset: 33% 14% 33%;
        display: grid;
        place-items: center;
        color: #5b3f5b;
        font-size: 17px;
        font-weight: 900;
        white-space: nowrap;
    }
    .joker-visual-board {
        display: grid;
        gap: 10px;
        padding: 14px;
        border: 1px solid rgba(209, 177, 148, 0.38);
        border-radius: 8px;
        background: rgba(9, 12, 17, 0.72);
    }
    .joker-visual-board-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--joker-visual-card-width) minmax(0, 1fr);
        align-items: center;
        gap: 12px;
        min-height: 118px;
    }
    .joker-visual-board-side {
        min-width: 0;
        text-align: center;
    }
    .joker-visual-board-side strong,
    .joker-visual-board-side span {
        display: block;
    }
    .joker-visual-board-side strong {
        color: #f5d3b0;
        font-size: 12px;
    }
    .joker-visual-board-side span {
        color: #d9d8d8;
        font-size: 11px;
        font-weight: 800;
    }
    .joker-visual-board-count {
        color: #fff2e4;
        font-size: 11px;
        font-weight: 900;
        text-align: center;
    }
    .joker-visual-board-count b {
        display: block;
        font-size: 28px;
        line-height: 1.2;
    }
    .joker-visual-token-row {
        display: grid;
        grid-template-columns: repeat(9, minmax(0, 1fr));
        gap: 5px;
    }
    .joker-visual-token-row span {
        display: grid;
        place-items: center;
        min-width: 0;
        aspect-ratio: 1;
        border: 1px solid rgba(231, 236, 244, 0.16);
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.11);
        color: #f2f5fa;
        font-size: 13px;
        font-weight: 900;
    }
    .joker-visual-token-row .is-picked {
        border-color: #ffc487;
        background: rgba(255, 153, 79, 0.34);
        color: #fff;
    }
    .joker-visual-result-line {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin: 13px 0;
        color: #fff2e4;
        font-size: 13px;
        font-weight: 900;
        text-align: center;
    }
    .joker-visual-result-line span {
        padding: 6px 9px;
        border-bottom: 2px solid rgba(255, 195, 132, 0.62);
    }
    .joker-visual-call {
        display: grid;
        grid-template-columns: 74px minmax(0, 1fr);
        align-items: center;
        gap: 16px;
        margin-bottom: 14px;
    }
    .joker-visual-call img {
        width: 74px;
        height: 74px;
        object-fit: contain;
        border: 1px solid rgba(205, 163, 127, 0.46);
        border-radius: 8px;
        background: rgba(213, 193, 169, 0.16);
    }
    .joker-visual-call-rules {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding: 12px 0;
        border-top: 1px solid rgba(205, 163, 127, 0.32);
        border-bottom: 1px solid rgba(205, 163, 127, 0.32);
        text-align: center;
    }
    .joker-visual-call-rules strong {
        display: block;
        color: #f1c995;
        font-size: 12px;
    }
    .joker-visual-call-rules span {
        color: #f5efe8;
        font-size: 12px;
        font-weight: 800;
    }
    .joker-visual-outcomes {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .joker-visual-outcomes div {
        padding: 10px 0;
        border-bottom: 2px solid rgba(205, 163, 127, 0.48);
        text-align: center;
    }
    .joker-visual-outcomes strong,
    .joker-visual-outcomes span {
        display: block;
    }
    .joker-visual-outcomes strong {
        color: #f2cd9c;
        font-size: 12px;
    }
    .joker-visual-outcomes span {
        color: #fff;
        font-size: 13px;
        font-weight: 900;
    }
    @media (max-width: 640px) {
        .joker-visual-guide { --joker-visual-card-width: 72px; }
        .joker-visual-header { padding: 19px 14px; }
        .joker-visual-header h3 { font-size: 18px; }
        .joker-visual-step { padding: 18px 14px; }
        .joker-visual-step-head { gap: 8px; }
        .joker-visual-step-head span { font-size: 10px; }
        .joker-visual-step-head h4 { font-size: 14px; }
        .joker-visual-flow { gap: 5px; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr); }
        .joker-visual-flow-part strong { font-size: 13px; }
        .joker-visual-flow-part small { font-size: 10px; }
        .joker-visual-board { padding: 10px; }
        .joker-visual-board-row { gap: 4px; }
        .joker-visual-board-count b { font-size: 22px; }
        .joker-visual-token-row { gap: 3px; }
        .joker-visual-token-row span { font-size: 10px; border-radius: 5px; }
        .joker-visual-result-line { font-size: 11px; gap: 3px; }
        .joker-visual-result-line span { padding: 5px; }
        .joker-visual-call { grid-template-columns: 58px minmax(0, 1fr); gap: 10px; }
        .joker-visual-call img { width: 58px; height: 58px; }
    }

    .kaprekar-simple-guide {
        --kaprekar-simple-card-width: 82px;
        max-width: 700px;
        margin: 0 auto 24px;
        overflow: hidden;
        border: 1px solid rgba(217, 166, 130, 0.56);
        border-radius: 8px;
        background: #17131d url('boardgame/kaprekar/kaprekar background.webp') center top / 100% auto no-repeat;
        color: #f7e9e3;
        box-shadow: 0 16px 34px rgba(12, 8, 20, 0.28);
    }
    .kaprekar-simple-header {
        padding: 22px 18px 18px;
        background: rgba(16, 12, 23, 0.84);
        text-align: center;
    }
    .kaprekar-simple-header h3 {
        margin: 0 0 6px;
        color: #ffd0b5;
        font-size: 20px;
    }
    .kaprekar-simple-header p,
    .kaprekar-simple-step p {
        margin: 0;
        color: #e9d7e5;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.65;
    }
    .kaprekar-simple-step {
        padding: 22px;
        border-top: 1px solid rgba(217, 166, 130, 0.34);
        background: rgba(18, 14, 24, 0.87);
    }
    .kaprekar-simple-step:nth-child(odd) {
        background: rgba(26, 18, 30, 0.9);
    }
    .kaprekar-simple-step-head {
        display: flex;
        align-items: baseline;
        gap: 11px;
        margin-bottom: 14px;
    }
    .kaprekar-simple-step-head span {
        color: #e9ac8c;
        font-size: 11px;
        font-weight: 900;
        white-space: nowrap;
    }
    .kaprekar-simple-step-head h4 {
        margin: 0;
        color: #fff0e7;
        font-size: 16px;
        line-height: 1.4;
    }
    .kaprekar-simple-entry {
        display: grid;
        grid-template-columns: var(--kaprekar-simple-card-width) minmax(0, 1fr);
        align-items: center;
        gap: 20px;
        max-width: 460px;
        margin: 0 auto 14px;
    }
    .kaprekar-simple-card {
        position: relative;
        width: var(--kaprekar-simple-card-width);
        aspect-ratio: 360 / 500;
        flex: 0 0 auto;
        background: url('boardgame/kaprekar/card/kaprekar.webp') center / 100% 100% no-repeat;
        color: #f8d5c4;
        text-align: center;
    }
    .kaprekar-simple-card.is-back {
        background-image: url('boardgame/kaprekar/card/back.webp');
    }
    .kaprekar-simple-card-badge {
        position: absolute;
        top: -7px;
        left: 50%;
        transform: translateX(-50%);
        padding: 2px 7px;
        border: 1px solid rgba(255, 221, 165, 0.72);
        border-radius: 999px;
        background: #57331f;
        color: #ffe4b7;
        font-size: 9px;
        font-weight: 900;
        white-space: nowrap;
    }
    .kaprekar-simple-card-name,
    .kaprekar-simple-card-code {
        position: absolute;
        left: 12%;
        width: 76%;
        font-size: 9px;
        font-weight: 900;
        white-space: nowrap;
    }
    .kaprekar-simple-card-name { top: 10%; }
    .kaprekar-simple-card-code { bottom: 8%; }
    .kaprekar-simple-card-number {
        position: absolute;
        inset: 29% 16% 33%;
        display: grid;
        place-items: center;
        color: #443648;
        font-size: 16px;
        font-weight: 900;
    }
    .kaprekar-simple-entry-copy strong,
    .kaprekar-simple-entry-copy span {
        display: block;
    }
    .kaprekar-simple-entry-copy strong {
        color: #ffd0b5;
        font-size: 16px;
    }
    .kaprekar-simple-entry-copy span {
        margin-top: 5px;
        color: #eee0e9;
        font-size: 12px;
        font-weight: 800;
    }
    .kaprekar-simple-code-map {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin: 0 0 13px;
    }
    .kaprekar-simple-code-map div {
        padding: 8px 4px;
        border-top: 1px solid rgba(217, 166, 130, 0.42);
        border-bottom: 1px solid rgba(217, 166, 130, 0.42);
        text-align: center;
    }
    .kaprekar-simple-code-map strong,
    .kaprekar-simple-code-map code {
        display: block;
    }
    .kaprekar-simple-code-map strong {
        color: #f5c6ab;
        font-size: 11px;
    }
    .kaprekar-simple-code-map code {
        color: #fff5ee;
        font-size: 12px;
        font-weight: 900;
    }
    .kaprekar-simple-formula {
        margin: 0 0 12px;
        padding: 14px 8px;
        border-top: 1px solid rgba(217, 166, 130, 0.42);
        border-bottom: 1px solid rgba(217, 166, 130, 0.42);
        color: #fff1e6;
        font-size: 20px;
        font-weight: 900;
        text-align: center;
    }
    .kaprekar-simple-formula strong { color: #ffbf93; }
    .kaprekar-simple-sequence {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin: 0 0 11px;
        color: #e3c9d6;
        font-size: 12px;
        font-weight: 900;
    }
    .kaprekar-simple-sequence b { color: #ffe0b8; }
    .kaprekar-simple-board {
        padding: 13px;
        border: 1px solid rgba(217, 166, 130, 0.32);
        border-radius: 8px;
        background: rgba(10, 9, 14, 0.64);
        margin-bottom: 13px;
    }
    .kaprekar-simple-board-label {
        margin: 0 0 12px;
        color: #f4c19d;
        font-size: 11px;
        font-weight: 900;
        text-align: center;
    }
    .kaprekar-simple-board-sides {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .kaprekar-simple-board-side {
        display: grid;
        justify-items: center;
        gap: 8px;
        min-width: 0;
    }
    .kaprekar-simple-board-side > strong {
        color: #f8d2b6;
        font-size: 11px;
    }
    .kaprekar-simple-locks {
        display: flex;
        justify-content: center;
        gap: 4px;
    }
    .kaprekar-simple-locks .kaprekar-lock-cell {
        width: 27px;
        height: 29px;
        border-radius: 6px;
        font-size: 13px;
    }
    .kaprekar-simple-actions,
    .kaprekar-simple-outcomes {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 13px;
        text-align: center;
    }
    .kaprekar-simple-actions span {
        padding: 8px;
        border: 1px solid rgba(158, 118, 211, 0.48);
        border-radius: 6px;
        background: rgba(42, 31, 61, 0.85);
        color: #fff;
        font-size: 12px;
        font-weight: 900;
    }
    .kaprekar-simple-actions span:first-child {
        background: rgba(102, 67, 156, 0.85);
    }
    .kaprekar-simple-outcomes div {
        padding: 8px 0;
        border-bottom: 2px solid rgba(217, 166, 130, 0.44);
        color: #f6e7e2;
        font-size: 12px;
        font-weight: 800;
    }
    .kaprekar-simple-outcomes strong {
        display: block;
        color: #ffd0b5;
    }
    @media (max-width: 640px) {
        .kaprekar-simple-guide { --kaprekar-simple-card-width: 72px; }
        .kaprekar-simple-header { padding: 18px 13px; }
        .kaprekar-simple-header h3 { font-size: 18px; }
        .kaprekar-simple-step { padding: 18px 13px; }
        .kaprekar-simple-step-head { gap: 8px; }
        .kaprekar-simple-step-head h4 { font-size: 14px; }
        .kaprekar-simple-entry { gap: 12px; }
        .kaprekar-simple-entry-copy strong { font-size: 14px; }
        .kaprekar-simple-board { padding: 10px 6px; }
        .kaprekar-simple-board-sides { gap: 4px; }
        .kaprekar-simple-locks { gap: 2px; }
        .kaprekar-simple-locks .kaprekar-lock-cell { width: 22px; height: 25px; font-size: 11px; }
        .kaprekar-simple-formula { font-size: 16px; }
    }

    .quinter9-simple-guide {
        max-width: 720px;
        margin: 0 auto 24px;
        overflow: hidden;
        border: 1px solid rgba(149, 190, 144, 0.42);
        border-radius: 8px;
        background: #111719;
        color: #e9f2ed;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    }
    .quinter9-simple-header {
        padding: 22px;
        text-align: center;
        background: #17231f;
    }
    .quinter9-simple-header h3 {
        margin: 0 0 6px;
        color: #a5e2a6;
        font-size: 20px;
    }
    .quinter9-simple-header p,
    .quinter9-simple-step p {
        margin: 0;
        color: #cfdbd3;
        font-size: 13px;
        line-height: 1.65;
        font-weight: 700;
    }
    .quinter9-simple-step {
        padding: 24px;
        border-top: 1px solid rgba(149, 190, 144, 0.3);
        background: #111719;
    }
    .quinter9-simple-step:nth-child(odd) { background: #17201d; }
    .quinter9-simple-step-head {
        display: flex;
        align-items: baseline;
        gap: 12px;
        margin-bottom: 16px;
    }
    .quinter9-simple-step-head span {
        color: #a9d9a0;
        font-size: 12px;
        font-weight: 900;
        white-space: nowrap;
    }
    .quinter9-simple-step-head h4 {
        margin: 0;
        color: #f1f7ec;
        font-size: 16px;
        line-height: 1.4;
    }
    .quinter9-simple-entry {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
        text-align: center;
    }
    .quinter9-simple-entry > div {
        min-width: 0;
        padding: 12px 6px;
        border-top: 1px solid rgba(153, 214, 155, 0.5);
        border-bottom: 1px solid rgba(153, 214, 155, 0.5);
    }
    .quinter9-simple-entry strong,
    .quinter9-simple-entry span:not(.quinter9-simple-entry-arrow) { display: block; }
    .quinter9-simple-entry strong { color: #b9ebb3; font-size: 15px; }
    .quinter9-simple-entry span:not(.quinter9-simple-entry-arrow) { color: #d6e2d3; font-size: 11px; }
    .quinter9-simple-entry-arrow { color: #e8b992; font-size: 22px; }
    .quinter9-simple-attack {
        display: grid;
        grid-template-columns: minmax(105px, 140px) 28px minmax(0, 1fr);
        align-items: center;
        justify-items: center;
        gap: 10px;
        margin-bottom: 14px;
    }
    .quinter9-simple-card-wrap { display: grid; justify-items: center; gap: 7px; min-width: 0; }
    .quinter9-simple-card {
        position: relative;
        width: 126px;
        aspect-ratio: 350 / 500;
        background: url('boardgame/quinter9/card/royal.webp') center / 100% 100% no-repeat;
    }
    .quinter9-simple-card-name,
    .quinter9-simple-card-code {
        position: absolute;
        left: 13%;
        right: 13%;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 3px #1c1423, 0 0 4px #1c1423;
        font-weight: 900;
        line-height: 1.2;
    }
    .quinter9-simple-card-name { top: 9%; font-size: 10px; }
    .quinter9-simple-card-code { bottom: 8%; font-size: 13px; }
    .quinter9-simple-card img {
        position: absolute;
        width: 68%;
        height: 35%;
        left: 16%;
        top: 34%;
        object-fit: contain;
    }
    .quinter9-simple-card-digits { color: #b8e8ac; font-size: 11px; font-weight: 900; text-align: center; }
    .quinter9-simple-attack-arrow,
    .quinter9-simple-control-arrow { color: #e8b992; font-size: 24px; font-weight: 900; }
    .quinter9-simple-board {
        position: relative;
        width: min(100%, 300px);
        aspect-ratio: 876 / 1200;
        background: url('boardgame/quinter9/quinter9 background.webp') center / 100% 100% no-repeat;
    }
    .quinter9-simple-grid {
        position: absolute;
        inset: 16% 12% 26%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(0, 1fr));
        gap: 5%;
    }
    .quinter9-simple-cell {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 0;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #f4f7f4;
        text-shadow: 0 1px 3px #000;
    }
    .quinter9-simple-cell.is-active {
        border-color: #8fe4a0;
        background: rgba(45, 153, 84, 0.34);
    }
    .quinter9-simple-cell.is-owned {
        border-color: #a0f1a5;
        background: rgba(38, 169, 79, 0.53);
    }
    .quinter9-simple-cell strong { font-size: 18px; line-height: 1; }
    .quinter9-simple-cell small { min-height: 15px; color: #d0fbd1; font-size: 10px; font-weight: 900; }
    .quinter9-simple-control { display: grid; gap: 10px; margin-bottom: 14px; }
    .quinter9-simple-control-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px;
        padding: 10px 0;
        border-top: 1px solid rgba(149, 190, 144, 0.32);
    }
    .quinter9-simple-control-row:last-child { border-bottom: 1px solid rgba(149, 190, 144, 0.32); }
    .quinter9-simple-control-label { width: 45px; color: #a9d9a0; font-size: 11px; font-weight: 900; }
    .quinter9-simple-control-row > strong { flex: 1 1 140px; color: #e8d1b8; font-size: 12px; }
    .quinter9-simple-tile {
        display: grid;
        justify-items: center;
        align-content: center;
        width: 68px;
        height: 64px;
        border: 1px solid #84928a;
        border-radius: 4px;
        background: #222a29;
    }
    .quinter9-simple-tile.is-owned { border-color: #94e5a2; background: #24472f; }
    .quinter9-simple-tile.is-com-owned { border-color: #e39191; background: #4a2b2b; }
    .quinter9-simple-tile strong { color: #fff; font-size: 18px; line-height: 1.2; }
    .quinter9-simple-tile span { display: flex; gap: 7px; color: #e0ede3; font-size: 10px; }
    .quinter9-simple-defence { display: grid; justify-items: center; gap: 8px; margin-bottom: 14px; }
    .quinter9-simple-defence .quinter9-simple-board { width: min(100%, 240px); }
    .quinter9-simple-defence-status { color: #e5d1ae; font-size: 12px; font-weight: 900; }
    .quinter9-simple-defence > strong { color: #b8ebac; font-size: 15px; text-align: center; }
    .quinter9-simple-criteria { display: grid; gap: 6px; margin-bottom: 12px; }
    .quinter9-simple-criteria > div {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 8px 0;
        border-bottom: 1px solid rgba(149, 190, 144, 0.25);
        font-size: 11px;
    }
    .quinter9-simple-criteria b { color: #b8ebac; }
    .quinter9-simple-criteria strong { color: #f1f7ec; }
    .quinter9-simple-criteria span { color: #cbd7cf; text-align: right; }
    .quinter9-simple-series {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 14px;
        padding: 10px 12px;
        border-top: 1px solid #a3d7a2;
        border-bottom: 1px solid #a3d7a2;
        color: #d6e5d2;
        font-size: 12px;
    }
    .quinter9-simple-series strong { color: #b8ebac; font-size: 17px; }
    @media (max-width: 640px) {
        .quinter9-simple-header { padding: 18px 13px; }
        .quinter9-simple-header h3 { font-size: 18px; }
        .quinter9-simple-step { padding: 18px 13px; }
        .quinter9-simple-step-head { gap: 8px; }
        .quinter9-simple-step-head h4 { font-size: 14px; }
        .quinter9-simple-attack { grid-template-columns: 1fr; gap: 5px; }
        .quinter9-simple-attack-arrow { transform: rotate(90deg); line-height: 1; }
        .quinter9-simple-card { width: 108px; }
        .quinter9-simple-board { width: min(100%, 275px); }
        .quinter9-simple-entry strong { font-size: 13px; }
        .quinter9-simple-control-row > strong { flex-basis: 100%; }
    }

    .blossom-simple-guide {
        max-width: 720px;
        margin: 0 auto 24px;
        overflow: hidden;
        border: 1px solid rgba(201, 159, 169, 0.46);
        border-radius: 8px;
        background: #1b1c20;
        color: #f4e9ed;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
    }
    .blossom-simple-header {
        padding: 22px;
        text-align: center;
        background: linear-gradient(rgba(22, 19, 25, 0.78), rgba(22, 19, 25, 0.86)),
            url('boardgame/blossom/stage/spring background.webp') center / cover;
    }
    .blossom-simple-header h3 { margin: 0 0 6px; color: #ffd0db; font-size: 20px; }
    .blossom-simple-header p,
    .blossom-simple-step p { margin: 0; color: #e5d9dd; font-size: 13px; line-height: 1.65; font-weight: 700; }
    .blossom-simple-step { padding: 24px; border-top: 1px solid rgba(201, 159, 169, 0.34); background: #1b1c20; }
    .blossom-simple-step:nth-child(odd) { background: #242126; }
    .blossom-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .blossom-simple-step-head span { color: #e7abbc; font-size: 12px; font-weight: 900; white-space: nowrap; }
    .blossom-simple-step-head h4 { margin: 0; color: #fff3f5; font-size: 16px; line-height: 1.4; }
    .blossom-simple-entry { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 1.6fr); align-items: center; gap: 18px; margin-bottom: 14px; }
    .blossom-simple-entry-card { display: grid; justify-items: center; gap: 8px; }
    .blossom-simple-entry-card > span { color: #ffdbaf; font-size: 12px; font-weight: 900; }
    .blossom-simple-entry-card > span b { color: #fff2d6; }
    .blossom-simple-card {
        position: relative;
        width: 118px;
        aspect-ratio: 350 / 500;
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .blossom-simple-card.is-spring { background-image: url('boardgame/blossom/card/spring.webp'); }
    .blossom-simple-card.is-summer { background-image: url('boardgame/blossom/card/summer.webp'); }
    .blossom-simple-card.is-autumn { background-image: url('boardgame/blossom/card/autumn.webp'); }
    .blossom-simple-card.is-winter { background-image: url('boardgame/blossom/card/winter.webp'); }
    .blossom-simple-card-name,
    .blossom-simple-card-code {
        position: absolute;
        left: 12%;
        right: 12%;
        color: #342931;
        font-weight: 900;
        line-height: 1.15;
        text-align: center;
    }
    .blossom-simple-card-name { top: 12%; font-size: 9px; }
    .blossom-simple-card-code { bottom: 15%; font-size: 12px; }
    .blossom-simple-card img { position: absolute; left: 17%; top: 33%; width: 66%; height: 34%; object-fit: contain; }
    .blossom-simple-card-value {
        position: absolute;
        right: 9%;
        bottom: 20%;
        min-width: 21px;
        padding: 2px;
        border: 1px solid rgba(255, 232, 196, 0.75);
        border-radius: 4px;
        background: #553f4b;
        color: #fff3e5;
        font-size: 11px;
        text-align: center;
    }
    .blossom-simple-ranges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .blossom-simple-ranges > div { display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; padding: 9px 10px; border-top: 2px solid var(--season-color); background: #1a1c21; }
    .blossom-simple-ranges strong { color: var(--season-color); font-size: 13px; }
    .blossom-simple-ranges span { color: #f0e8e5; font-size: 13px; font-weight: 900; text-align: right; }
    .blossom-simple-ranges small { grid-column: 1 / -1; color: #cbbec3; font-size: 10px; text-align: right; }
    .blossom-simple-guide .is-spring { --season-color: #f5d88e; }
    .blossom-simple-guide .is-summer { --season-color: #89d1c5; }
    .blossom-simple-guide .is-autumn { --season-color: #e5a782; }
    .blossom-simple-guide .is-winter { --season-color: #afd2ec; }
    .blossom-simple-pick { margin-bottom: 14px; }
    .blossom-simple-pick-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; color: #f2c4ce; font-size: 12px; }
    .blossom-simple-pick-head span { color: #dbd0d1; font-size: 11px; }
    .blossom-simple-pick-row { padding: 8px 0 10px; border-top: 1px solid rgba(201, 159, 169, 0.32); }
    .blossom-simple-pick-row:last-child { border-bottom: 1px solid rgba(201, 159, 169, 0.32); }
    .blossom-simple-pick-row > strong { display: block; margin-bottom: 6px; color: #e4c4cc; font-size: 11px; }
    .blossom-simple-pick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
    .blossom-simple-pick-grid > .blossom-simple-card { justify-self: center; }
    .blossom-simple-card.is-mini { width: min(100%, 72px); }
    .blossom-simple-card.is-mini > span { position: absolute; top: 10%; left: 0; width: 100%; color: #322932; font-size: 11px; font-weight: 900; text-align: center; }
    .blossom-simple-card.is-mini > strong { position: absolute; top: 41%; left: 0; width: 100%; color: #40313a; font-size: 20px; text-align: center; }
    .blossom-simple-counts { display: grid; gap: 5px; margin-bottom: 12px; }
    .blossom-simple-counts > div { display: grid; grid-template-columns: 42px minmax(0, 1fr) 35px; align-items: center; gap: 8px; padding: 7px 9px; border-left: 3px solid var(--season-color); background: #1a1c21; }
    .blossom-simple-counts strong { color: var(--season-color); font-size: 12px; }
    .blossom-simple-counts span { color: var(--season-color); font-size: 16px; letter-spacing: 0; white-space: nowrap; }
    .blossom-simple-counts b { color: #f8edf0; font-size: 12px; text-align: right; }
    .blossom-simple-matchup { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; margin-bottom: 14px; padding: 8px; border-top: 1px solid rgba(201, 159, 169, 0.4); border-bottom: 1px solid rgba(201, 159, 169, 0.4); color: #e4b3bd; font-size: 11px; }
    .blossom-simple-matchup strong { color: #fff0e8; }
    .blossom-simple-score { margin-bottom: 14px; }
    .blossom-simple-score-title { margin-bottom: 8px; color: #f1c2cc; font-size: 12px; font-weight: 900; }
    .blossom-simple-score-row { display: grid; grid-template-columns: 60px minmax(0, 1fr) 52px; align-items: center; gap: 8px; padding: 10px 0; border-top: 1px solid rgba(201, 159, 169, 0.35); }
    .blossom-simple-score-row > strong { color: #e6d8dc; font-size: 11px; }
    .blossom-simple-score-row > div { display: flex; align-items: center; gap: 5px; }
    .blossom-simple-score-row > div span { display: grid; place-items: center; width: 28px; height: 31px; border: 1px solid #d6b67b; border-radius: 4px; background: #4c413d; color: #ffe7b5; font-size: 13px; font-weight: 900; }
    .blossom-simple-score-row > div b { color: #f0cfab; font-size: 12px; }
    .blossom-simple-score-row > b { color: #fff0d5; font-size: 15px; text-align: right; }
    .blossom-simple-score-winner { display: block; padding: 8px 0; border-top: 1px solid rgba(201, 159, 169, 0.35); color: #f5c7d2; font-size: 15px; text-align: right; }
    .blossom-simple-stage { display: grid; align-content: center; justify-items: center; gap: 7px; min-height: 168px; margin-bottom: 14px; border: 1px solid rgba(214, 177, 135, 0.55); border-radius: 6px; background: linear-gradient(rgba(10, 10, 14, 0.27), rgba(10, 10, 14, 0.64)), url('boardgame/blossom/stage/spring background.webp') center / cover; text-align: center; }
    .blossom-simple-stage > strong { color: #ffe0af; font-size: 17px; text-shadow: 0 2px 5px #000; }
    .blossom-simple-stage > span { color: #f7e7d9; font-size: 11px; font-weight: 900; text-shadow: 0 2px 5px #000; }
    .blossom-simple-flowers { display: flex; gap: 13px; color: #998c87; font-size: 26px; line-height: 1; text-shadow: 0 2px 5px #000; }
    .blossom-simple-flowers .is-filled { color: #ffe19e; }
    @media (max-width: 640px) {
        .blossom-simple-header { padding: 18px 13px; }
        .blossom-simple-header h3 { font-size: 18px; }
        .blossom-simple-step { padding: 18px 13px; }
        .blossom-simple-step-head { gap: 8px; }
        .blossom-simple-step-head h4 { font-size: 14px; }
        .blossom-simple-entry { grid-template-columns: 1fr; gap: 12px; }
        .blossom-simple-card { width: 106px; }
        .blossom-simple-card.is-mini { width: min(100%, 62px); }
        .blossom-simple-pick-grid { gap: 4px; }
        .blossom-simple-card.is-mini > strong { font-size: 17px; }
        .blossom-simple-score-row { grid-template-columns: 48px minmax(0, 1fr) 44px; gap: 4px; }
        .blossom-simple-score-row > div { gap: 3px; }
        .blossom-simple-score-row > div span { width: 24px; height: 27px; }
    }

    .stella-simple-guide { color: #f2eddf; background: #131a22; }
    .stella-simple-header { padding: 24px; background: #111821 url('boardgame/stella/stella-board.webp') center / cover; border-bottom: 1px solid #9f8a5c; }
    .stella-simple-header h3 { margin: 0 0 7px; color: #f1d693; font-size: 21px; }
    .stella-simple-header p, .stella-simple-step p { margin: 0; color: #e2e4e4; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .stella-simple-step { padding: 23px 24px; border-top: 1px solid rgba(203, 178, 115, .35); background: #171d24; }
    .stella-simple-step:nth-child(odd) { background: #1b2027; }
    .stella-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .stella-simple-step-head span { color: #dbc27e; font-size: 12px; font-weight: 900; white-space: nowrap; }
    .stella-simple-step-head h4 { margin: 0; color: #fff4d9; font-size: 16px; line-height: 1.4; }
    .stella-simple-entry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .stella-simple-entry > div { display: grid; gap: 5px; padding: 12px; border-left: 3px solid #c7aa64; background: #111820; }
    .stella-simple-entry > div:nth-child(2) { border-color: #80c8c9; }
    .stella-simple-entry strong { color: #ddc07b; font-size: 11px; }
    .stella-simple-entry > div:nth-child(2) strong { color: #94d9d8; }
    .stella-simple-entry b { color: #fff3d6; font-size: 15px; }
    .stella-simple-entry span { color: #ccd6d7; font-size: 11px; line-height: 1.45; }
    .stella-simple-information { display: grid; gap: 5px; margin-bottom: 14px; }
    .stella-simple-information > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; padding: 10px; border-left: 3px solid #80c8c9; background: #111820; }
    .stella-simple-information > div:last-child { border-color: #c7aa64; }
    .stella-simple-information strong { color: #9bdbd5; font-size: 12px; }
    .stella-simple-information span { color: #e8e6df; font-size: 12px; line-height: 1.5; }
    .stella-simple-collision-example { display: grid; gap: 10px; margin: 16px 0; }
    .stella-simple-collision-example > strong { color: #ead4a0; font-size: 12px; line-height: 1.5; }
    .stella-simple-collision-sequence { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
    .stella-simple-collision-sequence > div { display: grid; justify-items: center; gap: 5px; padding: 10px 3px; border-top: 2px solid #80c8c9; background: #111820; text-align: center; }
    .stella-simple-collision-sequence > div:nth-child(even) { border-color: #c7aa64; }
    .stella-simple-collision-sequence b { color: #9bdbd5; font-size: 12px; }
    .stella-simple-collision-sequence .is-empty { color: #c5cdd4; }
    .stella-simple-collision-sequence small, .stella-simple-collision-sequence span, .stella-simple-collision-example > small { color: #e0d7c2; font-size: 11px; line-height: 1.4; }
    .stella-simple-notice { padding: 14px 8px; border: 1px solid #8d7954; border-radius: 5px; background: #151923; color: #ffe5ad; text-align: center; font-size: 15px; font-weight: 900; }
    .stella-simple-field { display: grid; grid-template-columns: minmax(100px, 1fr) 28px minmax(0, 2fr); align-items: center; gap: 10px; margin-bottom: 14px; }
    .stella-simple-card-wrap { display: grid; justify-items: center; gap: 8px; min-width: 0; }
    .stella-simple-card { position: relative; width: min(100%, 110px); aspect-ratio: 350 / 500; background: url('boardgame/stella/stella-card.webp') center / 100% 100% no-repeat; }
    .stella-simple-card-name, .stella-simple-card-code { position: absolute; left: 12%; right: 12%; overflow: hidden; color: #f4dc9d; font-weight: 900; text-align: center; white-space: nowrap; text-shadow: 0 1px 3px #000; }
    .stella-simple-card-name { top: 13%; font-size: 8px; }
    .stella-simple-card-code { bottom: 14%; font-size: 12px; }
    .stella-simple-card img { position: absolute; left: 14%; top: 25%; width: 72%; height: 47%; object-fit: contain; }
    .stella-simple-digits { color: #e5ca8f; font-size: 11px; font-weight: 900; text-align: center; }
    .stella-simple-arrow { color: #e7d29e; font-size: 22px; text-align: center; }
    .stella-simple-board { position: relative; width: 100%; aspect-ratio: 17 / 9; min-height: 150px; background: #101821 url('boardgame/stella/stella-board.webp') center / 100% 100% no-repeat; border: 1px solid #8e784e; border-radius: 4px; }
    .stella-simple-node { position: absolute; display: grid; place-items: center; width: 24px; height: 24px; transform: translate(-50%, -50%); border: 1px solid #a18c67; border-radius: 50%; background: #242d37; color: #e9dfc6; font-size: 12px; font-weight: 900; }
    .stella-simple-node.is-active { border-color: #b8e3d9; background: #235b63; color: #fff; box-shadow: 0 0 0 2px rgba(112, 211, 201, .2); }
    .stella-simple-board-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #d7bd81; font-size: 12px; font-weight: 900; }
    .stella-simple-collisions { display: grid; gap: 2px; margin-bottom: 14px; }
    .stella-simple-collisions > div { display: grid; grid-template-columns: 100px minmax(84px, 1fr) 18px 65px minmax(74px, 1fr); align-items: center; gap: 8px; padding: 9px 7px; border-bottom: 1px solid rgba(199, 170, 100, .3); color: #e8e6df; font-size: 11px; }
    .stella-simple-state { color: #acb9c1; font-weight: 900; }
    .stella-simple-state.is-player { color: #8cd0d0; }
    .stella-simple-collisions > div > b { color: #d8be7e; }
    .stella-simple-collisions > div > strong { color: #f1d795; font-size: 11px; }
    .stella-simple-reveal { margin-bottom: 14px; padding: 16px; border: 1px solid #8c784e; border-radius: 5px; background: #101821 url('boardgame/stella/stella-board.webp') center / cover; }
    .stella-simple-reveal-head, .stella-simple-reveal-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #f1e8cf; font-size: 12px; }
    .stella-simple-reveal-head strong, .stella-simple-reveal-head b { color: #f0d188; font-size: 15px; }
    .stella-simple-reveal-head span { color: #9bdbd5; font-weight: 900; }
    .stella-simple-meter { height: 8px; margin: 13px 0; border: 1px solid #ad9b75; border-radius: 4px; background: #26313a; }
    .stella-simple-meter span { display: block; height: 100%; background: #e6cb85; }
    .stella-simple-reveal-foot strong { color: #9bdbd5; }
    .stella-simple-score { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(155px, 1fr); align-items: center; gap: 14px; margin-bottom: 14px; }
    .stella-simple-score-math > div { display: flex; justify-content: space-between; gap: 8px; padding: 9px 0; border-bottom: 1px solid rgba(199, 170, 100, .35); color: #e5e8e7; font-size: 12px; }
    .stella-simple-score-math strong { color: #f4d895; }
    .stella-simple-score-math .is-total { color: #a8e4db; font-weight: 900; }
    @media (max-width: 640px) {
        .stella-simple-header, .stella-simple-step { padding: 18px 13px; }
        .stella-simple-header h3 { font-size: 18px; }
        .stella-simple-step-head { gap: 8px; }
        .stella-simple-step-head h4 { font-size: 14px; }
        .stella-simple-field { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px; }
        .stella-simple-card { width: 106px; }
        .stella-simple-digits { font-size: 10px; }
        .stella-simple-arrow { line-height: 1; transform: rotate(90deg); }
        .stella-simple-board { max-width: 360px; min-height: 0; }
        .stella-simple-node { width: 18px; height: 18px; font-size: 10px; }
        .stella-simple-collisions > div { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) 10px minmax(0, 1fr); gap: 4px; font-size: 9px; }
        .stella-simple-collisions > div > strong { grid-column: 2 / -1; font-size: 10px; }
        .stella-simple-score { grid-template-columns: 1fr; }
        .stella-simple-information > div { grid-template-columns: 1fr; gap: 4px; }
        .stella-simple-collision-sequence b { font-size: 9px; }
        .stella-simple-collision-sequence small, .stella-simple-collision-sequence span { font-size: 9px; }
    }

    .equinox-simple-guide { color: #f2f0e9; background: #1b1d20; }
    .equinox-simple-header { padding: 24px; border-bottom: 1px solid #b8a17c; background: #1b1d20 url('boardgame/equinox/equinox background.webp') center / cover; text-align: center; }
    .equinox-simple-header h3 { margin: 0 0 7px; color: #e8d5b3; font-size: 21px; }
    .equinox-simple-header p, .equinox-simple-step p { margin: 0; color: #e5e2dc; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .equinox-simple-step { padding: 23px 24px; border-top: 1px solid rgba(190, 172, 142, .38); background: #202124; }
    .equinox-simple-step:nth-child(odd) { background: #282728; }
    .equinox-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .equinox-simple-step-head span { color: #d9ba91; font-size: 12px; font-weight: 900; white-space: nowrap; }
    .equinox-simple-step-head h4 { margin: 0; color: #fff4e3; font-size: 16px; line-height: 1.4; }
    .equinox-simple-entry { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
    .equinox-simple-entry > div { display: grid; gap: 8px; justify-items: center; padding: 12px 5px; border-top: 2px solid #cbb78f; background: #15181b; }
    .equinox-simple-entry > div:nth-child(2) { border-color: #99c5c0; }
    .equinox-simple-entry > div:nth-child(3) { border-color: #d1a9a5; }
    .equinox-simple-entry strong { color: #e8d8bd; font-size: 11px; }
    .equinox-simple-entry > div > div { display: flex; gap: 3px; }
    .equinox-simple-entry > div > div span { width: 15px; aspect-ratio: 350 / 500; border: 1px solid #c4b9aa; border-radius: 2px; background: url('boardgame/equinox/back.webp') center / 100% 100%; }
    .equinox-simple-entry b { color: #f4eee0; font-size: 11px; }
    .equinox-simple-power { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(0, 1.5fr); align-items: center; justify-items: center; gap: 15px; margin-bottom: 14px; }
    .equinox-simple-card { position: relative; width: min(100%, 118px); aspect-ratio: 350 / 500; background: url('boardgame/equinox/equinox.webp') center / 100% 100% no-repeat; }
    .equinox-simple-card span, .equinox-simple-card b { position: absolute; left: 12%; right: 12%; overflow: hidden; color: #18181a; font-weight: 900; text-align: center; white-space: nowrap; }
    .equinox-simple-card span { top: 11%; font-size: 9px; }
    .equinox-simple-card b { bottom: 8%; color: #eee4cf; font-size: 12px; }
    .equinox-simple-card img { position: absolute; left: 17%; top: 27%; width: 66%; height: 43%; object-fit: contain; }
    .equinox-simple-power-values { width: 100%; display: grid; gap: 10px; }
    .equinox-simple-power-values > div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 8px; padding: 10px; border-left: 3px solid #d1c9b9; background: #15191d; }
    .equinox-simple-power-values .is-negative { border-color: #a2b4c7; }
    .equinox-simple-power-values span { color: #e7ded0; font-size: 11px; font-weight: 900; }
    .equinox-simple-power-values strong { color: #f5e0b6; font-size: 17px; }
    .equinox-simple-power-values .is-negative strong { color: #bed5e3; }
    .equinox-simple-power-values small { grid-column: 1 / -1; color: #bac3c4; font-size: 10px; }
    .equinox-simple-rotate { display: grid; grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); align-items: center; gap: 10px; margin-bottom: 14px; padding: 18px; background: #11171b url('boardgame/equinox/equinox background.webp') center / cover; border: 1px solid #9e9485; border-radius: 5px; }
    .equinox-simple-rotate > div { display: grid; justify-items: center; gap: 8px; min-width: 0; }
    .equinox-simple-rotate > div > span { color: #e9ddc9; font-size: 11px; font-weight: 900; }
    .equinox-simple-back { width: min(100%, 78px); aspect-ratio: 350 / 500; background: url('boardgame/equinox/back.webp') center / 100% 100% no-repeat; transform: rotate(90deg); }
    .equinox-simple-rotate b { color: #f3e8d2; font-size: 13px; }
    .equinox-simple-rotate b.is-negative { color: #bbd4e2; }
    .equinox-simple-versus { color: #e5c397; font-size: 11px; text-align: center; }
    .equinox-simple-damage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 1.3fr) minmax(0, 1fr); gap: 8px; align-items: center; margin-bottom: 14px; }
    .equinox-simple-damage > div { display: grid; justify-items: center; gap: 5px; padding: 12px 5px; background: #15191d; border-top: 2px solid #cbb78f; text-align: center; }
    .equinox-simple-damage > div:last-child { border-color: #9bc7c8; }
    .equinox-simple-damage span { color: #e9dbca; font-size: 11px; font-weight: 900; }
    .equinox-simple-damage strong { color: #ffe4b3; font-size: 18px; }
    .equinox-simple-damage b { color: #e7edf0; font-size: 11px; }
    .equinox-simple-damage-center strong { font-size: 14px; }
    .equinox-simple-damage-center small { color: #f3bdba; font-size: 11px; font-weight: 900; }
    .equinox-simple-result { display: grid; gap: 7px; margin-bottom: 14px; }
    .equinox-simple-result > div { display: grid; grid-template-columns: 62px 1fr; gap: 12px; padding: 11px; border-left: 3px solid #ccb990; background: #15191d; }
    .equinox-simple-result > div:nth-child(2) { border-color: #97c8c7; }
    .equinox-simple-result strong { color: #f3dcae; font-size: 12px; }
    .equinox-simple-result span { color: #e9e5de; font-size: 12px; font-weight: 800; }
    @media (max-width: 640px) {
        .equinox-simple-header, .equinox-simple-step { padding: 18px 13px; }
        .equinox-simple-header h3 { font-size: 18px; }
        .equinox-simple-step-head { gap: 8px; }
        .equinox-simple-step-head h4 { font-size: 14px; }
        .equinox-simple-entry > div > div span { width: 11px; }
        .equinox-simple-rotate { grid-template-columns: minmax(0, 1fr) 55px minmax(0, 1fr); padding: 12px; gap: 4px; }
        .equinox-simple-back { width: 64px; }
        .equinox-simple-damage { grid-template-columns: minmax(0, 1fr) minmax(95px, 1.2fr) minmax(0, 1fr); gap: 4px; }
        .equinox-simple-damage strong { font-size: 15px; }
        .equinox-simple-damage-center strong { font-size: 11px; }
    }

    .overheat-simple-guide { color: #f3e6dc; background: #1d1c1e; }
    .overheat-simple-header { padding: 24px; border-bottom: 1px solid #d58d68; background: #17191d url('boardgame/overheat/overheat field.webp') center / cover; text-align: center; }
    .overheat-simple-header h3 { margin: 0 0 7px; color: #ffbd94; font-size: 21px; text-shadow: 0 2px 5px #000; }
    .overheat-simple-header p, .overheat-simple-step p { margin: 0; color: #f0e3db; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .overheat-simple-header p { text-shadow: 0 2px 5px #000; }
    .overheat-simple-step { padding: 23px 24px; border-top: 1px solid rgba(217, 132, 91, .38); background: #201d1d; }
    .overheat-simple-step:nth-child(odd) { background: #282222; }
    .overheat-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .overheat-simple-step-head span { color: #f3ac85; font-size: 12px; font-weight: 900; white-space: nowrap; }
    .overheat-simple-step-head h4 { margin: 0; color: #fff0e5; font-size: 16px; line-height: 1.4; }
    .overheat-simple-entry { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
    .overheat-simple-mini-card { position: relative; display: grid; place-items: end center; width: 100%; max-width: 74px; aspect-ratio: 360 / 500; justify-self: center; padding-bottom: 11%; background: url('boardgame/overheat/overheat.webp') center / 100% 100% no-repeat; }
    .overheat-simple-mini-card span { position: absolute; top: 40%; left: 0; width: 100%; color: #49352e; font-size: 17px; font-weight: 900; text-align: center; }
    .overheat-simple-mini-card strong { padding: 3px 5px; border-radius: 3px; background: #9e3f24; color: #fff; font-size: 10px; }
    .overheat-simple-mini-card.is-field strong { background: #276f93; }
    .overheat-simple-digits { display: grid; gap: 7px; margin-bottom: 14px; }
    .overheat-simple-digits > div { display: grid; grid-template-columns: 42px 62px 16px minmax(0, 1fr); align-items: center; gap: 8px; padding: 11px; border-left: 3px solid #d88c65; background: #171b1e; }
    .overheat-simple-digits strong { color: #f5c6a6; font-size: 11px; }
    .overheat-simple-digits code { color: #f4e6d9; font-size: 12px; font-weight: 900; }
    .overheat-simple-digits span { color: #dd9b78; }
    .overheat-simple-digits b { color: #fff0d5; font-size: 12px; }
    .overheat-simple-field { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 1.6fr); justify-items: center; align-items: center; gap: 14px; margin-bottom: 14px; }
    .overheat-simple-card { position: relative; width: min(100%, 116px); aspect-ratio: 360 / 500; background: url('boardgame/overheat/overheat.webp') center / 100% 100% no-repeat; }
    .overheat-simple-card span, .overheat-simple-card b { position: absolute; left: 12%; right: 12%; overflow: hidden; color: #f9e9db; font-weight: 900; text-align: center; white-space: nowrap; text-shadow: 0 2px 3px #000; }
    .overheat-simple-card span { top: 8%; font-size: 8px; }
    .overheat-simple-card b { bottom: 9%; font-size: 12px; }
    .overheat-simple-card img { position: absolute; left: 16%; top: 24%; width: 68%; height: 46%; object-fit: contain; }
    .overheat-simple-field-result { width: 100%; display: grid; gap: 8px; }
    .overheat-simple-field-result > strong { color: #f1b18e; font-size: 11px; }
    .overheat-simple-field-result > div { display: flex; flex-wrap: wrap; gap: 5px; }
    .overheat-simple-field-result > div span { display: grid; place-items: center; width: 29px; height: 32px; border: 1px solid #d59b78; border-radius: 4px; background: #49302a; color: #fff2e5; font-size: 14px; font-weight: 900; }
    .overheat-simple-field-result > div span.is-hit { color: #fac3aa; text-decoration: line-through; opacity: .65; }
    .overheat-simple-field-result > b { padding: 8px; border-top: 1px solid #b97d60; color: #ffe2b3; font-size: 13px; }
    .overheat-simple-damage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(105px, 1.2fr) minmax(0, 1fr); gap: 7px; margin-bottom: 14px; }
    .overheat-simple-damage > div { display: grid; align-content: center; justify-items: center; gap: 5px; min-height: 92px; padding: 10px 5px; border-top: 2px solid #ca936f; background: #171b1e; text-align: center; }
    .overheat-simple-damage > div:last-child { border-color: #8bb9c2; }
    .overheat-simple-damage strong { color: #ffd4ad; font-size: 13px; }
    .overheat-simple-damage span { color: #e7e7e2; font-size: 11px; font-weight: 900; }
    .overheat-simple-damage b { color: #f5eee7; font-size: 11px; }
    .overheat-simple-damage-result strong { color: #ffad82; }
    .overheat-simple-result { display: grid; gap: 7px; margin-bottom: 14px; }
    .overheat-simple-result > div { display: grid; grid-template-columns: 62px 1fr; gap: 12px; padding: 11px; border-left: 3px solid #d68c67; background: #171b1e; }
    .overheat-simple-result > div:nth-child(2) { border-color: #8bb9c2; }
    .overheat-simple-result strong { color: #ffc69d; font-size: 12px; }
    .overheat-simple-result span { color: #f0e8e2; font-size: 12px; font-weight: 800; }
    .blizzard-story-card { max-width: 640px; padding: 10px; text-align: center; }
    .blizzard-story-card img { display: block; width: 100%; height: auto; border-radius: 4px; }
    .blizzard-story-card p { margin: 12px 0 4px; color: #d7f4ff; font-size: 13px; font-weight: 800; }
    @media (max-width: 640px) {
        .overheat-simple-header, .overheat-simple-step { padding: 18px 13px; }
        .overheat-simple-header h3 { font-size: 18px; }
        .overheat-simple-step-head { gap: 8px; }
        .overheat-simple-step-head h4 { font-size: 14px; }
        .overheat-simple-entry { gap: 3px; }
        .overheat-simple-mini-card strong { font-size: 8px; padding: 2px 3px; }
        .overheat-simple-mini-card span { font-size: 14px; }
        .overheat-simple-digits > div { grid-template-columns: 32px 50px 12px minmax(0, 1fr); gap: 4px; padding: 9px 6px; }
        .overheat-simple-digits b { font-size: 10px; }
        .overheat-simple-field { grid-template-columns: 98px minmax(0, 1fr); gap: 8px; }
        .overheat-simple-card { width: 92px; }
        .overheat-simple-field-result > div span { width: 25px; height: 28px; }
        .overheat-simple-damage { grid-template-columns: minmax(0, 1fr) minmax(82px, 1.1fr) minmax(0, 1fr); gap: 4px; }
        .overheat-simple-damage strong, .overheat-simple-damage b { font-size: 10px; }
    }

    .relic-simple-guide { color: #eee9d8; background: #1b211d; }
    .relic-simple-header { padding: 24px; border-bottom: 1px solid #b6a579; background: #1b211d url('boardgame/relic/relic background.webp') center 18% / cover; text-align: center; }
    .relic-simple-header h3 { margin: 0 0 7px; color: #f2dc9b; font-size: 21px; text-shadow: 0 2px 5px #000; }
    .relic-simple-header p, .relic-simple-step p { margin: 0; color: #e7e8da; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .relic-simple-header p { text-shadow: 0 2px 5px #000; }
    .relic-simple-step { padding: 23px 24px; border-top: 1px solid rgba(180, 165, 113, .38); background: #20241f; }
    .relic-simple-step:nth-child(odd) { background: #272923; }
    .relic-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .relic-simple-step-head span { color: #ddc588; font-size: 12px; font-weight: 900; white-space: nowrap; }
    .relic-simple-step-head h4 { margin: 0; color: #fff3d7; font-size: 16px; line-height: 1.4; }
    .relic-simple-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .relic-simple-modes > div { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; padding: 12px; border-left: 3px solid #c5ae79; background: #151b19; }
    .relic-simple-modes > div:nth-child(2) { border-color: #a4bac0; }
    .relic-simple-modes strong { grid-column: 1 / -1; color: #f1dc9e; font-size: 12px; }
    .relic-simple-modes span { color: #e7e9e3; font-size: 11px; font-weight: 900; }
    .relic-simple-board-wrap { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(120px, 1fr); align-items: center; gap: 15px; margin-bottom: 14px; }
    .relic-simple-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; width: 100%; max-width: 330px; padding: 8px; border: 1px solid #8a805d; border-radius: 5px; background: #151b19; }
    .relic-simple-tile { position: relative; display: grid; place-items: center; aspect-ratio: 1; background: #28312b; }
    .relic-simple-tile.is-covered { background: url('boardgame/relic/plate.webp') center / contain no-repeat; }
    .relic-simple-tile.is-blocked { background: url('boardgame/relic/broken plate.webp') center / contain no-repeat; }
    .relic-simple-tile b { position: absolute; z-index: 1; top: 3px; left: 5px; color: #f5e8bc; font-size: 11px; text-shadow: 0 2px 4px #000; }
    .relic-simple-tile > div { display: flex; align-items: center; justify-content: center; gap: 2px; width: 100%; height: 100%; }
    .relic-simple-tile > div img { width: 35%; max-width: 33px; aspect-ratio: 1; object-fit: contain; }
    .relic-simple-tile.is-empty { background: #1a211d; }
    .relic-simple-empty { color: #a4aaa1; font-size: 20px; }
    .relic-simple-board-meta { display: grid; justify-items: center; gap: 10px; text-align: center; }
    .relic-simple-board-meta > span { color: #f0d697; font-size: 13px; font-weight: 900; }
    .relic-simple-board-meta > div { display: flex; justify-content: center; gap: 3px; }
    .relic-simple-board-meta img { width: 26px; height: 31px; object-fit: contain; filter: brightness(1.5) drop-shadow(0 0 4px rgba(180, 227, 81, .55)); }
    .relic-simple-board-meta small { color: #bac8c1; font-size: 10px; font-weight: 800; }
    .relic-simple-glyphs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; margin-bottom: 14px; }
    .relic-simple-glyphs > div { display: grid; justify-items: center; align-content: center; gap: 3px; min-width: 0; padding: 7px 3px; border-top: 2px solid #a79771; background: #151b19; }
    .relic-simple-glyphs img { width: min(100%, 45px); height: 45px; object-fit: contain; }
    .relic-simple-glyphs strong { color: #f0dbad; font-size: 10px; }
    .relic-simple-glyphs span { color: #dce2da; font-size: 10px; }
    .relic-simple-answer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
    .relic-simple-answer > div { display: grid; justify-items: center; gap: 8px; padding: 11px 5px; background: #151b19; }
    .relic-simple-answer > div > strong { color: #e5d3a1; font-size: 11px; }
    .relic-simple-answer > div > div { display: flex; gap: 3px; }
    .relic-simple-answer > div > div span { display: grid; place-items: center; width: 25px; height: 30px; border: 1px solid #ab9e79; border-radius: 3px; color: #f4eedf; font-size: 13px; font-weight: 900; }
    .relic-simple-answer > p { grid-column: 1 / -1; display: flex; justify-content: space-between; padding: 8px 11px; border-top: 1px solid #a79771; color: #e6d7b0; font-size: 12px; font-weight: 900; }
    .relic-simple-answer > p b { color: #b6d0c4; }
    .relic-simple-hints { display: grid; gap: 6px; margin-bottom: 14px; }
    .relic-simple-hints > div { display: grid; grid-template-columns: 72px 1fr; gap: 8px; padding: 10px; border-left: 3px solid #bcaa7a; background: #151b19; }
    .relic-simple-hints > div:nth-child(2) { border-color: #a6bdc3; }
    .relic-simple-hints strong { color: #e9d59e; font-size: 11px; }
    .relic-simple-hints span { color: #ecede4; font-size: 11px; font-weight: 800; }
    .relic-simple-hints > p { padding: 10px; color: #f3d999; font-size: 13px; font-weight: 900; text-align: center; }
    @media (max-width: 640px) {
        .relic-simple-header, .relic-simple-step { padding: 18px 13px; }
        .relic-simple-header h3 { font-size: 18px; }
        .relic-simple-step-head { gap: 8px; }
        .relic-simple-step-head h4 { font-size: 14px; }
        .relic-simple-board-wrap { grid-template-columns: 1fr; gap: 9px; }
        .relic-simple-board { justify-self: center; }
        .relic-simple-board-meta { gap: 5px; }
        .relic-simple-glyphs { gap: 3px; }
        .relic-simple-glyphs img { height: 34px; }
        .relic-simple-glyphs strong { font-size: 8px; }
        .relic-simple-answer { grid-template-columns: 1fr; }
        .relic-simple-answer > p { gap: 8px; }
    }

    .arena-simple-guide { max-width: 720px; margin: 0 auto 24px; overflow: hidden; border: 1px solid #665083; border-radius: 8px; background: #181923; color: #f0eafa; }
    .arena-simple-header { padding: 24px; border-bottom: 1px solid #886cb0; background: #181923 url('boardgame/arena/arena background.webp') center / cover; text-align: center; }
    .arena-simple-header h3 { margin: 0 0 7px; color: #e1c5ff; font-size: 21px; text-shadow: 0 2px 5px #000; }
    .arena-simple-header p, .arena-simple-step p { margin: 0; color: #ece7f3; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .arena-simple-step { padding: 23px 24px; border-top: 1px solid #4c405e; background: #1b1d26; }
    .arena-simple-step:nth-child(odd) { background: #22212b; }
    .arena-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .arena-simple-step-head span { flex: none; color: #c7adf0; font-size: 12px; font-weight: 900; }
    .arena-simple-step-head h4 { margin: 0; color: #f6edff; font-size: 16px; line-height: 1.4; }
    .arena-simple-step > p { margin-top: 12px; }
    .arena-simple-entry { display: grid; gap: 10px; margin-bottom: 14px; }
    .arena-simple-teams { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
    .arena-simple-teams > div { display: grid; justify-items: center; align-content: center; gap: 4px; min-width: 0; padding: 7px 3px; border-top: 2px solid #8f72bb; background: #11151f; }
    .arena-simple-teams img { width: min(100%, 45px); height: 43px; object-fit: contain; }
    .arena-simple-teams strong { color: #ebe1f6; font-size: 10px; }
    .arena-simple-groups { display: grid; gap: 7px; padding: 11px; border-left: 3px solid #9c7ac8; background: #11151f; }
    .arena-simple-groups > strong { color: #dfc9fa; font-size: 13px; }
    .arena-simple-groups > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .arena-simple-groups span { display: grid; gap: 3px; min-width: 0; padding: 7px 3px; border: 1px solid #4c3b65; color: #d8c7ed; font-size: 10px; font-weight: 900; text-align: center; }
    .arena-simple-groups b { color: #fff; font-size: 11px; }
    .arena-simple-groups small { color: #a9d8e9; font-size: 11px; font-weight: 800; }
    .arena-simple-numbers { display: grid; grid-template-columns: 112px minmax(0, 1fr); justify-content: center; align-items: center; gap: 20px; max-width: 430px; margin: 0 auto 14px; }
    .arena-simple-card { width: 112px; }
    .arena-simple-card .arena-card-name { font-size: 9px; }
    .arena-simple-card .arena-card-code { font-size: 16px; }
    .arena-simple-numbers-detail { display: grid; justify-items: center; gap: 8px; min-width: 0; text-align: center; }
    .arena-simple-numbers-detail > strong { color: #e3c8ff; font-size: 12px; }
    .arena-simple-numbers-detail > div { display: flex; gap: 5px; }
    .arena-simple-numbers-detail > div b { display: grid; place-items: center; width: 29px; height: 32px; border: 1px solid #a276d2; background: #322540; color: #fff; font-size: 15px; }
    .arena-simple-numbers-detail > span { color: #b7cdd7; font-size: 11px; font-weight: 800; }
    .arena-simple-numbers-detail p { color: #ddd6e6; text-align: center; }
    .arena-simple-numbers-detail p b { color: #bfe9f6; }
    .arena-simple-flip { display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); align-items: center; gap: 10px; margin-bottom: 14px; }
    .arena-simple-flip > div { display: grid; justify-items: center; gap: 7px; min-width: 0; }
    .arena-simple-flip > div > strong { color: #e2cefa; font-size: 12px; }
    .arena-simple-flip > span { color: #c4a2ed; font-size: 22px; text-align: center; }
    .arena-simple-board { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; width: min(100%, 235px); padding: 7px; border: 1px solid #8a6aae; background: #130f1b; }
    .arena-simple-board > span { display: grid; place-items: center; min-width: 0; aspect-ratio: 1; border: 1px solid #745493; background: rgba(18, 12, 31, .8); color: #fff; font-size: 12px; font-weight: 900; }
    .arena-simple-board > .is-player { border-color: #fa7181; background: #8b293f; }
    .arena-simple-board > .is-com { border-color: #75c8ee; background: #205270; }
    .arena-simple-board > .is-block { border-color: #a96ddd; background: #281335; }
    .arena-simple-board img { width: 88%; height: 88%; object-fit: contain; }
    .arena-simple-line { display: grid; grid-template-columns: minmax(0, 235px) minmax(0, 1fr); align-items: center; justify-content: center; gap: 18px; margin-bottom: 14px; }
    .arena-simple-line > div:last-child { display: grid; justify-items: center; gap: 7px; text-align: center; }
    .arena-simple-line > div:last-child img { width: 70px; height: 70px; object-fit: contain; }
    .arena-simple-line strong { color: #e5caff; font-size: 15px; }
    .arena-simple-line span { color: #d8e8ec; font-size: 11px; font-weight: 800; }
    .arena-simple-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .arena-simple-result > div { display: grid; justify-items: center; gap: 6px; padding: 14px 5px; border-left: 3px solid #b18ad9; background: #11151f; text-align: center; }
    .arena-simple-result > div:nth-child(2) { border-color: #90cbe4; }
    .arena-simple-result span { color: #cfb7e8; font-size: 11px; font-weight: 800; }
    .arena-simple-result strong { color: #fff; font-size: 14px; }
    .arena-simple-result b { color: #c6e9f5; font-size: 12px; }
    @media (max-width: 640px) {
        .arena-simple-header, .arena-simple-step { padding: 18px 13px; }
        .arena-simple-header h3 { font-size: 18px; }
        .arena-simple-step-head { gap: 8px; }
        .arena-simple-step-head h4 { font-size: 14px; }
        .arena-simple-teams img { height: 31px; }
        .arena-simple-teams strong { font-size: 8px; }
        .arena-simple-numbers { grid-template-columns: 90px minmax(0, 1fr); gap: 9px; }
        .arena-simple-card { width: 90px; }
        .arena-simple-numbers-detail > div { gap: 3px; }
        .arena-simple-numbers-detail > div b { width: 26px; height: 29px; }
        .arena-simple-flip { grid-template-columns: 1fr; gap: 5px; }
        .arena-simple-flip > span { transform: rotate(90deg); }
        .arena-simple-board { width: min(100%, 220px); }
        .arena-simple-line { grid-template-columns: 1fr; justify-items: center; gap: 8px; }
        .arena-simple-line > div:last-child img { width: 50px; height: 50px; }
    }

    .ritual-simple-guide { max-width: 720px; margin: 0 auto 24px; overflow: hidden; border: 1px solid #8c6346; border-radius: 8px; background: #171819; color: #f1e8dc; }
    .ritual-simple-header { padding: 24px; border-bottom: 1px solid #a66c40; background: #171819 url('boardgame/ritual/ritual background.webp') center 43% / cover; text-align: center; }
    .ritual-simple-header h3 { margin: 0 0 7px; color: #ffca8e; font-size: 21px; text-shadow: 0 2px 5px #000; }
    .ritual-simple-header p, .ritual-simple-step p { margin: 0; color: #eee5d9; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .ritual-simple-step { padding: 23px 24px; border-top: 1px solid #5b4536; background: #1b1c1d; }
    .ritual-simple-step:nth-child(odd) { background: #222021; }
    .ritual-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .ritual-simple-step-head span { flex: none; color: #e2a76d; font-size: 12px; font-weight: 900; }
    .ritual-simple-step-head h4 { margin: 0; color: #fff1df; font-size: 16px; line-height: 1.4; }
    .ritual-simple-step > p { margin-top: 12px; }
    .ritual-simple-entry { display: grid; gap: 10px; margin-bottom: 14px; }
    .ritual-simple-entry-total { display: flex; align-items: baseline; gap: 10px; padding: 11px 14px; border-left: 3px solid #e7a261; background: #111517; }
    .ritual-simple-entry-total strong { color: #e9b785; font-size: 12px; }
    .ritual-simple-entry-total b { color: #fff2de; font-size: 22px; }
    .ritual-simple-entry-total span { color: #c9cccb; font-size: 11px; font-weight: 800; }
    .ritual-simple-entry-groups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
    .ritual-simple-entry-groups > div { display: grid; justify-items: center; gap: 8px; min-width: 0; padding: 11px 5px; border-top: 2px solid #ae7950; background: #111517; text-align: center; }
    .ritual-simple-entry-groups strong { color: #ffc892; font-size: 11px; }
    .ritual-simple-entry-groups span { display: flex; gap: 3px; }
    .ritual-simple-entry-groups i { width: 12px; height: 18px; border: 1px solid #b78e67; background: #3a2a21; }
    .ritual-simple-entry-groups b { color: #d4d1ca; font-size: 10px; }
    .ritual-simple-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .ritual-simple-roles > div { display: grid; justify-items: center; gap: 5px; min-width: 0; padding: 11px 7px; border-top: 2px solid #e0ae71; background: #111517; text-align: center; }
    .ritual-simple-roles > .is-darkness { border-color: #9caeb5; }
    .ritual-simple-roles img { width: 64px; height: 64px; object-fit: contain; }
    .ritual-simple-roles strong { color: #ffd6a6; font-size: 14px; }
    .ritual-simple-roles .is-darkness strong { color: #cad6da; }
    .ritual-simple-roles span, .ritual-simple-roles b { color: #e4dfd9; font-size: 11px; }
    .ritual-simple-roles b { color: #ffcb95; }
    .ritual-simple-roles .is-darkness b { color: #cad6da; }
    .ritual-simple-offer { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: center; justify-content: center; gap: 18px; max-width: 430px; margin: 0 auto 14px; }
    .ritual-simple-card { width: 108px; }
    .ritual-simple-card .ritual-card-name { font-size: 9px; }
    .ritual-simple-card .ritual-card-code { font-size: 14px; }
    .ritual-simple-offer-flow { display: grid; gap: 5px; min-width: 0; }
    .ritual-simple-offer-flow span, .ritual-simple-offer-flow small { padding: 7px 9px; border-left: 2px solid #b18558; background: #111517; color: #d9c9b9; font-size: 11px; font-weight: 800; }
    .ritual-simple-offer-flow b { color: #efcfb1; font-size: 15px; }
    .ritual-simple-offer-flow strong { color: #cbd8da; font-size: 18px; }
    .ritual-simple-count { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-bottom: 14px; }
    .ritual-simple-count > div { display: grid; align-content: center; justify-items: center; gap: 6px; min-width: 0; min-height: 82px; padding: 7px 3px; border-top: 2px solid #9caeb5; background: #111517; text-align: center; }
    .ritual-simple-count > .is-light { border-color: #e0ae71; }
    .ritual-simple-count > .is-draw { border-color: #b3a1ac; }
    .ritual-simple-count strong { color: #e5ebeb; font-size: 16px; }
    .ritual-simple-count .is-light strong { color: #ffd09d; }
    .ritual-simple-count span { color: #d9d8d4; font-size: 10px; font-weight: 800; line-height: 1.35; }
    .ritual-simple-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .ritual-simple-result > div { display: grid; justify-items: center; align-content: center; gap: 7px; min-height: 90px; padding: 11px 5px; border-left: 3px solid #dfa369; background: #111517; text-align: center; }
    .ritual-simple-result > div:nth-child(2) { border-color: #9caeb5; }
    .ritual-simple-result strong { color: #e9bc8e; font-size: 12px; }
    .ritual-simple-result b { color: #fff0db; font-size: 20px; }
    .ritual-simple-result span { color: #dde3e1; font-size: 11px; font-weight: 800; }
    @media (max-width: 640px) {
        .ritual-simple-header, .ritual-simple-step { padding: 18px 13px; }
        .ritual-simple-header h3 { font-size: 18px; }
        .ritual-simple-step-head { gap: 8px; }
        .ritual-simple-step-head h4 { font-size: 14px; }
        .ritual-simple-entry-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .ritual-simple-roles img { width: 54px; height: 54px; }
        .ritual-simple-offer { grid-template-columns: 92px minmax(0, 1fr); gap: 10px; }
        .ritual-simple-card { width: 92px; }
        .ritual-simple-count { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .ritual-simple-count > .is-draw { grid-column: 1 / -1; }
    }
    @media (max-width: 360px) {
        .ritual-simple-offer { grid-template-columns: 1fr; justify-items: center; }
        .ritual-simple-offer-flow { width: 100%; max-width: 220px; text-align: center; }
    }

    .survival-simple-guide { max-width: 720px; margin: 0 auto 24px; overflow: hidden; border: 1px solid #703750; border-radius: 8px; background: #17191e; color: #f6e8ee; }
    .survival-simple-header { padding: 24px; text-align: center; border-bottom: 1px solid #8d3f62; background: #16151b url('boardgame/survival/survival background.jpg') center / cover; }
    .survival-simple-header h3 { margin: 0 0 7px; color: #ff9fc9; font-size: 21px; text-shadow: 0 2px 5px #000; }
    .survival-simple-header p, .survival-simple-step p { margin: 0; color: #f0e4e9; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .survival-simple-step { padding: 23px 24px; border-top: 1px solid #563345; background: #1b1d21; }
    .survival-simple-step:nth-child(odd) { background: #222026; }
    .survival-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .survival-simple-step-head span { flex: none; color: #ffa8cd; font-size: 12px; font-weight: 900; }
    .survival-simple-step-head h4 { margin: 0; color: #fff0f6; font-size: 16px; line-height: 1.4; }
    .survival-simple-step > p { margin-top: 12px; }
    .survival-simple-entry { display: grid; grid-template-columns: 1fr 12px 1fr 12px 1fr 12px 1fr; align-items: center; gap: 4px; margin-bottom: 14px; }
    .survival-simple-entry > div { display: grid; justify-items: center; align-content: center; gap: 2px; min-width: 0; height: 88px; border-top: 2px solid #a85b7e; background: #111419; }
    .survival-simple-entry > div:nth-of-type(4) { border-color: #a7a1a9; }
    .survival-simple-entry strong { color: #dfb3c6; font-size: 10px; }
    .survival-simple-entry b { color: #fff; font-size: 23px; line-height: 1; }
    .survival-simple-entry img { width: 20px; height: 23px; object-fit: contain; }
    .survival-simple-entry > span { color: #e4a8c1; text-align: center; }
    .survival-simple-bullet { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; justify-content: center; gap: 22px; max-width: 430px; margin: 0 auto 14px; }
    .survival-simple-front { position: relative; display: block; width: 112px; aspect-ratio: 351 / 500; }
    .survival-simple-front .survival-simple-frame { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; object-fit: fill; }
    .survival-simple-portrait { position: absolute; z-index: 3; top: 30.5%; left: 26.5%; width: 47%; height: 33%; object-fit: contain; }
    .survival-simple-front strong, .survival-simple-front b { position: absolute; z-index: 4; left: 10%; width: 80%; overflow: hidden; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; text-shadow: 0 2px 3px #000; }
    .survival-simple-front strong { top: 5%; font-size: 10px; }
    .survival-simple-front b { bottom: 7%; color: #ff9fc9; font-size: 17px; }
    .survival-simple-bullet-flow { display: grid; gap: 11px; justify-items: center; min-width: 0; }
    .survival-simple-bullet-flow > span { color: #d9aabd; font-size: 12px; font-weight: 800; }
    .survival-simple-bullet-flow > div { display: flex; gap: 6px; }
    .survival-simple-bullet-flow > div b { display: grid; place-items: center; width: 30px; height: 34px; border: 1px solid #a8567b; background: #311c2a; color: #fff; font-size: 16px; }
    .survival-simple-bullet-flow p { color: #ffd2e2; text-align: center; }
    .survival-simple-bullet-flow p span { color: #b78398; }
    .survival-simple-fire { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .survival-simple-fire > div { display: grid; justify-items: center; gap: 5px; min-width: 0; padding: 12px 5px; border-top: 2px solid #e17ca4; background: #111419; text-align: center; }
    .survival-simple-fire > div:nth-child(2) { border-color: #96a3ae; }
    .survival-simple-fire strong { color: #f8d9e6; font-size: 12px; }
    .survival-simple-fire img { width: 76px; height: 96px; object-fit: contain; }
    .survival-simple-fire b { color: #ff94bc; font-size: 14px; }
    .survival-simple-fire > div:nth-child(2) b { color: #c1cbd2; }
    .survival-simple-fire span, .survival-simple-fire small { color: #e5dce0; font-size: 11px; font-weight: 800; }
    .survival-simple-fire small { grid-column: 1 / -1; text-align: center; }
    .survival-simple-special { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .survival-simple-special > div { display: grid; justify-items: center; gap: 5px; min-width: 0; padding: 12px 5px; border-top: 2px solid #e17ca4; background: #111419; text-align: center; }
    .survival-simple-special > div:nth-child(2) { border-color: #afb9c3; }
    .survival-simple-special img { width: 62px; height: 62px; object-fit: contain; }
    .survival-simple-special strong { color: #ffc1d8; font-size: 14px; }
    .survival-simple-special span, .survival-simple-special b { color: #e8dfe3; font-size: 11px; }
    .survival-simple-special b { color: #ffadd0; }
    .survival-simple-result { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 14px; }
    .survival-simple-result > div { display: grid; justify-items: center; gap: 6px; padding: 15px 5px; border-left: 3px solid #e17ca4; background: #111419; text-align: center; }
    .survival-simple-result > div:nth-child(2) { border-color: #aeb6be; }
    .survival-simple-result span { color: #d5a9bc; font-size: 11px; font-weight: 800; }
    .survival-simple-result strong { color: #fff; font-size: 14px; }
    .survival-simple-result b { color: #ff9fc9; font-size: 12px; }
    @media (max-width: 640px) {
        .survival-simple-header, .survival-simple-step { padding: 18px 13px; }
        .survival-simple-header h3 { font-size: 18px; }
        .survival-simple-step-head { gap: 8px; }
        .survival-simple-step-head h4 { font-size: 14px; }
        .survival-simple-entry { gap: 2px; grid-template-columns: 1fr 8px 1fr 8px 1fr 8px 1fr; }
        .survival-simple-entry strong { font-size: 8px; }
        .survival-simple-entry b { font-size: 20px; }
        .survival-simple-bullet { grid-template-columns: 90px minmax(0, 1fr); gap: 10px; }
        .survival-simple-front { width: 90px; }
        .survival-simple-front strong { font-size: 8px; }
        .survival-simple-front b { font-size: 14px; }
        .survival-simple-bullet-flow > div { gap: 3px; }
        .survival-simple-bullet-flow > div b { width: 26px; height: 30px; }
        .survival-simple-fire img { width: 62px; height: 82px; }
    }

    .mandala-simple-guide { max-width: 720px; margin: 0 auto 24px; overflow: hidden; border: 1px solid #5d87b1; border-radius: 8px; background: #091321; color: #e6f2ff; }
    .mandala-simple-header { padding: 24px; border-bottom: 1px solid #648ebc; background: #0a1527 url('boardgame/mandala/mandala background.webp') center / cover; text-align: center; }
    .mandala-simple-header h3 { margin: 0 0 7px; color: #d9eaff; font-size: 21px; }
    .mandala-simple-header p, .mandala-simple-step p { margin: 0; color: #dce9fa; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .mandala-simple-step { padding: 23px 24px; border-top: 1px solid #344f70; background: #0e1929; }
    .mandala-simple-step:nth-child(odd) { background: #132031; }
    .mandala-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .mandala-simple-step-head span { flex: none; color: #96c8ff; font-size: 12px; font-weight: 900; }
    .mandala-simple-step-head h4 { margin: 0; color: #f0f7ff; font-size: 16px; line-height: 1.4; }
    .mandala-simple-step > p { margin-top: 12px; }
    .mandala-simple-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .mandala-simple-modes > div { display: grid; justify-items: center; gap: 4px; padding: 16px 8px; border-top: 2px solid #8cbcf0; background: #091421; text-align: center; }
    .mandala-simple-modes > div:nth-child(2) { border-color: #d0a878; }
    .mandala-simple-modes strong { color: #b9dcff; font-size: 13px; }
    .mandala-simple-modes b { color: #fff; font-size: 23px; }
    .mandala-simple-modes span { color: #9bb4d0; font-size: 10px; font-weight: 900; }
    .mandala-simple-pattern { display: grid; grid-template-columns: minmax(0, 1fr) 130px; align-items: center; gap: 15px; }
    .mandala-simple-scene { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; border: 1px solid #496a91; border-radius: 4px; background: #020713; transform: translateY(-4px); }
    .mandala-simple-scene .mandala-field-scene { border-radius: 0; }
    .mandala-simple-scene .mandala-field-pattern { top: 9%; }
    .mandala-simple-layers { display: grid; gap: 5px; }
    .mandala-simple-layers > div { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 1px 7px; padding: 7px; border-left: 2px solid #81bcf7; background: #08131f; }
    .mandala-simple-layers span { grid-row: span 2; color: #90bcdf; font-size: 10px; font-weight: 900; }
    .mandala-simple-layers strong { color: #fff; font-size: 17px; line-height: 1; }
    .mandala-simple-layers small { color: #aac2d9; font-size: 9px; font-weight: 800; }
    .mandala-simple-magnifier { display: grid; grid-template-columns: minmax(0, 1fr) 50px minmax(0, 1fr); align-items: center; gap: 10px; }
    .mandala-simple-magnifier .is-hazy .mandala-field-pattern { opacity: .25; }
    .mandala-simple-magnifier > img { width: 50px; height: 50px; object-fit: contain; }
    .mandala-simple-magnifier > div:last-child { display: grid; justify-items: center; gap: 5px; text-align: center; }
    .mandala-simple-magnifier strong { color: #b9dcff; font-size: 12px; }
    .mandala-simple-magnifier span { color: #dce9fa; font-size: 11px; font-weight: 800; }
    .mandala-simple-magnifier b { color: #d0a878; font-size: 20px; }
    .mandala-simple-answer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .mandala-simple-answer > div { display: grid; justify-items: center; gap: 9px; padding: 13px 5px; background: #08131f; }
    .mandala-simple-answer strong { color: #b9dcff; font-size: 12px; }
    .mandala-simple-answer > div > div { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; width: 100%; }
    .mandala-simple-answer > div > div span { display: grid; place-items: center; min-width: 0; height: 34px; border: 1px solid #4e7197; color: #fff; font-size: 17px; font-weight: 900; }
    .mandala-simple-answer > p { display: flex; justify-content: space-between; gap: 8px; grid-column: 1 / -1; padding: 10px; background: #162637; }
    .mandala-simple-answer > p b { color: #8fc6ff; white-space: nowrap; }
    .mandala-simple-answer > p span { color: #edc69a; text-align: right; }
    .mandala-simple-result { display: grid; gap: 9px; }
    .mandala-simple-result > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; padding: 18px 8px; border-left: 3px solid #8fc6ff; background: #08131f; }
    .mandala-simple-result strong { color: #e6f2ff; font-size: 13px; }
    .mandala-simple-result > div b { color: #9cd1ff; font-size: 16px; }
    .mandala-simple-result > p { display: flex; justify-content: space-between; padding: 10px 13px; border-left: 3px solid #c49a74; background: #171b23; }
    .mandala-simple-result > p b { color: #f1bd96; }
    @media (max-width: 640px) {
        .mandala-simple-header, .mandala-simple-step { padding: 18px 13px; }
        .mandala-simple-header h3 { font-size: 18px; }
        .mandala-simple-step-head { gap: 8px; }
        .mandala-simple-step-head h4 { font-size: 14px; }
        .mandala-simple-pattern { grid-template-columns: 1fr; }
        .mandala-simple-scene { max-width: 310px; margin: 0 auto; }
        .mandala-simple-layers { grid-template-columns: repeat(5, minmax(0, 1fr)); }
        .mandala-simple-layers > div { display: grid; grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 7px 2px; }
        .mandala-simple-layers span { grid-row: auto; font-size: 8px; }
        .mandala-simple-magnifier { grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); gap: 5px; }
        .mandala-simple-magnifier > img { width: 40px; height: 40px; }
        .mandala-simple-magnifier strong { font-size: 10px; }
        .mandala-simple-answer > div > div span { font-size: 14px; }
    }

    .baseball-simple-steal-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .baseball-simple-steal-example { min-width: 0; margin: 0; border: 1px solid #514a49; border-radius: 6px; overflow: hidden; background: #171b20; }
    .baseball-simple-steal-example figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 10px; padding: 10px 12px; font-size: 13px; color: #e8b99c; border-bottom: 1px solid #514a49; }
    .baseball-simple-steal-example figcaption span { color: #f3efed; }
    .baseball-simple-steal-example svg { display: block; width: 100%; aspect-ratio: 1; background: #171b20 url('boardgame/baseball/baseball background.webp') center / cover; }
    .baseball-simple-steal-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; font-size: 12px; color: #e9e3df; }
    .baseball-simple-steal-legend span { display: inline-flex; align-items: center; gap: 6px; }
    .baseball-simple-steal-legend i { width: 10px; height: 10px; border: 2px solid #ffd08f; }
    .baseball-simple-steal-legend .is-target { border-color: #83ded0; background: #4c8b82; transform: rotate(45deg); }
    @media (max-width: 540px) { .baseball-simple-steal-fields { grid-template-columns: 1fr; gap: 12px; } }
    .baseball-simple-guide { max-width: 720px; margin: 0 auto 24px; overflow: hidden; border: 1px solid #806c69; border-radius: 8px; background: #1b1c1f; color: #f3efed; }
    .baseball-simple-header { padding: 24px; border-bottom: 1px solid #987f74; background: #202126 url('boardgame/baseball/baseball background.webp') center 22% / cover; text-align: center; }
    .baseball-simple-header h3 { margin: 0 0 7px; color: #fff1e5; font-size: 21px; }
    .baseball-simple-header p, .baseball-simple-step p { margin: 0; color: #e9e3df; font-size: 13px; font-weight: 700; line-height: 1.65; }
    .baseball-simple-step { padding: 23px 24px; border-top: 1px solid #514a49; background: #1c1e21; }
    .baseball-simple-step:nth-child(odd) { background: #242123; }
    .baseball-simple-step-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; }
    .baseball-simple-step-head span { flex: none; color: #e8b99c; font-size: 12px; font-weight: 900; }
    .baseball-simple-step-head h4 { margin: 0; color: #fff5ed; font-size: 16px; line-height: 1.4; }
    .baseball-simple-step > p { margin-top: 12px; }
    .baseball-simple-card { position: relative; flex: none; width: 116px; aspect-ratio: 10 / 16; background: url('boardgame/baseball/team/card/bera.webp') center / contain no-repeat; }
    .baseball-simple-card.is-back { background-image: url('boardgame/baseball/team/card back/beraback.webp'); }
    .baseball-simple-card-name, .baseball-simple-card-code { position: absolute; left: 10%; width: 80%; color: #fff; text-align: center; text-shadow: 0 1px 3px #240f13, 0 0 4px #240f13; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .baseball-simple-card-name { top: 17%; font-size: 9px; }
    .baseball-simple-card > img { position: absolute; left: 17%; top: 32%; width: 66%; height: 31%; object-fit: contain; }
    .baseball-simple-card-code { bottom: 16%; font-size: 18px; }
    .baseball-simple-card.is-mini { width: 100%; }
    .baseball-simple-team { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; color: #f9e8dc; }
    .baseball-simple-team img { width: 38px; height: 38px; object-fit: contain; }
    .baseball-simple-team strong { font-size: 16px; }
    .baseball-simple-team span { margin-left: auto; color: #d5c6bd; font-size: 11px; font-weight: 800; }
    .baseball-simple-lineup-cards { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 6px; }
    .baseball-simple-lineup-cards > div { display: grid; justify-items: center; gap: 4px; min-width: 0; }
    .baseball-simple-lineup-cards span { color: #e8c0aa; font-size: 10px; font-weight: 900; }
    .baseball-simple-lineup-cards b { max-width: 100%; color: #d3c9c2; font-size: 8px; white-space: nowrap; }
    .baseball-simple-lineup-cards > div:nth-child(n+2):nth-child(-n+4) b { color: #ffc3a6; }
    .baseball-simple-lineup-cards .is-cleanup .baseball-simple-card { outline: 1px solid #e4a683; }
    .baseball-simple-code, .baseball-simple-pitch, .baseball-simple-special { display: flex; align-items: center; justify-content: center; gap: 24px; }
    .baseball-simple-code-detail, .baseball-simple-pitch > div:last-child, .baseball-simple-special-detail { display: grid; gap: 11px; min-width: 0; }
    .baseball-simple-code-detail > strong, .baseball-simple-pitch strong, .baseball-simple-special-detail > strong { color: #ffd4bc; font-size: 13px; }
    .baseball-simple-code-detail { flex: 1; }
    .baseball-simple-code-detail > div { display: grid; grid-template-columns: repeat(4, minmax(0, 34px)); gap: 6px; }
    .baseball-simple-code-detail b { width: 100%; }
    .baseball-simple-code-detail b, .baseball-simple-special-detail b { display: grid; place-items: center; width: 34px; height: 38px; border: 1px solid #b78675; background: #392b2a; color: #fff; font-size: 18px; }
    .baseball-simple-code-detail > span, .baseball-simple-special-detail > span { color: #d8c8bd; font-size: 11px; font-weight: 800; }
    .baseball-simple-token-grid { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 3px; }
    .baseball-simple-token-grid span { display: grid; place-items: center; width: 29px; height: 32px; border: 1px solid #625b58; background: #292b2e; color: #e6e1dc; font-size: 13px; font-weight: 900; }
    .baseball-simple-token-grid .is-hit { border-color: #e5b385; background: #793737; color: #fff; }
    .baseball-simple-token-grid .is-ball { border-color: #a2b6c2; background: #3a4a52; color: #fff; }
    .baseball-simple-pitch p { display: flex; gap: 14px; color: #fff; font-size: 11px; }
    .baseball-simple-pitch p b { color: #ffc7a6; }
    .baseball-simple-pitch p span { color: #c9dbe3; }
    .baseball-simple-bat { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; align-items: stretch; }
    .baseball-simple-bat-target { display: grid; justify-items: center; align-content: center; gap: 5px; background: #2c2525; text-align: center; }
    .baseball-simple-bat-target img { width: 58px; height: 58px; object-fit: contain; }
    .baseball-simple-bat-target strong { color: #f9daa4; font-size: 13px; }
    .baseball-simple-bat-target span { color: #f4e7d8; font-size: 11px; font-weight: 800; }
    .baseball-simple-bat-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .baseball-simple-bat-results > div { display: grid; justify-items: center; align-content: center; gap: 5px; padding: 12px 3px; border-top: 2px solid #b38670; background: #15191c; text-align: center; }
    .baseball-simple-bat-results b { color: #fff; font-size: 23px; }
    .baseball-simple-bat-results strong { color: #f7c8aa; font-size: 11px; }
    .baseball-simple-bat-results span { color: #d1c7c0; font-size: 10px; }
    .baseball-simple-inning { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 10px; }
    .baseball-simple-score { display: grid; grid-template-columns: 32px minmax(0, 1fr) repeat(3, 32px) 48px; align-items: center; gap: 5px; padding: 12px; background: #101417; }
    .baseball-simple-score img { width: 32px; height: 32px; object-fit: contain; }
    .baseball-simple-score strong { color: #f4ded3; font-size: 13px; }
    .baseball-simple-score span, .baseball-simple-score b { display: grid; place-items: center; height: 32px; background: #303638; color: #fff; font-size: 13px; }
    .baseball-simple-score b { background: #6d3037; font-size: 11px; }
    .baseball-simple-count { display: grid; align-content: center; justify-items: center; gap: 4px; border-left: 2px solid #b48d75; background: #292628; text-align: center; }
    .baseball-simple-count span, .baseball-simple-count small { color: #d9cbc3; font-size: 10px; font-weight: 800; }
    .baseball-simple-count strong { color: #fff; font-size: 15px; }
    .baseball-simple-special-detail > div { display: flex; align-items: center; gap: 9px; }
    .baseball-simple-special-detail > div > span { color: #efc6a8; font-size: 20px; }
    .baseball-simple-special-detail > p { padding: 8px 10px; border-left: 2px solid #b68b79; background: #292528; }
    @media (max-width: 640px) {
        .baseball-simple-header, .baseball-simple-step { padding: 18px 13px; }
        .baseball-simple-header h3 { font-size: 18px; }
        .baseball-simple-step-head { gap: 8px; }
        .baseball-simple-step-head h4 { font-size: 14px; }
        .baseball-simple-team { gap: 5px; }
        .baseball-simple-team span { font-size: 9px; }
        .baseball-simple-lineup-cards { gap: 2px; }
        .baseball-simple-lineup-cards b { font-size: 6px; }
        .baseball-simple-card { width: 90px; }
        .baseball-simple-card-name { font-size: 7px; }
        .baseball-simple-card-code { font-size: 14px; }
        .baseball-simple-code, .baseball-simple-pitch, .baseball-simple-special { gap: 9px; }
        .baseball-simple-code-detail > div { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
        .baseball-simple-token-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
        .baseball-simple-token-grid span { width: 27px; height: 29px; }
        .baseball-simple-pitch p { display: grid; gap: 3px; }
        .baseball-simple-bat { grid-template-columns: 1fr; }
        .baseball-simple-bat-target { display: flex; gap: 8px; padding: 6px; }
        .baseball-simple-bat-target img { width: 34px; height: 34px; }
        .baseball-simple-bat-results { gap: 4px; }
        .baseball-simple-inning { grid-template-columns: 1fr; }
        .baseball-simple-count { padding: 10px; }
    }

    :is(
        .joker-visual-header,
        .kaprekar-simple-header,
        .quinter9-simple-header,
        .blossom-simple-header,
        .stella-simple-header,
        .equinox-simple-header,
        .overheat-simple-header,
        .relic-simple-header,
        .survival-simple-header,
        .ritual-simple-header,
        .arena-simple-header,
        .mandala-simple-header,
        .baseball-simple-header
    ) {
        position: relative;
        isolation: isolate;
    }

    :is(
        .joker-visual-header,
        .kaprekar-simple-header,
        .quinter9-simple-header,
        .blossom-simple-header,
        .stella-simple-header,
        .equinox-simple-header,
        .overheat-simple-header,
        .relic-simple-header,
        .survival-simple-header,
        .ritual-simple-header,
        .arena-simple-header,
        .mandala-simple-header,
        .baseball-simple-header
    )::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: rgba(0, 0, 0, 0.46);
        pointer-events: none;
    }

    :is(
        .joker-visual-header,
        .kaprekar-simple-header,
        .quinter9-simple-header,
        .blossom-simple-header,
        .stella-simple-header,
        .equinox-simple-header,
        .overheat-simple-header,
        .relic-simple-header,
        .survival-simple-header,
        .ritual-simple-header,
        .arena-simple-header,
        .mandala-simple-header,
        .baseball-simple-header
    ) > * {
        position: relative;
        z-index: 1;
    }