.module-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
}
.module-icon-body {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    padding: 7px;
    border: 3px solid #8b806d;
    border-radius: 9px;
    background: #f5efdf;
    color: #473b27;
    text-align: center;
    box-shadow: inset 0 0 0 2px #fff8;
}
.module-icon-body b { font-size: 12px; line-height: 1.2; }
.module-icon-body.rarity-rare { background: #e7eef9; border-color: #607ca5; }
.module-icon-body.rarity-legendary { background: #fff0bd; border-color: #b17b16; }
.module-icon-body.rarity-host { background: #f1d79a; border-color: #825b12; }
.icon-port { position: absolute; display: block; background: #aaa; }
.icon-up,.icon-down { left: 50%; width: 20px; height: 6px; transform: translateX(-50%); }
.icon-left,.icon-right { top: 50%; width: 6px; height: 20px; transform: translateY(-50%); }
.icon-up { top: -5px; }.icon-down { bottom: -5px; }.icon-left { left: -5px; }.icon-right { right: -5px; }
.icon-port.interface-red { background: #bd4d41; }
.icon-port.interface-blue { background: #477cb8; }
.icon-port.interface-green { background: #4f9661; }
.icon-port.interface-white { background: #fff; box-shadow: 0 0 0 1px #777; }
.relic-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(330px,1fr)); gap: 12px; }
.relic-card { display: grid; grid-template-columns: 54px 1fr; gap: 12px; padding: 15px; border: 1px solid #c9beaa; border-left: 5px solid #8b806d; border-radius: 9px; background: #fff; }
.relic-card.rarity-rare { border-left-color: #607ca5; }.relic-card.rarity-legendary { border-left-color: #b17b16; }
.relic-card header { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
.relic-card header strong { font-size: 18px; }.relic-card header small { color: #756b58; }
.relic-card p { margin: 8px 0 0; line-height: 1.55; color: #514b40; }
.relic-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #efe4c9; color: #8e6315; font-size: 25px; }
.initial-relics { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.relic-chip { position: relative; display: inline-block; padding: 3px 8px; border: 1px solid #b08a3e; border-radius: 11px; background: #fff5d9; color: #725012; cursor: help; }
.relic-tooltip { display: none; position: absolute; z-index: 30; left: 0; top: calc(100% + 6px); width: 250px; padding: 10px; border: 1px solid #b08a3e; border-radius: 7px; background: #fffdf7; color: #302b23; box-shadow: 0 7px 20px #4b351f30; }
.relic-tooltip > * { display: block; margin: 3px 0; line-height: 1.45; }
.relic-tooltip small { color: #746956; }
.relic-chip:hover .relic-tooltip,.relic-chip:focus .relic-tooltip { display: block; }
.rules-panel{padding:4px 0 24px}.rules-intro{padding:24px 26px;margin-bottom:14px;border:1px solid #c9b27d;border-radius:12px;background:linear-gradient(135deg,#fffaf0,#f0e2bd)}.rules-intro h2{margin:5px 0 9px;color:#60430f;font-size:25px}.rules-intro p{margin:0;line-height:1.7;color:#5d5548}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:12px}.rules-grid article{position:relative;min-height:180px;padding:19px 20px 18px;border:1px solid #c9beaa;border-radius:10px;background:#fff;overflow:hidden}.rules-grid h3{margin:5px 0 10px;color:#62440f;font-size:19px}.rules-grid p{position:relative;margin:0;line-height:1.72;color:#565044}.rule-number{position:absolute;right:12px;top:3px;color:#eee5d2;font-size:48px;font-weight:800}.rules-footnote{padding:12px 15px;border-left:4px solid #9b741f;background:#fff8e7;color:#625536}@media(max-width:700px){.wiki-tabs{overflow-x:auto}.wiki-tabs button{flex:0 0 auto;padding:9px 18px}.rules-intro{padding:19px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0}}