/* Shared database navigation and the equipment lookup entry. */
.mainnav{grid-template-columns:repeat(11,minmax(0,1fr))}
.mainnav a{letter-spacing:.02em}
.mainnav a.equipment-nav,nav[aria-label="資料庫導覽"] a.equipment-nav{color:#d9f6ff;background:linear-gradient(145deg,#245c79,#15354f);box-shadow:inset 0 -3px #81ddff}
.mainnav a.equipment-nav small{color:#9bdef6;letter-spacing:0}
.mainnav a.equipment-nav:hover,nav[aria-label="資料庫導覽"] a.equipment-nav:hover{background:#286580;color:#fff}
.equipment-shortcut{display:grid;grid-template-columns:1fr minmax(320px,.85fr);gap:30px;align-items:center;padding:24px 28px;margin:20px 0 26px;border:1px solid #6ab4d2;border-left:4px solid #8be3ff;border-radius:8px;background:linear-gradient(110deg,#173c54,#102638 70%);box-shadow:0 8px 32px #0003}
.equipment-shortcut-tag{display:inline-block;padding:2px 8px;border:1px solid #598faa;border-radius:3px;font-size:11px;letter-spacing:.12em;color:#b1ebff}
.equipment-shortcut h2{margin:8px 0 4px;font-size:25px;letter-spacing:.05em;color:#e8f7ff}
.equipment-shortcut p{margin:0;color:#abc9db;font-size:13px;line-height:1.7}
.equipment-shortcut-form{min-width:0}
.equipment-shortcut-form label{display:block;margin-bottom:7px;color:#c2dfec;font-size:12px}
.equipment-shortcut-form>div{display:flex;gap:8px}
.equipment-shortcut-form input{min-width:0;width:100%;flex:1;padding:12px;border:1px solid #547b95;border-radius:4px;background:#081a28;color:#e8f7ff;font:inherit;font-size:15px}
.equipment-shortcut-form input::placeholder{color:#7897ae}
.equipment-shortcut-form button{flex-shrink:0;padding:11px 18px;border:1px solid #a5e9ff;border-radius:4px;background:#96e3ff;color:#092c42;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.equipment-shortcut-form button:hover{background:#c3f0ff}
.equipment-shortcut-form>a{display:inline-block;margin-top:8px;color:#9bdef7;font-size:12px}
.equipment-shortcut-form :focus-visible{outline:2px solid #d9f6ff;outline-offset:3px}
@media(max-width:980px){.mainnav{grid-template-columns:repeat(5,minmax(0,1fr))}.equipment-shortcut{gap:20px;padding:20px}.equipment-shortcut h2{font-size:23px}}
@media(max-width:680px){html{scroll-padding-top:200px}.mainnav{grid-template-columns:repeat(5,minmax(0,1fr))}.mainnav a{letter-spacing:0;font-size:10px;padding:12px 1px;white-space:normal}.mainnav a small{display:none}.equipment-shortcut{grid-template-columns:1fr;gap:16px;padding:18px;margin:16px 0 20px}.equipment-shortcut h2{font-size:23px}.equipment-shortcut-form button{padding:11px 13px}.equipment-shortcut p{font-size:12px}}
@media(max-width:360px){.mainnav a{font-size:9px}}
@media(min-width:981px){.origin-portals{grid-template-columns:repeat(4,minmax(0,1fr))}}
.brand-row+nav.mainnav{grid-template-columns:repeat(11,minmax(0,1fr))}
@media(max-width:980px){.brand-row+nav.mainnav{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* Game download entry. */
.mainnav a.download-nav,nav[aria-label="資料庫導覽"] a.download-nav{color:#ffe6b5;background:linear-gradient(145deg,#3c3426,#272820);box-shadow:inset 0 -3px #d5b574}.mainnav a.download-nav small{color:#d8c59f;letter-spacing:.04em}.mainnav a.download-nav:hover{background:#4a3d2b;color:#fff3da}.download-shortcut{display:flex;justify-content:space-between;align-items:center;gap:26px;margin:20px 0;padding:25px 28px;border:1px solid #9bcada;border-left:4px solid #a9ebff;border-radius:8px;background:linear-gradient(115deg,#1d4055,#13283b 75%)}.download-shortcut>div>span{color:#a7e1f4;font-size:10px;letter-spacing:.16em}.download-shortcut h2{color:#eff9ff;font-size:26px;line-height:1.5;margin:6px 0}.download-shortcut p{color:#b5cede;font-size:13px;margin:0}.download-shortcut-actions{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0}.download-shortcut .download-cta{display:inline-flex;align-items:center;gap:26px;padding:13px 24px;border:1px solid #b2efff;border-radius:4px;background:#9ae4ff;color:#0b2c40;font-weight:700;font-size:15px}.download-shortcut .download-cta:hover{background:#c6f2ff}.download-shortcut .download-guide-link{color:#b1e6fa;font-size:12px}.download-shortcut a:focus-visible{outline:2px solid #e4f8ff;outline-offset:4px}@media(max-width:680px){.download-shortcut{align-items:stretch;flex-direction:column;gap:18px;padding:20px;margin:16px 0}.download-shortcut h2{font-size:23px}.download-shortcut-actions{align-items:stretch;text-align:center}.download-shortcut .download-cta{justify-content:center}.mainnav a.download-nav{grid-column:span 2}}
@media(max-width:680px){.mainnav,.brand-row+nav.mainnav{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* Monster catalogue entry, with twelve destinations kept in complete rows. */
.mainnav a.monster-nav{color:#c9f2ff;background:#15364b;box-shadow:inset 0 -3px #6bc8e8}.mainnav a.monster-nav small{color:#92ccdf;letter-spacing:0}.mainnav a.monster-nav:hover{color:#fff;background:#245570}.archive-links{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:1201px){.mainnav,.brand-row+nav.mainnav{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(min-width:681px) and (max-width:1200px){.mainnav,.brand-row+nav.mainnav{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(max-width:680px){.mainnav a.download-nav{grid-column:auto}.archive-links{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-links>a:nth-child(3){border-left:0}.archive-links>a:nth-child(n+3){border-top:1px solid #3249697a}}

/* Item drop lookup entry and homepage search. */
.mainnav a.drop-nav{color:#ffe5ae;background:linear-gradient(140deg,#443c2b,#252e32);box-shadow:inset 0 -3px #e0bd76}.mainnav a.drop-nav small{color:#dbbf8a;letter-spacing:.04em}.mainnav a.drop-nav:hover{background:#534833;color:#fff4d9}.drop-shortcut{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:23px 28px;margin:20px 0 26px;border:1px solid #83714e;border-left:4px solid #dfbd7c;border-radius:8px;background:linear-gradient(110deg,#2b302e,#122738 70%)}.drop-shortcut>div>span{color:#cdb484;font-size:10px;letter-spacing:.13em}.drop-shortcut h2{margin:7px 0;color:#f0e5cf;font-size:25px;line-height:1.5}.drop-shortcut p{margin:0;color:#adc2d0;font-size:13px}.drop-shortcut form{display:flex;gap:9px;min-width:320px;max-width:500px;flex:1}.drop-shortcut input{min-width:0;flex:1;padding:12px;border:1px solid #665f4e;border-radius:4px;background:#0b1a27;color:#e3edf5;font:inherit;font-size:14px}.drop-shortcut input::placeholder{color:#91a8b9}.drop-shortcut button{flex-shrink:0;padding:11px 17px;border:1px solid #e6d2a8;border-radius:4px;background:#ddc28e;color:#29271e;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.drop-shortcut button:hover{background:#f3dda8}.drop-shortcut :focus-visible{outline:2px solid #f2dfaf;outline-offset:4px}
@media(min-width:1201px){.mainnav,.brand-row+nav.mainnav{grid-template-columns:repeat(13,minmax(0,1fr))}}
@media(min-width:681px) and (max-width:1200px){.mainnav,.brand-row+nav.mainnav{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
@media(max-width:850px){.drop-shortcut{align-items:stretch;flex-direction:column;gap:18px;padding:21px}.drop-shortcut form{min-width:0;max-width:none}.drop-shortcut h2{font-size:23px}}
@media(max-width:680px){.mainnav>a:last-child:nth-child(4n+1){grid-column:1/-1}.drop-shortcut{margin:16px 0 20px;padding:18px}.drop-shortcut h2{font-size:22px}.drop-shortcut p{font-size:12px}.drop-shortcut form{gap:7px}.drop-shortcut input{padding:11px 9px;font-size:14px}.drop-shortcut button{padding:10px 12px;font-size:12px}}

.drop-shortcut .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}