.badge[role="button"],.effect-type[role="button"]{cursor:pointer;outline-offset:3px}.badge[role="button"]:hover,.effect-type[role="button"]:hover{filter:brightness(1.12);box-shadow:0 0 0 1px #9c7b50}.effect-help{border:1px solid #b08863;padding:0;width:min(480px,92vw);max-height:85dvh;overflow:auto;background:#fffaf1;color:#493629;box-shadow:0 15px 70px #0006}.effect-help::backdrop{background:#18130fc9}.effect-help-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 19px;background:linear-gradient(110deg,#602119,#9b3629);color:white}.effect-help-top span{font:700 14px Oswald,"Microsoft JhengHei";letter-spacing:1px}.effect-help-top button{background:none;border:1px solid #ffffff70;color:white;font:26px Arial;width:35px;height:35px}.effect-help-content{padding:20px}#effect-help-content{padding:20px 24px 24px}#effect-help-content h2{font-size:23px;line-height:1.4;margin:5px 0 18px}#effect-help-content p{font-size:14px;line-height:1.95;margin:12px 0}.effect-help-kind{font-size:11px!important;color:#9d7650;letter-spacing:1px;margin-top:0!important}.effect-help-current{font-size:11px!important;color:#a07855}.effect-help-example{border-left:3px solid #b38d50;background:#f0e5d1;padding:12px 14px;font-size:13px;line-height:1.8;margin-top:18px}.effect-help-source{border-top:1px solid #dfcfb6;padding-top:12px;color:#9b8164;font-size:10px!important;margin-bottom:0!important}.catalog-card-open{display:block;width:100%;padding:0;text-align:left;border:0;background:none;color:inherit;cursor:pointer}.card-effect-chips{display:flex;gap:5px;flex-wrap:wrap;padding:0 12px 13px}.effect-chip{font-size:10px;line-height:1.6;padding:3px 6px;background:#e8e1d5;color:#73583d;border:1px solid #ccbaa2;cursor:pointer}.effect-chip.status{background:#84268c;color:white;border-color:#84268c}.effect-chip.critical{background:#edcd2b;color:#9c3025;border-color:#d6b323}.effect-chip.before{background:#c62e79;color:white;border-color:#c62e79}.effect-chip.after{background:#4a933e;color:white;border-color:#4a933e}.effect-chip.combat{background:#00a3b7;color:white;border-color:#00a3b7}.effect-chip:hover{filter:brightness(1.12)}@media(min-width:651px) and (max-width:950px){header{padding-left:20px;padding-right:20px;gap:14px}.official-logo{width:148px}nav{gap:12px}nav a{font-size:12px}}@media(max-width:650px){nav{gap:6px}nav a{font-size:11px;letter-spacing:0}.card-effect-chips{padding:0 9px 11px;gap:4px}.effect-chip{font-size:9px;padding:3px 5px}#effect-help-content{padding:18px}.effect-help-top{padding:10px 15px}}
.home-screen-guide{margin:48px 0 10px;padding:25px;border:1px solid #c5b296;background:linear-gradient(120deg,#fffcf7,#f1e9dc);box-shadow:0 4px 15px #3b291b0c}.home-screen-guide .section-head{margin-bottom:14px}.home-screen-guide .section-head h2{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-size:22px;font-weight:bold;letter-spacing:1px}.home-screen-intro{font-size:13px;color:#8a6f53;line-height:1.9;margin:0 0 21px}.home-screen-platforms{display:grid;grid-template-columns:1fr 1fr;gap:25px}.home-screen-platforms article{padding:18px;background:#fffaf1;border:1px solid #ddceb7}.home-screen-platforms h3{font-size:15px;color:#71482e;margin:0 0 12px}.home-screen-platforms ol{padding-left:20px;margin:0 0 12px;font-size:12px;line-height:1.9;color:#76624e}.home-screen-platforms li{padding:3px 0 3px 3px}.home-screen-platforms a{font-size:11px;color:#975539;text-underline-offset:3px}.home-screen-notice{margin-top:20px;padding:17px 19px;border:1px solid #b9825c;border-left:4px solid #963c2b;background:#f7ead7}.home-screen-notice strong{display:block;font-size:14px;color:#823828;margin-bottom:7px}.home-screen-notice p{font-size:12px;color:#805a3e;line-height:1.95;margin:0}.new-page-example{display:inline-grid;place-items:center;border:1px solid #ad805c;background:#fff9f0;min-width:24px;height:24px;font:19px Arial;vertical-align:middle}.home-screen-icon-update{font-size:11px;color:#9a7f61;line-height:1.8;margin:16px 0 0}@media(max-width:650px){.home-screen-guide{padding:18px 14px;margin-top:32px}.home-screen-guide .section-head{gap:8px;flex-wrap:wrap}.home-screen-guide .section-head h2{font-size:20px}.home-screen-guide .section-head span{font-size:9px;letter-spacing:.5px}.home-screen-intro{font-size:12px}.home-screen-platforms{grid-template-columns:1fr;gap:13px}.home-screen-platforms article{padding:16px}.home-screen-notice{padding:15px 13px}.home-screen-notice p{font-size:12px}}
